commit 12ef12c7e8ff7973758615ad997e56171e67a62a Author: dahoud Date: Sat Dec 27 00:17:08 2025 +0000 Initial commit: PrimeFaces Freya Extension - Composants Freya pour PrimeFaces avec support Quarkus diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8ce2050 --- /dev/null +++ b/.gitignore @@ -0,0 +1,170 @@ +# Compiled class files +*.class + +# Log files +*.log + +# BlueJ files +*.ctxt + +# Mobile Tools for Java (J2ME) +.mtj.tmp/ + +# Package Files +*.jar +*.war +*.nar +*.ear +*.zip +*.tar.gz +*.rar + +# Virtual machine crash logs +hs_err_pid* +replay_pid* + +# Maven +target/ +pom.xml.tag +pom.xml.releaseBackup +pom.xml.versionsBackup +pom.xml.next +release.properties +dependency-reduced-pom.xml +buildNumber.properties +.mvn/timing.properties +.mvn/wrapper/maven-wrapper.jar + +# Gradle +.gradle/ +build/ +!gradle/wrapper/gradle-wrapper.jar +!**/src/main/**/build/ +!**/src/test/**/build/ + +# Eclipse +.classpath +.project +.settings/ +bin/ +tmp/ +*.tmp +*.bak +*.swp +*~.nib +local.properties +.loadpath +.recommenders + +# IntelliJ IDEA +.idea/ +*.iws +*.iml +*.ipr +out/ +!**/src/main/**/out/ +!**/src/test/**/out/ + +# NetBeans +/nbproject/private/ +/nbbuild/ +/dist/ +/nbdist/ +/.nb-gradle/ + +# VS Code +.vscode/ +*.code-workspace +.history/ + +# macOS +.DS_Store +.AppleDouble +.LSOverride +Icon +._* +.DocumentRevisions-V100 +.fseventsd +.Spotlight-V100 +.TemporaryItems +.Trashes +.VolumeIcon.icns +.com.apple.timemachine.donotpresent +.AppleDB +.AppleDesktop +Network Trash Folder +Temporary Items +.apdisk + +# Windows +Thumbs.db +Thumbs.db:encryptable +ehthumbs.db +ehthumbs_vista.db +*.stackdump +[Dd]esktop.ini +$RECYCLE.BIN/ +*.cab +*.msi +*.msix +*.msm +*.msp +*.lnk + +# Linux +*~ +.fuse_hidden* +.directory +.Trash-* +.nfs* + +# Quarkus +.quarkus/ +quarkus.log + +# Node (si utilisé pour build frontend) +node_modules/ +npm-debug.log* +yarn-debug.log* +yarn-error.log* +package-lock.json +yarn.lock + +# Sass +.sass-cache/ +*.css.map + +# Backup files +*.bak +*.backup +*~ + +# Temporary files +*.tmp +*.temp +.cache/ + +# Database +*.db +*.sqlite +*.sqlite3 + +# Environment variables +.env +.env.local +.env.*.local + +# IDE specific +*.sublime-project +*.sublime-workspace + +# Test coverage +coverage/ +*.cover +.hypothesis/ +.pytest_cache/ + +# Documentation build +docs/_build/ +site/ + diff --git a/ACCESSIBILITY.md b/ACCESSIBILITY.md new file mode 100644 index 0000000..18966e1 --- /dev/null +++ b/ACCESSIBILITY.md @@ -0,0 +1,252 @@ +# Guide d'Accessibilité + +PrimeFaces Freya Extension est conçu avec l'accessibilité en tête, suivant les directives **WCAG 2.1 niveau AA**. + +## 🎯 Objectifs d'accessibilité + +- ✅ **Navigation au clavier** - Tous les composants sont accessibles au clavier +- ✅ **Lecteurs d'écran** - Support ARIA pour les technologies d'assistance +- ✅ **Contraste des couleurs** - Respect des ratios de contraste WCAG +- ✅ **Focus visible** - Indicateurs de focus clairs +- ✅ **Labels explicites** - Tous les champs ont des labels associés +- ✅ **Messages d'erreur** - Validation accessible + +## 🔍 Fonctionnalités d'accessibilité + +### 1. Labels et associations + +Tous les composants `fr:field*` génèrent automatiquement des labels associés : + +```xml + +``` + +Génère : +```html +
+ + + +
+``` + +### 2. Indicateurs requis + +Les champs requis affichent automatiquement un astérisque et l'attribut `aria-required` : + +```xml + +``` + +### 3. Messages de validation + +Les messages d'erreur sont annoncés aux lecteurs d'écran via `role="alert"` : + +```xml + + +``` + +### 4. Navigation au clavier + +| Composant | Raccourcis clavier | +|-----------|-------------------| +| `fieldInput` | Tab, Shift+Tab | +| `fieldSelect` | Tab, ↑↓ pour naviguer, Enter pour sélectionner | +| `fieldCalendar` | Tab, ↑↓←→ pour naviguer dans le calendrier | +| `fieldCheckbox` | Tab, Espace pour cocher/décocher | +| `fieldRadio` | Tab, ↑↓ pour changer de sélection | +| `button` | Tab, Enter ou Espace pour activer | +| `actionDialog` | Esc pour fermer, Tab pour naviguer | +| `dataTable` | Tab pour naviguer, ↑↓ pour les lignes | +| `tabView` | ←→ pour changer d'onglet | + +### 5. Focus management + +Les dialogs gèrent automatiquement le focus : + +```xml + + + + +``` + +### 6. Contraste des couleurs + +Le thème Freya respecte les ratios de contraste WCAG : + +- **Texte normal** : Ratio minimum 4.5:1 +- **Texte large** : Ratio minimum 3:1 +- **Composants UI** : Ratio minimum 3:1 + +### 7. Attributs ARIA + +Les composants PrimeFaces sous-jacents incluent automatiquement : + +- `aria-label` - Label pour les composants sans label visible +- `aria-required` - Indique les champs obligatoires +- `aria-invalid` - Indique les champs en erreur +- `aria-describedby` - Associe les messages d'aide +- `role` - Définit le rôle sémantique + +## 📋 Bonnes pratiques + +### ✅ À faire + +1. **Toujours fournir un label** + ```xml + + ``` + +2. **Utiliser des labels descriptifs** + ```xml + + + + + + ``` + +3. **Grouper les champs liés** + ```xml +
+ Informations personnelles + + +
+ ``` + +4. **Fournir des messages d'erreur clairs** + ```java + @NotBlank(message = "Le nom est obligatoire") + @Size(min = 2, max = 50, message = "Le nom doit contenir entre 2 et 50 caractères") + private String nom; + ``` + +5. **Utiliser des placeholders informatifs** + ```xml + + ``` + +### ❌ À éviter + +1. **Ne pas utiliser uniquement la couleur pour transmettre l'information** + ```xml + + Champ obligatoire + + + Champ obligatoire + ``` + +2. **Ne pas omettre les labels** + ```xml + + + + + + ``` + +3. **Ne pas désactiver le focus visible** + ```css + /* ❌ Mauvais */ + *:focus { + outline: none; + } + + /* ✅ Bon : personnaliser mais garder visible */ + *:focus { + outline: 2px solid var(--primary-color); + outline-offset: 2px; + } + ``` + +## 🧪 Tests d'accessibilité + +### Outils recommandés + +1. **axe DevTools** - Extension Chrome/Firefox pour audit automatique +2. **WAVE** - Extension pour évaluation visuelle +3. **Lighthouse** - Audit intégré dans Chrome DevTools +4. **NVDA** (Windows) ou **VoiceOver** (Mac) - Lecteurs d'écran + +### Checklist de test + +- [ ] Navigation complète au clavier (Tab, Shift+Tab) +- [ ] Tous les champs ont des labels visibles +- [ ] Les champs requis sont indiqués +- [ ] Les messages d'erreur sont annoncés +- [ ] Le focus est visible sur tous les éléments interactifs +- [ ] Les dialogs piègent le focus +- [ ] Esc ferme les dialogs +- [ ] Les tableaux ont des en-têtes appropriés +- [ ] Les images ont des textes alternatifs +- [ ] Le contraste des couleurs est suffisant + +### Exemple de test avec lecteur d'écran + +```xml + +``` + +**Annonce attendue** : +> "Nom complet, champ obligatoire, zone de texte, Ex: Jean Dupont" + +## 🎨 Personnalisation accessible + +### Thème sombre + +Le thème Freya supporte le mode sombre avec contraste approprié : + +```xml + + +``` + +### Taille de police + +Respecter les préférences utilisateur : + +```css +/* ✅ Utiliser rem au lieu de px */ +.custom-text { + font-size: 1rem; /* S'adapte aux préférences utilisateur */ +} +``` + +### Animations + +Respecter `prefers-reduced-motion` : + +```css +@media (prefers-reduced-motion: reduce) { + * { + animation-duration: 0.01ms !important; + transition-duration: 0.01ms !important; + } +} +``` + +## 📚 Ressources + +- [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/) +- [PrimeFaces Accessibility](https://www.primefaces.org/showcase/ui/misc/accessibility.xhtml) +- [WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/) +- [WebAIM](https://webaim.org/) + +## 🤝 Contribution + +Si vous identifiez un problème d'accessibilité, veuillez : +1. Ouvrir une issue sur GitHub +2. Décrire le problème et le contexte +3. Fournir des suggestions de correction si possible + +L'accessibilité est une priorité pour ce projet ! 🎯 + diff --git a/ANALYSE_INTEGRALE.md b/ANALYSE_INTEGRALE.md new file mode 100644 index 0000000..0998732 --- /dev/null +++ b/ANALYSE_INTEGRALE.md @@ -0,0 +1,402 @@ +# Analyse Intégrale - PrimeFaces Freya Extension + +## 📋 Vue d'ensemble + +**PrimeFaces Freya Extension** est une extension Quarkus qui intègre le thème premium **Freya** de PrimeFaces dans l'écosystème Quarkus, permettant aux développeurs d'utiliser facilement ce thème moderne et personnalisable dans leurs applications Quarkus basées sur JSF/PrimeFaces. + +--- + +## 🎯 Intention du Projet + +### Objectif Principal + +L'intention principale de ce projet est de **créer une extension Quarkus réutilisable** qui : + +1. **Intègre le thème Freya de PrimeFaces** dans Quarkus de manière native +2. **Fournit un template de layout complet** avec tous les composants nécessaires (menu, topbar, footer, panneau de configuration) +3. **Simplifie l'adoption du thème Freya** pour les développeurs Quarkus en évitant la configuration manuelle complexe +4. **Offre une personnalisation dynamique** via un bean de session (`GuestPreferences`) pour gérer les préférences utilisateur (thème clair/sombre, couleurs, styles de menu, etc.) + +### Contexte d'Utilisation + +Cette extension est conçue pour être utilisée dans des projets comme : +- **lions-user-manager** (gestion d'utilisateurs Keycloak avec interface PrimeFaces Freya) +- **gbcm-llc** (plateforme de conseil en management) +- **btpxpress** (plateforme de gestion BTP) +- Tout autre projet Quarkus nécessitant une interface moderne avec PrimeFaces + +--- + +## 🏗️ Architecture du Projet + +### Structure Multi-Modules Maven + +Le projet suit l'architecture standard des extensions Quarkus avec 3 modules : + +``` +primefaces-freya-extension/ +├── pom.xml # Module parent +├── runtime/ # Module runtime (dépendances et ressources) +│ ├── pom.xml +│ └── src/main/ +│ ├── java/ # Bean de gestion des préférences +│ └── resources/ +│ └── META-INF/ +│ ├── quarkus-extension.properties +│ └── resources/ # Templates XHTML, CSS, JS, images +├── deployment/ # Module de déploiement (build-time) +│ └── pom.xml +└── integration-tests/ # Tests d'intégration + ├── pom.xml + └── src/main/resources/ + └── META-INF/resources/ + └── index.xhtml # Page de vérification +``` + +### Module Runtime (`runtime/`) + +**Responsabilités :** +- Définit les dépendances nécessaires (PrimeFaces, Freya Theme, Quarkus PrimeFaces) +- Contient toutes les ressources statiques (templates, CSS, JS, images) +- Fournit le bean `GuestPreferences` pour la gestion des préférences utilisateur + +**Dépendances clés :** +- `quarkus-primefaces` (3.14.0) - Support PrimeFaces pour Quarkus +- `primefaces` (14.0.0) - Framework JSF PrimeFaces +- `freya-theme` (5.0.0-jakarta) - Thème premium Freya +- `quarkus-awt` - Support AWT pour le rendu + +**Ressources fournies :** +- **Templates XHTML** : `template.xhtml`, `menu.xhtml`, `topbar.xhtml`, `footer.xhtml`, `config.xhtml` +- **Pages d'exemple** : `landing.xhtml`, `login.xhtml`, `error.xhtml`, `notfound.xhtml`, etc. +- **Assets** : CSS compilés, JavaScript, images, icônes PrimeIcons +- **SCSS sources** : Fichiers SCSS pour personnalisation avancée + +### Module Deployment (`deployment/`) + +**Responsabilités :** +- Configure le build-time processing de Quarkus +- Définit les dépendances de déploiement nécessaires +- Utilise le processeur d'extension Quarkus pour générer les métadonnées + +**Dépendances de déploiement :** +- `quarkus-arc-deployment` - Injection de dépendances +- `quarkus-undertow-deployment` - Serveur web +- `myfaces-quarkus-deployment` - Support JSF/MyFaces +- `quarkus-poi-deployment` - Support Excel +- `quarkus-itext-deployment` - Support PDF + +### Module Integration Tests (`integration-tests/`) + +**Responsabilités :** +- Contient une application de test minimale +- Vérifie que l'extension fonctionne correctement +- Page de vérification (`index.xhtml`) pour tester le rendu + +--- + +## 🔧 Composants Techniques + +### 1. Bean de Préférences (`GuestPreferences.java`) + +**Localisation :** `runtime/src/main/java/org/primefaces/freya/view/GuestPreferences.java` + +**Fonctionnalités :** +- **Gestion du mode sombre/clair** : `darkMode` (light/dark) +- **Thèmes de composants** : 8 couleurs disponibles (Blue, Green, Orange, Turquoise, Avocado, Purple, Red, Yellow) +- **Modes de menu** : Sidebar, Horizontal, Slim +- **Thèmes de sections** : Topbar et Menu peuvent avoir des thèmes indépendants +- **Style d'input** : Outlined ou Filled +- **Gestion du logo** : Logo clair ou sombre selon le thème + +**Portée :** `@SessionScoped` - Les préférences sont persistées par session utilisateur + +### 2. Template Principal (`template.xhtml`) + +**Localisation :** `runtime/src/main/resources/META-INF/resources/WEB-INF/template.xhtml` + +**Structure :** +- En-tête avec métadonnées et scripts +- Layout wrapper avec classes dynamiques basées sur les préférences +- Inclusion des composants : topbar, menu, rightpanel, config +- Zone de contenu principale (``) +- Footer +- Indicateur de chargement AJAX +- Styles dynamiques selon les préférences + +**Utilisation :** +```xhtml + + + + + +``` + +### 3. Panneau de Configuration (`config.xhtml`) + +**Localisation :** `runtime/src/main/resources/META-INF/resources/WEB-INF/config.xhtml` + +**Fonctionnalités :** +- Bouton de configuration (icône engrenage) +- Panneau latéral avec options : + - Type de menu (Horizontal/Sidebar/Slim) + - Schéma de couleurs (Light/Dark) + - Thèmes de topbar et menu (indépendants) + - Style d'input (Outlined/Filled) + - Sélection de couleur de thème (8 options) + +**Interaction :** Utilise JavaScript `PrimeFaces.FreyaConfigurator` pour les changements dynamiques + +### 4. Menu (`menu.xhtml`) + +**Structure :** +- Logo Freya +- Bouton de pin/unpin du menu +- Menu PrimeFaces avec composant personnalisé `` +- Exemple de structure avec sous-menus + +### 5. Topbar (`topbar.xhtml`) + +**Composants :** +- Bouton menu hamburger +- Logo (adaptatif selon le thème) +- Barre de recherche +- Profil utilisateur avec menu déroulant +- Bouton panneau latéral + +### 6. Ressources Statiques + +**CSS :** +- `layout-light.css` / `layout-dark.css` - Styles compilés +- `primeflex.min.css` - Framework CSS utilitaire +- `primeicons.css` - Bibliothèque d'icônes + +**JavaScript :** +- `layout.js` - Logique de configuration et interaction du layout +- `prism.js` - Coloration syntaxique (pour documentation) + +**Images :** +- Logos (Freya standard, blanc, single) +- Avatar par défaut +- Images de pages d'erreur/404 +- Favicon + +**SCSS Sources :** +- Structure modulaire avec variables, mixins, layouts, thèmes +- Permet la personnalisation avancée avant compilation + +--- + +## 🔌 Intégration Quarkus + +### Extension Metadata + +**Fichier :** `quarkus-extension.properties` +``` +deployment-artifact=dev.lions:primefaces-freya-extension-deployment:1.0.0-SNAPSHOT +requires-quarkus-version=[3.15,) +``` + +**Fichier :** `quarkus-extension.yaml` +- Liste toutes les dépendances d'extension requises +- Définit les métadonnées de l'extension +- Spécifie la version minimale de Quarkus (3.15+) + +### Dépendances Requises + +L'extension nécessite automatiquement : +- `quarkus-primefaces` - Support PrimeFaces +- `quarkus-arc` - Injection de dépendances +- `myfaces-quarkus` - Support JSF +- `quarkus-undertow` - Serveur web +- `quarkus-awt` - Support graphique +- Et autres dépendances transitives + +### Utilisation dans un Projet + +Pour utiliser cette extension dans un projet Quarkus : + +1. **Ajouter la dépendance :** +```xml + + dev.lions + primefaces-freya-extension + 1.0.0-SNAPSHOT + +``` + +2. **Utiliser le template :** +```xhtml + + + + + +``` + +3. **Accéder aux préférences :** +```xhtml +#{guestPreferences.darkMode} +#{guestPreferences.componentTheme} +``` + +--- + +## 🎨 Fonctionnalités du Thème Freya + +### Personnalisation Dynamique + +1. **8 Thèmes de Couleur :** + - Blue (#2c84d8) + - Green (#34B56F) + - Orange (#FF810E) + - Turquoise (#58AED3) + - Avocado (#AEC523) + - Purple (#464DF2) - Par défaut + - Red (#FF9B7B) + - Yellow (#FFB340) + +2. **Modes d'Affichage :** + - Light Mode + - Dark Mode + +3. **Layouts de Menu :** + - Sidebar (par défaut) + - Horizontal + - Slim + +4. **Styles d'Input :** + - Outlined (par défaut) + - Filled + +### Pages Prédéfinies + +L'extension fournit des templates pour : +- **Landing page** (`landing.xhtml`) - Page d'accueil marketing +- **Login** (`login.xhtml`) - Page de connexion +- **Error** (`error.xhtml`) - Page d'erreur +- **404** (`notfound.xhtml`) - Page non trouvée +- **Access Denied** (`access.xhtml`) - Accès refusé +- **Help** (`help.xhtml`) - Aide +- **Invoice** (`invoice.xhtml`) - Facture +- **Empty** (`empty.xhtml`) - Page vide + +--- + +## 📊 Versions et Compatibilité + +### Versions Utilisées + +- **Quarkus** : 3.15.1 +- **Java** : 17 +- **PrimeFaces** : 14.0.0 +- **Freya Theme** : 5.0.0-jakarta +- **Quarkus PrimeFaces** : 3.14.0 + +### Compatibilité + +- **Quarkus** : ≥ 3.15 +- **Jakarta EE** : Compatible Jakarta (pas Java EE) +- **Java** : 17+ + +--- + +## 🔍 Points d'Attention + +### 1. Repository Local + +Le projet référence un repository Maven local : +```xml + + local-maven-repo + file://${project.basedir}/../../maven-repo + +``` + +Cela suggère que certaines dépendances peuvent être dans un repository local. + +### 2. License Commerciale + +Le thème Freya est sous **PrimeFaces Commercial License**, ce qui signifie : +- ⚠️ Nécessite une licence commerciale pour usage en production +- ⚠️ Le code source de `GuestPreferences.java` mentionne cette licence + +### 3. Module Deployment Vide + +Le module `deployment/` ne contient pas de code Java, seulement des dépendances. Cela peut indiquer : +- Une extension simple qui ne nécessite pas de processing build-time complexe +- Ou une structure en cours de développement + +### 4. Tests d'Intégration Minimaux + +Le module `integration-tests/` contient seulement une page de vérification basique, pas de tests automatisés complets. + +--- + +## 💡 Cas d'Usage + +### Utilisation dans l'Écosystème Lions + +Cette extension est conçue pour être utilisée dans : + +1. **lions-user-manager** + - Interface de gestion d'utilisateurs Keycloak + - Utilise PrimeFaces Freya pour l'UI + +2. **gbcm-llc** + - Plateforme de conseil en management + - Interface client avec thème moderne + +3. **btpxpress** + - Gestion d'entreprise BTP + - Interface web pour gestion de chantiers + +### Avantages + +✅ **Réutilisabilité** : Une seule extension pour tous les projets +✅ **Cohérence** : Même look & feel across projects +✅ **Maintenance** : Mise à jour centralisée +✅ **Rapidité** : Démarrage rapide avec template complet +✅ **Personnalisation** : Facile à personnaliser via SCSS et préférences + +--- + +## 🚀 État du Projet + +### Statut Actuel + +- ✅ Structure multi-modules complète +- ✅ Templates XHTML fonctionnels +- ✅ Bean de préférences implémenté +- ✅ Ressources statiques intégrées +- ✅ Métadonnées d'extension Quarkus configurées +- ⚠️ Tests d'intégration minimaux +- ⚠️ Documentation manquante (pas de README) + +### Recommandations + +1. **Ajouter un README.md** avec instructions d'utilisation +2. **Compléter les tests d'intégration** avec des tests automatisés +3. **Documenter les variables SCSS** pour personnalisation +4. **Ajouter des exemples** de pages utilisant le template +5. **Créer une documentation** sur la personnalisation avancée + +--- + +## 📝 Conclusion + +**PrimeFaces Freya Extension** est une extension Quarkus bien structurée qui **intègre le thème premium Freya de PrimeFaces** dans l'écosystème Quarkus. Son intention principale est de **simplifier l'adoption et l'utilisation du thème Freya** dans les projets Quarkus en fournissant : + +- Un template de layout complet et prêt à l'emploi +- Un système de préférences utilisateur pour la personnalisation dynamique +- Toutes les ressources nécessaires (CSS, JS, images) +- Une intégration native avec Quarkus via le système d'extensions + +Cette extension permet aux développeurs de **démarrer rapidement** avec une interface moderne et professionnelle sans avoir à configurer manuellement tous les composants du thème Freya. + +--- + +**Date d'analyse :** 2025-01-27 +**Version analysée :** 1.0.0-SNAPSHOT + diff --git a/ANALYSE_OFFICIELLE.md b/ANALYSE_OFFICIELLE.md new file mode 100644 index 0000000..029cdec --- /dev/null +++ b/ANALYSE_OFFICIELLE.md @@ -0,0 +1,336 @@ +# Analyse Basée sur les Sources Officielles - PrimeFaces Freya Extension + +**Date** : 2025-12-25 +**Sources** : Freya 5.0.0, Jakarta EE, PrimeFaces 14.0.0 + +--- + +## 🔍 Découvertes Importantes + +### ❌ ERREUR D'INTERPRÉTATION INITIALE + +L'analyse précédente (README.md et TODO.md) affirmait que l'extension devait fournir **25 composants composites**. Cette affirmation est **INCORRECTE** basée sur les sources officielles de Freya. + +### ✅ RÉALITÉ SELON LES SOURCES OFFICIELLES + +Après avoir analysé les sources Freya 5.0.0 locales (`C:/Users/dadyo/PersonalProjects/lions-workspace/freya/`), voici la réalité : + +**Freya fournit** : +1. ✅ **UN SEUL composant custom** : `FreyaMenu` (composant Java avec renderer) + - Localisation : `tag/src/main/java/org/primefaces/freya/component/FreyaMenu.java` + - Taglib : `META-INF/primefaces-freya.taglib.xml` + - Namespace : `http://primefaces.org/freya` + - Usage : `` + +2. ✅ **Templates de layout** : + - `template.xhtml`, `menu.xhtml`, `topbar.xhtml`, `footer.xhtml`, `config.xhtml` + - 8 pages prédéfinies (landing, login, error, etc.) + +3. ✅ **Exemples d'utilisation** de composants PrimeFaces standards : + - `input.xhtml` - Démo des composants input de PrimeFaces + - `crud.xhtml` - Démo CRUD avec p:dataTable, p:dialog + - Autres démos : button, calendar, charts, formlayout, etc. + +**Freya NE fournit PAS** : +- ❌ Bibliothèque de composants composites +- ❌ Wrappers autour des composants PrimeFaces +- ❌ Composants `fr:inputText`, `fr:card`, `fr:dataTable`, etc. + +--- + +## 📚 Ce que Disent les Documentations Officielles + +### Jakarta EE - Composite Components + +**Source** : https://jakarta.ee/learn/docs/jakartaee-tutorial/current/web/faces-advanced-cc/faces-advanced-cc.html + +Les composite components sont créés avec : + +```xml + + + + + + + + + + +
+ + + +
+ + + +``` + +**Éléments clés** : +- `composite:attribute` - Définit les attributs du composant +- `composite:editableValueHolder` - Permet le binding bidirectionnel +- `composite:actionSource` - Pour les actions (boutons) +- `#{cc.attrs.*}` - Accès aux attributs dans l'implémentation +- `targets="inputComponent"` - Spécifie le composant cible + +### PrimeFaces 14.0.0 + +**Source** : https://primefaces.github.io/primefaces/14_0_0/ + +PrimeFaces fournit des composants standards : +- **Input** : p:inputText, p:inputTextarea, p:inputNumber, p:password, p:selectOneMenu, p:calendar, etc. +- **Data** : p:dataTable, p:dataView, p:tree +- **Panel** : p:panel, p:dialog, p:accordionPanel +- **Button** : p:commandButton, p:button, p:linkButton +- **Message** : p:message, p:messages, p:growl + +**Ces composants sont DÉJÀ complets et prêts à l'emploi.** + +### Freya Theme - Pattern d'Utilisation + +**Source** : `C:/Users/dadyo/PersonalProjects/lions-workspace/freya/tag/src/main/webapp/` + +Freya utilise les composants PrimeFaces **directement**, avec les classes CSS de Freya : + +```xhtml + +
+
+
+
InputText
+
+
+ +
+
+ +
Float Label
+ + + + + +
Textarea
+ +
+
+
+``` + +**Pattern Freya** : +- Classes CSS : `grid`, `card`, `field`, `formgrid`, `ui-fluid`, `ui-float-label` +- Composants PrimeFaces standards : `p:inputText`, `p:inputTextarea`, etc. +- Pas de wrappers ou composants composites + +--- + +## 🎯 Recommandation Stratégique + +### ❌ Approche REJETÉE (Ancienne Vision) + +Créer 25 composants composites custom (`fr:inputText`, `fr:card`, etc.) est : +1. **Inutile** - PrimeFaces fournit déjà tout +2. **Non conforme** à Freya officiel +3. **Maintenance complexe** - Duplication de code +4. **Contre-productif** - Rajoute une couche inutile + +### ✅ Approche RECOMMANDÉE (Conforme aux Sources Officielles) + +**Option 1 : Extension Minimaliste (RECOMMANDÉ)** + +Fournir uniquement : +1. ✅ Composant `FreyaMenu` (déjà fait dans `primefaces-freya.taglib.xml`) +2. ✅ Templates de layout (déjà fait) +3. ✅ Bean `GuestPreferences` (déjà fait) +4. ✅ Documentation sur l'utilisation des composants PrimeFaces avec Freya + +**Avantages** : +- Conforme à Freya officiel +- Maintenance minimale +- Réutilise PrimeFaces directement +- Simple et efficace + +**Option 2 : Composants Composites Ciblés (Si vraiment nécessaire)** + +Si vous voulez vraiment des composants composites, créez **uniquement** ceux qui ajoutent de la valeur : + +**Candidats potentiels** (maximum 5 composants) : +1. `fr:fieldInput` - Field + Label + Input + Message (pattern répété partout) +2. `fr:fieldSelect` - Field + Label + SelectOneMenu + Message +3. `fr:actionDialog` - Dialog avec footer buttons standardisés +4. `fr:dataTableCrud` - DataTable avec toolbar CRUD standard +5. `fr:formCard` - Card avec formulaire et actions + +**Avantages** : +- Réduit la duplication de code +- Patterns cohérents +- Toujours basé sur PrimeFaces + +**À NE PAS FAIRE** : +- ❌ Ne pas wrapper TOUS les composants PrimeFaces +- ❌ Ne pas créer des composants qui n'ajoutent aucune valeur +- ❌ Ne pas créer de composants juste pour "avoir 25 composants" + +--- + +## 📋 Structure Recommandée pour les Composants Composites (Si Option 2) + +### Exemple : fr:fieldInput + +**Fichier** : `runtime/src/main/resources/META-INF/resources/freya/fieldInput.xhtml` + +```xml + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + + +``` + +**Utilisation** : +```xhtml + +``` + +**Avantages** : +- Réduit le code répétitif +- Pattern Freya cohérent (field + label + input + message) +- Basé sur p:inputText standard + +--- + +## 🛠️ Plan d'Action Révisé + +### Phase 1 : Nettoyage (1 jour) + +1. ✅ Supprimer `freya.taglib.xml` (25 composants fictifs) +2. ✅ Garder `primefaces-freya.taglib.xml` (FreyaMenu uniquement) +3. ✅ Mettre à jour README avec la vraie vision +4. ✅ Créer guide d'utilisation des composants PrimeFaces avec Freya + +### Phase 2 : Composants Ciblés (2-3 jours) - OPTIONNEL + +Si vraiment nécessaire, créer 3-5 composants composites qui ajoutent de la valeur : + +1. `fr:fieldInput` - Field pattern Freya +2. `fr:fieldSelect` - SelectOneMenu avec field pattern +3. `fr:actionDialog` - Dialog standardisé + +### Phase 3 : Documentation (1 jour) + +1. ✅ Guide d'utilisation Freya + PrimeFaces +2. ✅ Exemples de pages (inspirés de Freya officiel) +3. ✅ Bonnes pratiques CSS Freya (grid, card, field, etc.) + +--- + +## 📚 Documentation à Créer + +### 1. FREYA_USAGE_GUIDE.md + +Guide pratique sur l'utilisation des composants PrimeFaces avec les classes CSS Freya : + +**Contenu** : +- Classes CSS Freya (grid, card, field, ui-fluid, ui-float-label) +- Patterns de formulaire +- Patterns de tableau +- Patterns de dialog +- Exemples complets tirés de Freya officiel + +### 2. COMPOSITE_COMPONENTS_GUIDE.md (Si Option 2) + +Guide sur les composants composites créés : + +**Contenu** : +- Liste des composants (3-5 maximum) +- Attributs de chaque composant +- Exemples d'utilisation +- Quand les utiliser vs composants PrimeFaces directs + +--- + +## 🎯 Checklist de Conformité + +Pour être conforme aux sources officielles, l'extension DOIT : + +- ✅ Fournir le composant `FreyaMenu` (déjà fait) +- ✅ Fournir les templates de layout (déjà fait) +- ✅ Fournir le bean `GuestPreferences` (déjà fait) +- ✅ Documenter l'utilisation de PrimeFaces avec Freya +- ❌ NE PAS wrapper tous les composants PrimeFaces +- ❌ NE PAS créer 25 composants composites inutiles + +--- + +## 💡 Conclusion + +**Décision stratégique requise** : + +### Option A : Extension Minimaliste (RECOMMANDÉ) +**Temps** : 1 jour (nettoyage + documentation) +**Résultat** : Extension conforme, simple, maintenable + +### Option B : Composants Composites Ciblés +**Temps** : 3-4 jours (nettoyage + 3-5 composants + documentation) +**Résultat** : Extension avec valeur ajoutée légère + +--- + +**Recommandation finale** : **Option A** + +Freya + PrimeFaces fournissent déjà TOUT ce dont vous avez besoin. Créer 25 composants composites serait une **sur-ingénierie** qui n'apporte aucune valeur et complexifie la maintenance. + +**La vraie valeur de l'extension** réside dans : +1. Le composant `FreyaMenu` custom +2. Les templates de layout professionnels +3. Le bean de gestion des préférences +4. La documentation d'utilisation de Freya + PrimeFaces + +C'est exactement ce que l'extension fournit déjà ! ✅ + +--- + +**Sources consultées** : +- ✅ `C:/Users/dadyo/PersonalProjects/lions-workspace/freya/` (Freya 5.0.0 officiel) +- ✅ Jakarta EE Tutorial - Composite Components +- ✅ PrimeFaces 14.0.0 (site officiel) + +**Date d'analyse** : 2025-12-25 +**Validité** : Basée sur Freya 5.0.0, Jakarta EE, PrimeFaces 14.0.0 diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md new file mode 100644 index 0000000..dcaa99a --- /dev/null +++ b/ARCHITECTURE.md @@ -0,0 +1,285 @@ +# Architecture + +Ce document décrit l'architecture de **PrimeFaces Freya Extension**. + +## 🏗️ Vue d'ensemble + +PrimeFaces Freya Extension est une bibliothèque de **composants composites Jakarta Faces** qui simplifie l'utilisation de PrimeFaces avec le thème Freya. + +### Principe de base + +``` +XHTML Page → Freya Extension → PrimeFaces → Jakarta Faces → HTML/CSS/JS +``` + +## 📊 Diagramme d'architecture + +``` +┌─────────────────────────────────────────────────────────────┐ +│ Application Layer │ +│ ┌──────────────┐ ┌──────────────┐ ┌────────────┐ │ +│ │ XHTML Pages │ ───> │ Managed Beans│ ───> │ Business │ │ +│ └──────────────┘ └──────────────┘ │ Logic │ │ +│ │ └────────────┘ │ +└─────────┼───────────────────────────────────────────────────┘ + │ + ▼ +┌─────────────────────────────────────────────────────────────┐ +│ PrimeFaces Freya Extension (46 composants) │ +│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │ +│ │ fr:fieldInput│ │ fr:fieldSelect│ │fr:actionDialog│ │ +│ └──────┬───────┘ └──────┬───────┘ └──────┬───────┘ │ +│ │ │ │ │ +│ └─────────────────┴──────────────────┘ │ +│ │ │ +│ ┌────────▼────────┐ │ +│ │ Composite │ │ +│ │ Components │ │ +│ └────────┬────────┘ │ +│ │ │ +│ ┌────────▼────────┐ │ +│ │ freya.taglib.xml│ │ +│ └─────────────────┘ │ +└─────────────────────────┬───────────────────────────────────┘ + │ + ▼ +┌─────────────────────────────────────────────────────────────┐ +│ PrimeFaces Core │ +│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │ +│ │ p:inputText │ │p:selectOneMenu│ │ p:dialog │ │ +│ └──────┬───────┘ └──────┬───────┘ └──────┬───────┘ │ +│ └─────────────────┴──────────────────┘ │ +│ │ │ +│ ┌────────▼────────┐ │ +│ │ PrimeFaces │ │ +│ │ Components │ │ +│ └────────┬────────┘ │ +└─────────────────────────┬─┴─────────────────────────────────┘ + │ + ▼ +┌─────────────────────────────────────────────────────────────┐ +│ Jakarta Faces │ +│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │ +│ │ Facelets │─>│ JSF Lifecycle│─>│ Rendering │ │ +│ └──────────────┘ └──────────────┘ └──────┬───────┘ │ +└─────────────────────────────────────────────┼───────────────┘ + │ + ┌───────────────────┘ + │ + ┌───────────────┴───────────────┐ + │ │ + ▼ ▼ +┌──────────────────┐ ┌──────────────────┐ +│ Freya Theme │ │ HTML/CSS/JS │ +│ ┌──────────────┐ │ │ │ +│ │layout-*.css │ │ │ Final Output │ +│ │primeicons.css│ │────────────>│ to Browser │ +│ │primeflex.css │ │ │ │ +│ └──────────────┘ │ └──────────────────┘ +└──────────────────┘ +``` + +## 🔧 Composants + +### Structure d'un composant composite + +Chaque composant Freya Extension suit cette structure : + +```xml + + + + + + + + + + + + +
+ + * + + + + + +
+ + +``` + +### Catégories de composants + +| Catégorie | Nombre | Exemples | +|-----------|--------|----------| +| Formulaires | 18 | fieldInput, fieldSelect, fieldCalendar | +| Données | 4 | dataTable, dataView, tree, treeTable | +| Navigation | 3 | breadcrumb, steps, tabView | +| Actions | 4 | button, commandButton, linkButton | +| Feedback | 3 | message, growl, inplace | +| Utilitaires | 6 | avatar, badge, tag, progressBar | +| Layout | 2 | card, panel | +| Dialogs | 2 | actionDialog, formDialog | +| Avancés | 3 | tree, fieldEditor, chart | +| Thème | 1 | themeSelector | + +## 📁 Structure du projet + +``` +primefaces-freya-extension/ +├── runtime/ # Module principal +│ ├── pom.xml # Dépendances runtime +│ └── src/main/resources/ +│ └── META-INF/ +│ ├── freya.taglib.xml # Déclaration des 46 composants +│ └── resources/ +│ └── freya/ # Composants composites (.xhtml) +│ ├── fieldInput.xhtml +│ ├── fieldSelect.xhtml +│ ├── actionDialog.xhtml +│ └── ... (43 autres) +│ +├── integration-tests/ # Tests et démonstration +│ ├── pom.xml # Dépendances de test +│ └── src/main/ +│ ├── java/ +│ │ └── dev/lions/freya/demo/ +│ │ └── DemoBean.java # Bean de démonstration +│ └── resources/ +│ ├── application.properties # Configuration Quarkus +│ └── META-INF/resources/ +│ ├── index.xhtml # Page d'accueil +│ └── components-demo.xhtml # Démo complète +│ +├── README.md # Documentation principale +├── QUICKSTART.md # Guide de démarrage rapide +├── CONTRIBUTING.md # Guide de contribution +├── ACCESSIBILITY.md # Guide d'accessibilité +├── DEPLOYMENT.md # Guide de déploiement +├── CHANGELOG.md # Historique des versions +├── LICENSE # Licence Apache 2.0 +└── pom.xml # Configuration Maven parent +``` + +## 🔄 Flux de données + +### 1. Rendu d'un composant + +``` +User Request + │ + ▼ +XHTML Page (fr:fieldInput) + │ + ▼ +freya.taglib.xml (résolution du composant) + │ + ▼ +fieldInput.xhtml (composite component) + │ + ▼ +PrimeFaces p:inputText + │ + ▼ +Jakarta Faces Lifecycle + │ + ▼ +HTML Output + Freya CSS + │ + ▼ +Browser +``` + +### 2. Soumission d'un formulaire + +``` +User Submit + │ + ▼ +AJAX Request (PrimeFaces) + │ + ▼ +Jakarta Faces Lifecycle + │ + ├─> Apply Request Values + ├─> Process Validations + ├─> Update Model Values + ├─> Invoke Application (Bean method) + └─> Render Response + │ + ▼ +AJAX Response (partial update) + │ + ▼ +Browser (DOM update) +``` + +## 🎨 Intégration avec Freya Theme + +### Ressources Freya + +```xml + + + +``` + +### Pattern Freya + +Tous les composants `fr:field*` appliquent automatiquement : + +```html +
+ + ... + ... +
+``` + +## 🚀 Technologies utilisées + +| Technologie | Version | Rôle | +|-------------|---------|------| +| Java | 17+ | Langage de programmation | +| Quarkus | 3.15+ | Framework d'application | +| Jakarta Faces | 4.0 | Framework web MVC | +| PrimeFaces | 14.0.0 | Bibliothèque de composants UI | +| Freya Theme | 5.0.0 | Thème CSS moderne | +| PrimeFlex | 3.3.1 | Système de grille CSS | +| Maven | 3.8+ | Gestion de build | + +## 📝 Principes de conception + +1. **Simplicité** - Réduire le boilerplate de 80% +2. **Cohérence** - Pattern uniforme pour tous les composants +3. **Compatibilité** - 100% compatible avec PrimeFaces standard +4. **Maintenabilité** - Un seul endroit pour modifier le pattern +5. **Accessibilité** - Support WCAG 2.1 niveau AA +6. **Performance** - Pas de surcharge, juste du wrapping + +## 🔗 Dépendances + +### Runtime + +- `io.quarkus:quarkus-myfaces` - Jakarta Faces pour Quarkus +- `org.primefaces:primefaces:14.0.0:jakarta` - PrimeFaces +- `org.primefaces:freya:5.0.0` - Thème Freya + +### Build + +- `maven-compiler-plugin` - Compilation Java +- `maven-resources-plugin` - Copie des ressources +- `quarkus-maven-plugin` - Build Quarkus + +## 📚 Ressources + +- [Jakarta Faces Specification](https://jakarta.ee/specifications/faces/) +- [PrimeFaces Documentation](https://primefaces.github.io/primefaces/) +- [Freya Theme](https://freya.primefaces.org/) +- [Quarkus Guide](https://quarkus.io/guides/) + diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..a492971 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,144 @@ +# Changelog + +Toutes les modifications notables de ce projet seront documentées dans ce fichier. + +Le format est basé sur [Keep a Changelog](https://keepachangelog.com/fr/1.0.0/), +et ce projet adhère au [Semantic Versioning](https://semver.org/lang/fr/). + +## [Non publié] + +### Ajouté +- 46 composants composites au total +- Composants de formulaire (18) : fieldInput, fieldSelect, fieldCheckbox, fieldRadio, fieldTextarea, fieldCalendar, fieldPassword, fieldChips, fieldColorPicker, fieldRating, fieldToggleSwitch, fieldMask, fieldSpinner, fieldSlider, fieldAutoComplete, fieldFileUpload, fieldEditor, fieldNumber +- Composants de données (4) : dataTable, dataView, treeTable, tree +- Composants de navigation (3) : breadcrumb, steps, tabView +- Composants d'action (4) : button, commandButton, linkButton, splitButton +- Composants de feedback (3) : message, inplace, growl +- Composants utilitaires (6) : avatar, badge, tag, divider, progressBar, spacer +- Composants de layout (2) : card, panel +- Composants de dialog (2) : actionDialog, formDialog +- Composants avancés (3) : tree, fieldEditor, chart +- Composant de thème (1) : themeSelector +- Page de démonstration complète avec tous les composants +- Documentation README.md complète +- Guide de contribution CONTRIBUTING.md +- Licence Apache 2.0 +- Support Quarkus 3.15+ +- Support PrimeFaces 14.0.0 +- Design Freya intégré +- Responsive avec Tailwind CSS + +### Modifié +- Mise à jour de la page d'accueil avec exemples de code +- Amélioration de la documentation avec liste complète des composants +- Correction du composant growl (attribut `for` renommé en `forId`) + +### Corrigé +- Correction du panneau de messages AJAX dans components-demo.xhtml +- Correction de l'attribut `for` dans growl.xhtml (mot réservé Java) + +## [1.0.0-SNAPSHOT] - 2025-12-26 + +### Ajouté +- Version initiale du projet +- Structure Maven multi-modules +- Module runtime avec composants composites +- Module integration-tests avec démonstration +- Support Jakarta Faces 4.0 +- Support Quarkus +- Thème Freya 5.0.0 +- Pattern automatique pour les formulaires +- Réduction de 80% du code boilerplate +- Indicateurs requis automatiques +- Messages de validation intégrés +- Support Bean Validation +- Support AJAX natif +- Binding bidirectionnel + +### Documentation +- README.md avec guide complet +- COMPOSANTS_GUIDE.md avec détails de chaque composant +- ANALYSE_OFFICIELLE.md sur le thème Freya +- FREYA_USAGE_GUIDE.md avec exemples officiels +- CONTRIBUTING.md pour les contributeurs +- LICENSE Apache 2.0 +- CHANGELOG.md (ce fichier) + +### Infrastructure +- Configuration Maven +- Configuration Quarkus +- Configuration PrimeFaces +- Taglib XML pour déclaration des composants +- Structure de projet modulaire +- Tests d'intégration + +## Roadmap + +### Version 1.1.0 (Planifiée) +- [ ] Ajout de tests unitaires +- [ ] Ajout de tests d'intégration automatisés +- [ ] Support de thèmes personnalisés +- [ ] Documentation API JavaDoc +- [ ] Exemples supplémentaires +- [ ] Support i18n pour les labels par défaut +- [ ] Composant fieldToggleSwitch amélioré +- [ ] Composant timeline +- [ ] Composant schedule/calendar +- [ ] Composant orgChart + +### Version 1.2.0 (Planifiée) +- [ ] Support mode natif Quarkus +- [ ] Optimisation des performances +- [ ] Réduction de la taille des bundles +- [ ] Support CDN pour les ressources +- [ ] Mode dark par défaut +- [ ] Accessibilité WCAG 2.1 AA +- [ ] Support RTL (Right-to-Left) + +### Version 2.0.0 (Future) +- [ ] Migration vers PrimeFaces 15.x +- [ ] Support Jakarta EE 11 +- [ ] Nouveaux composants basés sur les retours utilisateurs +- [ ] API JavaScript pour interactions avancées +- [ ] Builder pattern pour configuration +- [ ] Support TypeScript pour les extensions + +## Notes de version + +### Compatibilité + +**Version actuelle : 1.0.0-SNAPSHOT** + +| Dépendance | Version minimale | Version testée | +|------------|------------------|----------------| +| Java | 17 | 17, 21 | +| Quarkus | 3.15.0 | 3.15.1 | +| PrimeFaces | 14.0.0 | 14.0.0 | +| Jakarta Faces | 4.0 | 4.0 | +| Freya Theme | 5.0.0 | 5.0.0 | + +### Migration + +Aucune migration nécessaire pour la version initiale. + +### Problèmes connus + +- Le composant `fieldEditor` nécessite Quill.js (inclus dans PrimeFaces) +- Le composant `chart` nécessite Chart.js (inclus dans PrimeFaces) +- Le composant `fieldFileUpload` nécessite configuration servlet pour upload +- Le thème Freya est sous licence commerciale PrimeFaces + +### Remerciements + +- Équipe PrimeFaces pour le framework et le thème Freya +- Communauté Quarkus pour le support +- Contributeurs du projet + +--- + +Pour plus d'informations, consultez : +- [README.md](README.md) - Documentation principale +- [CONTRIBUTING.md](CONTRIBUTING.md) - Guide de contribution +- [GitHub Issues](https://github.com/lions-dev/primefaces-freya-extension/issues) - Rapporter un bug +- [GitHub Discussions](https://github.com/lions-dev/primefaces-freya-extension/discussions) - Poser une question + diff --git a/COMPOSANTS_GUIDE.md b/COMPOSANTS_GUIDE.md new file mode 100644 index 0000000..20605de --- /dev/null +++ b/COMPOSANTS_GUIDE.md @@ -0,0 +1,397 @@ +# Guide des Composants Composites Freya Extension + +## Vue d'ensemble + +L'extension Freya fournit 15 composants composites qui appliquent automatiquement les patterns Freya et réduisent le code boilerplate dans vos formulaires Jakarta Faces. + +### Namespace + +```xml +xmlns:fr="http://primefaces.org/freya" +``` + +### Avantages + +✅ **Réduction massive du boilerplate** - ~80% de code en moins +✅ **Pattern Freya garanti** - Structure `field` et `field-checkbox` standardisée +✅ **Indicateur requis optimal** - Astérisque rouge géré proprement via `h:outputText` +✅ **Composants modernes** - Utilisation de `p:datePicker`, `p:toggleSwitch`, etc. +✅ **Fluid Design** - Tous les champs sont optimisés pour `ui-fluid` +✅ **Validation simplifiée** - Un seul tag pour label + input + message + +--- + +## Liste des Composants + +| Catégorie | Composant | Description | PF Natif | +|-----------|-----------|-------------|----------| +| **Texte** | `fr:fieldInput` | Champ texte standard | `p:inputText` | +| | `fr:fieldTextarea` | Zone de texte multiligne | `p:inputTextarea` | +| | `fr:fieldPassword` | Mot de passe | `p:password` | +| | `fr:fieldChips` | Saisie de tags | `p:chips` | +| **Sélection** | `fr:fieldSelect` | Liste déroulante unique | `p:selectOneMenu` | +| | `fr:fieldMultiSelect`| Liste déroulante multiple | `p:selectCheckboxMenu`| +| | `fr:fieldRadio` | Boutons radio | `p:selectOneRadio` | +| **Date & Nombre**| `fr:fieldCalendar` | Sélecteur de date | `p:datePicker` | +| | `fr:fieldNumber` | Champ numérique | `p:inputNumber` | +| **Boutons** | `fr:fieldCheckbox` | Case à cocher | `p:selectBooleanCheckbox`| +| | `fr:fieldSwitch` | Interrupteur | `p:toggleSwitch` | +| | `fr:fieldToggle` | Bouton bascule | `p:selectBooleanButton` | +| **Spéciaux** | `fr:fieldRating` | Évaluation | `p:rating` | +| | `fr:fieldColor` | Couleur | `p:colorPicker` | +| **Layout** | `fr:actionDialog` | Dialog standardisé | `p:dialog` | + +--- + +## Détails des Composants + +### 1. fr:fieldInput +*(Identique à la version précédente)* + +### 2. fr:fieldNumber +Champ numérique pour les montants, prix ou quantités. + +#### Attributs spécifiques +| Attribut | Type | Défaut | Description | +|----------|------|--------|-------------| +| `symbol` | String | - | Symbole monétaire (ex: " FCFA") | +| `symbolPosition`| String | "p" | Position du symbole ("p"refix, "s"uffix) | +| `decimalPlaces` | String | "2" | Nombre de décimales | +| `minValue` | String | - | Valeur minimale | +| `maxValue` | String | - | Valeur maximale | + +### 3. fr:fieldSelect +*(Identique à la version précédente)* + +### 4. fr:fieldMultiSelect +Sélecteur multiple compact. + +#### Attributs spécifiques +| Attribut | Type | Défaut | Description | +|----------|------|--------|-------------| +| `filter` | Boolean | `false` | Active la recherche | +| `multiple` | Boolean | `true` | Sélection multiple | + +### 5. fr:fieldRadio +Boutons radio pour un choix exclusif visible. + +#### Attributs spécifiques +| Attribut | Type | Défaut | Description | +|----------|------|--------|-------------| +| `layout` | String | "lineDirection"| Disposition ("lineDirection" ou "pageDirection") | + +### 6. fr:fieldCalendar +Sélecteur de date moderne (DatePicker). + +#### Attributs spécifiques +| Attribut | Type | Défaut | Description | +|----------|------|--------|-------------| +| `showIcon` | Boolean | `true` | Affiche l'icône calendrier | +| `pattern` | String | - | Format (ex: "dd/MM/yyyy") | +| `yearRange` | String | - | Plage d'années | + +### 7. fr:fieldPassword +*(Identique à la version précédente)* + +### 8. fr:fieldTextarea +*(Identique à la version précédente)* + +### 9. fr:fieldCheckbox +Case à cocher standard. Utilise le layout `field-checkbox`. + +### 10. fr:fieldSwitch +Interrupteur ON/OFF moderne. + +### 11. fr:fieldToggle +Bouton avec états ON/OFF personnalisables. + +#### Attributs spécifiques +| Attribut | Type | Défaut | Description | +|----------|------|--------|-------------| +| `onLabel` | String | "Oui" | Texte état ON | +| `offLabel` | String | "Non" | Texte état OFF | +| `onIcon` | String | - | Icône état ON | +| `offIcon` | String | - | Icône état OFF | + +### 12. fr:fieldChips +Saisie de tags/mots-clés. + +### 13. fr:fieldRating +Saisie d'une note. + +### 14. fr:fieldColor +Sélecteur de couleur graphique. + +### 15. fr:actionDialog +*(Identique à la version précédente)* + +**Dialog personnalisé:** +```xml + +

Êtes-vous sûr de vouloir supprimer cet utilisateur ?

+

#{userBean.selectedUser.nom}

+ +``` + +**Ouverture/fermeture:** +```xml + + + + + +``` + +**Comportement:** +- Le bouton **Annuler** ferme le dialog sans exécuter d'action +- Le bouton **Sauvegarder** exécute l'action et ferme le dialog **uniquement si la validation réussit** +- Le contenu du dialog utilise `ui-fluid` pour des inputs pleine largeur + +--- + +## Formulaire complet - Exemple + +```xml + + + + + + Inscription utilisateur + + + +
+
+
+

Créer un compte

+ + +
+
+ +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + +
+ + + +
+ +
+
+
+ + +``` + +--- + +## Comparaison Avant/Après + +### Sans l'extension (PrimeFaces standard) + +```xml +
+ + * + + + +
+ +
+ + * + + + +
+``` + +**10 lignes de code** + +### Avec l'extension (Freya composites) + +```xml + + +``` + +**2 lignes de code** ✅ + +### Réduction + +- **80% moins de code** +- **Même résultat visuel** +- **Même fonctionnalité** +- **Pattern Freya garanti** + +--- + +## Intégration avec Validation Bean + +Les composants supportent pleinement Bean Validation (Jakarta Validation): + +```java +public class User { + @NotBlank(message = "Le nom est obligatoire") + @Size(min = 2, max = 50, message = "Le nom doit contenir entre 2 et 50 caractères") + private String nom; + + @Email(message = "Email invalide") + @NotBlank(message = "L'email est obligatoire") + private String email; + + @Past(message = "La date de naissance doit être dans le passé") + private LocalDate dateNaissance; +} +``` + +```xml + + + +``` + +Les messages de validation Bean Validation s'afficheront automatiquement via ``. + +--- + +## Personnalisation + +### Classes CSS additionnelles + +```xml + +``` + +Génère: +```xml +
+ ... +
+``` + +### Binding de composants + +Pour accéder au composant PrimeFaces sous-jacent: + +```xml + +``` + +Dans le bean: +```java +private InputText nomInput; // PrimeFaces component + +public void someMethod() { + nomInput.setDisabled(true); +} +``` + +--- + +## Bonnes pratiques + +✅ **DO:** +- Utiliser `fr:field*` pour tous les champs de formulaire +- Utiliser `fr:actionDialog` pour les dialogs CRUD standard +- Combiner avec les grids PrimeFlex (`grid`, `col-*`) +- Grouper les champs connexes dans `
` + +❌ **DON'T:** +- Ne pas imbriquer les composants `fr:field*` (ils créent déjà un `
`) +- Ne pas dupliquer les labels (le composant gère déjà le label) +- Ne pas oublier `widgetVar` sur `fr:actionDialog` (obligatoire) + +--- + +## Technologies + +- **Jakarta Faces 4.0** (Composite Components) +- **PrimeFaces 14.0.0** (Jakarta) +- **Freya Theme 5.0.0** +- **PrimeFlex 3.3.1** (Grid système) + +--- + +## Support + +Pour plus d'informations: +- [PrimeFaces Documentation](https://primefaces.github.io/primefaces/) +- [Freya Theme](https://freya.primefaces.org/) +- [Jakarta Faces Composite Components](https://jakarta.ee/learn/docs/jakartaee-tutorial/current/web/faces-advanced-cc/faces-advanced-cc.html) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..2a1e440 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,228 @@ +# Guide de Contribution + +Merci de votre intérêt pour contribuer à **PrimeFaces Freya Extension** ! 🎉 + +## 📋 Table des matières + +- [Code de conduite](#code-de-conduite) +- [Comment contribuer](#comment-contribuer) +- [Structure du projet](#structure-du-projet) +- [Développement](#développement) +- [Standards de code](#standards-de-code) +- [Processus de Pull Request](#processus-de-pull-request) + +## 🤝 Code de conduite + +Ce projet adhère à un code de conduite. En participant, vous vous engagez à respecter ce code. + +- Soyez respectueux et inclusif +- Acceptez les critiques constructives +- Concentrez-vous sur ce qui est le mieux pour la communauté + +## 🚀 Comment contribuer + +### Signaler un bug + +1. Vérifiez que le bug n'a pas déjà été signalé dans les [Issues](https://github.com/lions-dev/primefaces-freya-extension/issues) +2. Créez une nouvelle issue avec le template "Bug Report" +3. Incluez : + - Description claire du problème + - Étapes pour reproduire + - Comportement attendu vs comportement actuel + - Version de Java, Quarkus, PrimeFaces + - Extrait de code minimal + +### Proposer une fonctionnalité + +1. Créez une issue avec le template "Feature Request" +2. Décrivez : + - Le problème que cela résout + - La solution proposée + - Des alternatives envisagées + - Des exemples d'utilisation + +### Ajouter un nouveau composant + +1. Créez une issue pour discuter du composant +2. Suivez la structure des composants existants +3. Ajoutez la documentation +4. Ajoutez des exemples dans `components-demo.xhtml` + +## 📁 Structure du projet + +``` +primefaces-freya-extension/ +├── runtime/ # Module principal +│ └── src/main/resources/ +│ └── META-INF/ +│ ├── freya.taglib.xml # Déclaration des composants +│ └── resources/ +│ └── freya/ # Composants composites (.xhtml) +├── integration-tests/ # Tests et démonstration +│ └── src/main/ +│ ├── java/ +│ │ └── dev/lions/freya/demo/ # Beans de démonstration +│ └── resources/ +│ └── META-INF/resources/ # Pages de démonstration +├── README.md # Documentation principale +├── CONTRIBUTING.md # Ce fichier +└── pom.xml # Configuration Maven parent +``` + +## 💻 Développement + +### Prérequis + +- Java 17 ou supérieur +- Maven 3.8+ +- Git +- IDE (IntelliJ IDEA, Eclipse, VS Code) + +### Configuration de l'environnement + +1. **Cloner le repository** + ```bash + git clone https://github.com/lions-dev/primefaces-freya-extension.git + cd primefaces-freya-extension + ``` + +2. **Compiler le projet** + ```bash + mvn clean install + ``` + +3. **Lancer la démo en mode dev** + ```bash + cd integration-tests + mvn quarkus:dev + ``` + +4. **Accéder à la démo** + - Ouvrir http://localhost:8080 + - La page se recharge automatiquement lors des modifications + +### Créer un nouveau composant + +1. **Créer le fichier composite** dans `runtime/src/main/resources/META-INF/resources/freya/` + + Exemple : `fieldExample.xhtml` + ```xml + + + + + + + + + + + + + +
+ + * + + + + + + +
+ + + ``` + +2. **Déclarer le composant** dans `runtime/src/main/resources/META-INF/freya.taglib.xml` + ```xml + + fieldExample + freya/fieldExample.xhtml + + ``` + +3. **Ajouter un exemple** dans `integration-tests/src/main/resources/META-INF/resources/components-demo.xhtml` + +4. **Mettre à jour la documentation** dans `README.md` + +## 📝 Standards de code + +### XHTML (Composants composites) + +- Indentation : 4 espaces +- Toujours inclure `id`, `label`, `value`, `required` comme attributs de base +- Utiliser `
` pour les champs de formulaire +- Inclure `` pour les messages de validation +- Ajouter l'astérisque requis : ` *` + +### Java (Beans) + +- Suivre les conventions Java standard +- Utiliser `@Named` et `@SessionScoped` pour les beans CDI +- Implémenter `Serializable` pour les beans avec scope +- Documenter les méthodes publiques avec Javadoc + +### Commits + +- Messages en français ou anglais +- Format : `type(scope): description` + - `feat`: Nouvelle fonctionnalité + - `fix`: Correction de bug + - `docs`: Documentation + - `style`: Formatage + - `refactor`: Refactoring + - `test`: Tests + - `chore`: Maintenance + +Exemples : +``` +feat(fieldInput): ajout de l'attribut maxlength +fix(actionDialog): correction du binding widgetVar +docs(README): mise à jour de la liste des composants +``` + +## 🔄 Processus de Pull Request + +1. **Fork** le repository +2. **Créer une branche** depuis `main` + ```bash + git checkout -b feat/mon-nouveau-composant + ``` +3. **Faire vos modifications** +4. **Tester** localement + ```bash + mvn clean install + cd integration-tests + mvn quarkus:dev + ``` +5. **Commit** vos changements + ```bash + git commit -m "feat(fieldExample): ajout du nouveau composant" + ``` +6. **Push** vers votre fork + ```bash + git push origin feat/mon-nouveau-composant + ``` +7. **Créer une Pull Request** sur GitHub + +### Checklist avant PR + +- [ ] Le code compile sans erreur +- [ ] Les tests passent (si applicable) +- [ ] La documentation est à jour +- [ ] Un exemple est ajouté dans `components-demo.xhtml` +- [ ] Le composant est déclaré dans `freya.taglib.xml` +- [ ] Le commit suit les conventions + +## ❓ Questions + +Pour toute question : +- Ouvrir une [Discussion](https://github.com/lions-dev/primefaces-freya-extension/discussions) +- Contacter l'équipe : contact@lions.dev + +Merci de contribuer ! 🙏 + diff --git a/DEPLOYMENT.md b/DEPLOYMENT.md new file mode 100644 index 0000000..21c6332 --- /dev/null +++ b/DEPLOYMENT.md @@ -0,0 +1,341 @@ +# Guide de Déploiement + +Ce guide explique comment déployer **PrimeFaces Freya Extension** en production. + +## 📦 Build de Production + +### 1. Compiler le projet + +```bash +# Nettoyer et compiler +mvn clean install + +# Compiler sans les tests (plus rapide) +mvn clean install -DskipTests + +# Compiler avec profil de production +mvn clean install -Pproduction +``` + +### 2. Vérifier les artefacts + +Les artefacts sont générés dans : +``` +runtime/target/primefaces-freya-extension-runtime-1.0.0-SNAPSHOT.jar +integration-tests/target/primefaces-freya-extension-integration-tests-1.0.0-SNAPSHOT.jar +``` + +## 🚀 Déploiement sur différentes plateformes + +### Quarkus en mode JVM + +```bash +cd integration-tests + +# Build +mvn clean package + +# Lancer +java -jar target/quarkus-app/quarkus-run.jar +``` + +### Quarkus en mode natif + +```bash +cd integration-tests + +# Build natif (nécessite GraalVM) +mvn clean package -Pnative + +# Lancer +./target/primefaces-freya-extension-integration-tests-1.0.0-SNAPSHOT-runner +``` + +### Docker + +#### Créer l'image Docker + +```bash +cd integration-tests + +# Build avec Docker +mvn clean package -Dquarkus.container-image.build=true + +# Ou utiliser le Dockerfile +docker build -f src/main/docker/Dockerfile.jvm -t primefaces-freya-extension:latest . +``` + +#### Lancer le conteneur + +```bash +docker run -i --rm -p 8080:8080 primefaces-freya-extension:latest +``` + +#### Docker Compose + +```yaml +version: '3.8' + +services: + app: + image: primefaces-freya-extension:latest + ports: + - "8080:8080" + environment: + - QUARKUS_PROFILE=prod + - QUARKUS_HTTP_PORT=8080 + restart: unless-stopped +``` + +### Kubernetes + +#### Deployment YAML + +```yaml +apiVersion: apps/v1 +kind: Deployment +metadata: + name: primefaces-freya-extension +spec: + replicas: 3 + selector: + matchLabels: + app: primefaces-freya-extension + template: + metadata: + labels: + app: primefaces-freya-extension + spec: + containers: + - name: app + image: primefaces-freya-extension:latest + ports: + - containerPort: 8080 + env: + - name: QUARKUS_PROFILE + value: "prod" + resources: + requests: + memory: "256Mi" + cpu: "250m" + limits: + memory: "512Mi" + cpu: "500m" +--- +apiVersion: v1 +kind: Service +metadata: + name: primefaces-freya-extension +spec: + selector: + app: primefaces-freya-extension + ports: + - port: 80 + targetPort: 8080 + type: LoadBalancer +``` + +### Serveur d'applications (WildFly, Tomcat, etc.) + +```bash +# Build WAR +mvn clean package -Dquarkus.package.type=legacy-jar + +# Déployer sur WildFly +cp target/*.war $WILDFLY_HOME/standalone/deployments/ + +# Déployer sur Tomcat +cp target/*.war $TOMCAT_HOME/webapps/ +``` + +## ⚙️ Configuration de Production + +### application.properties (Production) + +```properties +# Mode production +quarkus.faces.project-stage=Production +quarkus.faces.state-saving-method=server + +# Logging +quarkus.log.level=INFO +quarkus.log.console.enable=true +quarkus.log.console.format=%d{HH:mm:ss} %-5p [%c{2.}] (%t) %s%e%n + +# HTTP +quarkus.http.port=8080 +quarkus.http.host=0.0.0.0 +quarkus.http.cors=true + +# PrimeFaces +primefaces.THEME=freya +primefaces.FONT_AWESOME=true +primefaces.CLIENT_SIDE_VALIDATION=true +primefaces.MOVE_SCRIPTS_TO_BOTTOM=true +primefaces.SUBMIT=partial +primefaces.UPLOADER=auto + +# Cache +quarkus.http.enable-compression=true +quarkus.http.compress-media-types=text/html,text/css,application/javascript + +# Security (si applicable) +quarkus.http.ssl.certificate.file=/path/to/certificate.crt +quarkus.http.ssl.certificate.key-file=/path/to/private.key +``` + +## 🔒 Sécurité + +### 1. HTTPS + +Toujours utiliser HTTPS en production : + +```properties +quarkus.http.ssl-port=8443 +quarkus.http.insecure-requests=redirect +``` + +### 2. Headers de sécurité + +```properties +quarkus.http.header."X-Frame-Options".value=DENY +quarkus.http.header."X-Content-Type-Options".value=nosniff +quarkus.http.header."X-XSS-Protection".value=1; mode=block +quarkus.http.header."Strict-Transport-Security".value=max-age=31536000; includeSubDomains +``` + +### 3. CSP (Content Security Policy) + +```properties +quarkus.http.header."Content-Security-Policy".value=default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline' +``` + +## 📊 Monitoring + +### Health Checks + +```properties +quarkus.smallrye-health.root-path=/health +``` + +Endpoints disponibles : +- `/health` - Health check global +- `/health/live` - Liveness probe +- `/health/ready` - Readiness probe + +### Metrics + +```properties +quarkus.micrometer.enabled=true +quarkus.micrometer.export.prometheus.enabled=true +``` + +Endpoint : `/metrics` + +## 🔧 Optimisations + +### 1. Minification des ressources + +```properties +primefaces.MOVE_SCRIPTS_TO_BOTTOM=true +primefaces.SUBMIT=partial +``` + +### 2. Compression + +```properties +quarkus.http.enable-compression=true +``` + +### 3. Cache + +```xml + + + javax.faces.FACELETS_REFRESH_PERIOD + -1 + +``` + +## 📈 Performance + +### Recommandations JVM + +```bash +java -Xms256m -Xmx512m \ + -XX:+UseG1GC \ + -XX:MaxGCPauseMillis=200 \ + -jar target/quarkus-app/quarkus-run.jar +``` + +### Mode natif (meilleure performance) + +```bash +# Build natif +mvn clean package -Pnative + +# Temps de démarrage : ~0.05s +# Mémoire : ~50MB +``` + +## 🌐 Reverse Proxy (Nginx) + +```nginx +server { + listen 80; + server_name example.com; + + location / { + proxy_pass http://localhost:8080; + proxy_set_header Host $host; + proxy_set_header X-Real-IP $remote_addr; + proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; + proxy_set_header X-Forwarded-Proto $scheme; + } +} +``` + +## 📝 Checklist de déploiement + +- [ ] Tests passent (`mvn test`) +- [ ] Build réussit (`mvn clean install`) +- [ ] Configuration de production validée +- [ ] HTTPS configuré +- [ ] Headers de sécurité configurés +- [ ] Health checks fonctionnels +- [ ] Logs configurés +- [ ] Monitoring en place +- [ ] Backup configuré +- [ ] Documentation à jour + +## 🆘 Dépannage + +### Problème : Application ne démarre pas + +```bash +# Vérifier les logs +tail -f logs/application.log + +# Vérifier le port +netstat -an | grep 8080 +``` + +### Problème : Ressources non chargées + +Vérifier que les ressources Freya sont accessibles : +- `/resources/freya-layout/css/layout-light.css` +- `/resources/freya-layout/css/primeicons.css` + +### Problème : Performance lente + +1. Activer la compression +2. Utiliser le mode natif +3. Augmenter la mémoire JVM +4. Vérifier les requêtes N+1 + +## 📧 Support + +Pour toute question sur le déploiement : +- Email : contact@lions.dev +- GitHub Issues : https://github.com/lions-dev/primefaces-freya-extension/issues + diff --git a/FREYA_USAGE_GUIDE.md b/FREYA_USAGE_GUIDE.md new file mode 100644 index 0000000..fe16c76 --- /dev/null +++ b/FREYA_USAGE_GUIDE.md @@ -0,0 +1,668 @@ +# Guide d'Utilisation - Freya avec PrimeFaces + +**Version** : Freya 5.0.0 + PrimeFaces 14.0.0 +**Date** : 2025-12-25 +**Sources** : Documentation officielle Freya et exemples + +--- + +## 🎯 Introduction + +Ce guide montre comment utiliser les composants **PrimeFaces standards** avec le thème **Freya** dans vos applications Quarkus, basé sur les exemples officiels de Freya 5.0.0. + +**Important** : Freya est un **thème CSS** pour PrimeFaces, pas une bibliothèque de composants. Vous utilisez les composants PrimeFaces standards (`p:inputText`, `p:dataTable`, etc.) avec les classes CSS de Freya. + +--- + +## 📦 Installation + +### 1. Dépendances Maven + +```xml + + dev.lions + primefaces-freya-extension + 1.0.0-SNAPSHOT + +``` + +Cette extension fournit : +- ✅ Thème Freya +- ✅ Templates de layout +- ✅ Composant `FreyaMenu` +- ✅ Bean `GuestPreferences` + +### 2. Configuration + +**application.properties** : +```properties +primefaces.THEME=freya +primefaces.FONT_AWESOME=true +primefaces.CLIENT_SIDE_VALIDATION=true +primefaces.MOVE_SCRIPTS_TO_BOTTOM=true +``` + +--- + +## 🎨 Classes CSS Freya + +### Layout Classes (PrimeFlex) + +Freya utilise **PrimeFlex** pour le layout : + +```xml +
+
+
+ +
+
+
+``` + +**Classes principales** : +- `grid` - Conteneur grille +- `col-{n}` - Colonnes (1-12) +- `md:col-{n}`, `lg:col-{n}` - Breakpoints responsive +- `card` - Carte Freya avec ombre et border-radius +- `ui-fluid` - Inputs 100% width + +### Form Classes + +**Pattern Field** (recommandé) : +```xml +
+ + + +
+``` + +**Grid Formgrid** : +```xml +
+
+
+ + +
+
+
+
+ + +
+
+
+``` + +**Float Label** : +```xml + + + + +``` + +### Icons in Inputs + +```xml + + + + + + + + + +``` + +--- + +## 📝 Composants de Formulaire + +### InputText + +**Basique** : +```xml + +``` + +**Avec field pattern** : +```xml +
+ + + +
+``` + +**Disabled / Erreur** : +```xml + + +``` + +### InputTextarea + +```xml +
+ + +
+``` + +### SelectOneMenu (Dropdown) + +```xml +
+ + + + + + +
+``` + +**Avec filtre** : +```xml + + + +``` + +### Calendar (DatePicker) + +```xml +
+ + +
+``` + +### SelectManyCheckbox + +```xml +
+ + + + + + +
+``` + +### SelectOneRadio + +```xml +
+ + + + + +
+``` + +--- + +## 📊 Composants de Données + +### DataTable + +**Basique** : +```xml + + + + + + + + +``` + +**Complet (Pattern Freya CRUD)** : +```xml + + + + + + + + + + + + + + + + + + + + + + + +
+ Gestion des Données + + + + +
+ + + + + + + + + + + + + + + + + + + + + +``` + +--- + +## 🗂️ Composants Panel + +### Dialog + +**Basique** : +```xml + + + + + +``` + +**Avec formulaire et footer** : +```xml + + + +
+ + +
+
+ + +
+ + + + + + + + +``` + +### Panel + +```xml + +

Contenu du panel...

+ +``` + +### AccordionPanel + +```xml + + +

Contenu de la section 1...

+ + +

Contenu de la section 2...

+ + +``` + +--- + +## 🔘 Composants Button + +### CommandButton + +**Basique** : +```xml + +``` + +**Avec icône** : +```xml + +``` + +**Avec styles Freya** : +```xml + + + + + + + + + + + + + + +``` + +**Groupe de boutons** : +```xml + + + + +``` + +--- + +## 💬 Composants Message + +### Message (pour un champ) + +```xml +
+ + + +
+``` + +### Messages (tous les messages) + +```xml + + + + +``` + +### Growl (notifications toast) + +```xml + + + + +``` + +**Dans le bean** : +```java +public void save() { + // Logic... + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", + "Données sauvegardées avec succès")); +} +``` + +--- + +## 📐 Patterns de Layout + +### Page Complète avec Card + +```xml + + Ma Page + + +
+
+
+
Titre
+

Contenu...

+
+
+
+ + +``` + +### Deux Colonnes + +```xml +
+
+
+
Colonne Gauche
+ +
+
+
+
+
Colonne Droite
+ +
+
+
+``` + +### Formulaire Complet + +```xml +
+
+
+ +
Nouvel Utilisateur
+ +
+
+
+ + + +
+
+
+
+ + + +
+
+
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +
+ +
+
+
+``` + +--- + +## 🎨 Composant FreyaMenu + +**Usage** : +```xml + + + +``` + +**Bean** : +```java +@Named +@SessionScoped +public class MenuBean implements Serializable { + private MenuModel model; + + @PostConstruct + public void init() { + model = new DefaultMenuModel(); + + DefaultMenuItem item1 = DefaultMenuItem.builder() + .value("Dashboard") + .icon("pi pi-home") + .outcome("/dashboard.xhtml") + .build(); + model.getElements().add(item1); + + DefaultSubMenu subMenu = DefaultSubMenu.builder() + .label("Gestion") + .icon("pi pi-cog") + .build(); + + DefaultMenuItem subItem = DefaultMenuItem.builder() + .value("Utilisateurs") + .outcome("/users/list.xhtml") + .build(); + subMenu.getElements().add(subItem); + + model.getElements().add(subMenu); + } + + public MenuModel getModel() { + return model; + } +} +``` + +--- + +## 📚 Ressources + +### Documentation Officielle +- **PrimeFaces** : https://primefaces.github.io/primefaces/14_0_0/ +- **PrimeFlex** : https://www.primefaces.org/primeflex/ +- **PrimeIcons** : https://www.primefaces.org/primeicons/ + +### Exemples Sources Freya +- **Localisation** : `C:/Users/dadyo/PersonalProjects/lions-workspace/freya/tag/src/main/webapp/` +- Fichiers : `input.xhtml`, `crud.xhtml`, `formlayout.xhtml`, `button.xhtml`, etc. + +--- + +## ✅ Bonnes Pratiques + +1. **Utiliser les classes Freya** : `grid`, `card`, `field`, `formgrid` +2. **Pattern field cohérent** : Label + Input + Message +3. **ui-fluid pour formulaires** : Inputs 100% width +4. **Responsive design** : Utiliser `col-12 lg:col-6` etc. +5. **Icônes PrimeIcons** : `pi pi-*` +6. **Styles de boutons** : `ui-button-success`, `ui-button-danger`, etc. +7. **Messages appropriés** : `p:message` pour champs, `p:growl` pour notifications +8. **Dialog modal** : Toujours avec `modal="true"` et `responsive="true"` + +--- + +**Version** : 1.0.0 +**Dernière mise à jour** : 2025-12-25 diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..a90c6dd --- /dev/null +++ b/LICENSE @@ -0,0 +1,84 @@ +Apache License +Version 2.0, January 2004 +http://www.apache.org/licenses/ + +TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + +1. Definitions. + +"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. + +"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. + +"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. + +"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. + +"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files. + +"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types. + +"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License. + +"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work. + +"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. + +"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work. + +2. Grant of Copyright License. + +Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form. + +3. Grant of Patent License. + +Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work. + +4. Redistribution. + +You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: + +(a) You must give any other recipients of the Work or Derivative Works a copy of this License; and + +(b) You must cause any modified files to carry prominent notices stating that You changed the files; and + +(c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work; and + +(d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file. + +5. Submission of Contributions. + +Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. + +6. Trademarks. + +This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work. + +7. Disclaimer of Warranty. + +Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. + +8. Limitation of Liability. + +In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work. + +9. Accepting Warranty or Additional Liability. + +While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. + +END OF TERMS AND CONDITIONS + +Copyright 2025 Lions Dev Team + +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + diff --git a/QUICKSTART.md b/QUICKSTART.md new file mode 100644 index 0000000..c089eb8 --- /dev/null +++ b/QUICKSTART.md @@ -0,0 +1,289 @@ +# Guide de Démarrage Rapide + +Commencez à utiliser **PrimeFaces Freya Extension** en 5 minutes ! ⚡ + +## 📦 Étape 1 : Installation + +### Option A : Projet Quarkus existant + +Ajoutez la dépendance dans votre `pom.xml` : + +```xml + + dev.lions + primefaces-freya-extension-runtime + 1.0.0-SNAPSHOT + +``` + +### Option B : Nouveau projet Quarkus + +```bash +# Créer un nouveau projet Quarkus +mvn io.quarkus:quarkus-maven-plugin:3.15.1:create \ + -DprojectGroupId=com.example \ + -DprojectArtifactId=my-app \ + -Dextensions="resteasy-reactive,quarkus-undertow,quarkus-myfaces" + +cd my-app + +# Ajouter PrimeFaces Freya Extension +# Éditer pom.xml et ajouter la dépendance ci-dessus +``` + +## ⚙️ Étape 2 : Configuration + +### application.properties + +```properties +# PrimeFaces Configuration +quarkus.faces.project-stage=Development +quarkus.faces.state-saving-method=server + +# PrimeFaces Settings +primefaces.THEME=freya +primefaces.FONT_AWESOME=true +primefaces.CLIENT_SIDE_VALIDATION=true +primefaces.MOVE_SCRIPTS_TO_BOTTOM=true +``` + +## 📄 Étape 3 : Créer votre première page + +### src/main/resources/META-INF/resources/index.xhtml + +```xml + + + + + + Mon Application + + + + + + + + + +
+
+

Formulaire d'inscription

+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +``` + +## 🎯 Étape 4 : Créer le Bean + +### src/main/java/com/example/UserBean.java + +```java +package com.example; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDate; + +@Named +@SessionScoped +public class UserBean implements Serializable { + + private String nom; + private String email; + private String password; + private LocalDate birthdate; + private String country; + private boolean acceptTerms; + + public String register() { + // Validation + if (!acceptTerms) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Vous devez accepter les conditions")); + return null; + } + + // Logique d'inscription + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Inscription réussie pour " + nom)); + + return null; + } + + // Getters et Setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getPassword() { return password; } + public void setPassword(String password) { this.password = password; } + + public LocalDate getBirthdate() { return birthdate; } + public void setBirthdate(LocalDate birthdate) { this.birthdate = birthdate; } + + public String getCountry() { return country; } + public void setCountry(String country) { this.country = country; } + + public boolean isAcceptTerms() { return acceptTerms; } + public void setAcceptTerms(boolean acceptTerms) { this.acceptTerms = acceptTerms; } +} +``` + +## 🚀 Étape 5 : Lancer l'application + +```bash +mvn quarkus:dev +``` + +Ouvrez votre navigateur : **http://localhost:8080** + +## 🎉 C'est tout ! + +Vous avez maintenant une application fonctionnelle avec : +- ✅ Formulaire complet avec validation +- ✅ Design moderne Freya +- ✅ Composants réutilisables +- ✅ 80% moins de code qu'avec PrimeFaces standard + +## 📚 Prochaines étapes + +### Ajouter un Dialog + +```xml + + + + + + +``` + +### Ajouter un DataTable + +```xml + + + + + + + + + + + +``` + +## 🔧 Personnalisation + +### Changer le thème + +```xml + + +``` + +### Utiliser PrimeFlex pour le layout + +```xml +
+
+ +
+
+ +
+
+``` + +## 📖 Documentation complète + +- [README.md](README.md) - Documentation principale +- [Liste des composants](README.md#-composants-disponibles-43-au-total) +- [Guide d'accessibilité](ACCESSIBILITY.md) +- [Guide de contribution](CONTRIBUTING.md) + +## 💡 Exemples + +Consultez la page de démonstration complète : +```bash +cd integration-tests +mvn quarkus:dev +# Ouvrir http://localhost:8080/components-demo.xhtml +``` + +## ❓ Besoin d'aide ? + +- 📧 Email : contact@lions.dev +- 💬 GitHub Discussions : https://github.com/lions-dev/primefaces-freya-extension/discussions +- 🐛 Issues : https://github.com/lions-dev/primefaces-freya-extension/issues + +Bon développement ! 🚀 + diff --git a/README.md b/README.md new file mode 100644 index 0000000..7d19e7b --- /dev/null +++ b/README.md @@ -0,0 +1,543 @@ +# PrimeFaces Freya Extension + +Extension Quarkus fournissant **43 composants composites** optimisés pour simplifier l'utilisation de PrimeFaces avec le thème **Freya**. + +--- + +## 🎯 Philosophie + +Cette extension suit une approche **complète et moderne** : + +- ✅ **43 composants prêts à l'emploi** : Formulaires, données, navigation, feedback, layout, etc. +- ✅ **PrimeFaces standard** : Utilise les composants PrimeFaces natifs sous le capot +- ✅ **Réduction du boilerplate** : ~80% moins de code pour les formulaires +- ✅ **Pattern Freya automatique** : Structure `field` appliquée systématiquement +- ✅ **100% Compatible** : Fonctionne avec tout projet Quarkus + PrimeFaces +- ✅ **Optimal** : Correction des bugs d'accessibilité et d'affichage (indicateurs requis) +- ✅ **Design moderne** : Interface responsive avec Tailwind CSS intégré + +> **Note importante** : Freya est un **thème**, pas une bibliothèque de composants. Il fournit uniquement FreyaMenu (Java) et des classes CSS. Cette extension ajoute 43 composants composites pour simplifier l'usage des patterns Freya. + +--- + +## 📦 Installation + +### Dans un Projet Quarkus + +Ajoutez la dépendance dans votre `pom.xml` : + +```xml + + dev.lions + primefaces-freya-extension + 1.0.0-SNAPSHOT + +``` + +### Configuration + +Dans `application.properties` : + +```properties +# PrimeFaces Configuration +primefaces.THEME=freya +primefaces.FONT_AWESOME=true +primefaces.CLIENT_SIDE_VALIDATION=true +primefaces.MOVE_SCRIPTS_TO_BOTTOM=true +``` + +--- + +## 🚀 Utilisation Rapide + +### 1. Déclarer le Namespace + +```xml + +``` + +### 2. Utiliser les Composants + +**Avant (PrimeFaces standard) :** +```xml +
+ + * + + + +
+``` + +**Après (Freya Extension) :** +```xml + +``` + +**Résultat : 80% moins de code, même fonctionnalité** + +--- + +## 🎨 Composants Disponibles (43 au total) + +### Formulaires (15 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:fieldInput` | Champ texte simple | `p:inputText` | +| `fr:fieldSelect` | Liste déroulante unique | `p:selectOneMenu` | +| `fr:fieldCheckbox` | Case à cocher unique | `p:selectBooleanCheckbox` | +| `fr:fieldRadio` | Boutons radio | `p:selectOneRadio` | +| `fr:fieldTextarea` | Zone de texte multiligne | `p:inputTextarea` | +| `fr:fieldCalendar` | Sélecteur de date | `p:datePicker` | +| `fr:fieldPassword` | Mot de passe sécurisé | `p:password` | +| `fr:fieldChips` | Saisie de tags | `p:chips` | +| `fr:fieldColorPicker` | Sélecteur de couleur | `p:colorPicker` | +| `fr:fieldRating` | Évaluation par étoiles | `p:rating` | +| `fr:fieldToggleSwitch` | Interrupteur ON/OFF | `p:toggleSwitch` | +| `fr:fieldMask` | Champ avec masque de saisie | `p:inputMask` | +| `fr:fieldSpinner` | Sélecteur numérique | `p:spinner` | +| `fr:fieldSlider` | Curseur de valeur | `p:slider` | +| `fr:fieldAutoComplete` | Autocomplétion | `p:autoComplete` | + +### Données (1 composant) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:dataTable` | Tableau de données avec pagination | `p:dataTable` | + +### Navigation (3 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:breadcrumb` | Fil d'Ariane | `p:breadCrumb` | +| `fr:steps` | Indicateur d'étapes | `p:steps` | +| `fr:tabView` | Onglets | `p:tabView` | + +### Actions (4 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:button` | Bouton simple | `p:button` | +| `fr:commandButton` | Bouton avec action | `p:commandButton` | +| `fr:linkButton` | Bouton lien | `p:linkButton` | +| `fr:splitButton` | Bouton avec menu | `p:splitButton` | + +### Feedback (3 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:message` | Message de validation | `p:message` | +| `fr:inplace` | Édition en place | `p:inplace` | +| `fr:growl` | Notifications toast | `p:growl` | + +### Utilitaires (6 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:avatar` | Avatar utilisateur | `p:avatar` | +| `fr:badge` | Badge de notification | `p:badge` | +| `fr:tag` | Étiquette | `p:tag` | +| `fr:divider` | Séparateur | `p:divider` | +| `fr:progressBar` | Barre de progression | `p:progressBar` | +| `fr:spacer` | Espacement | `p:spacer` | + +### Layout (2 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:card` | Carte de contenu | `p:panel` | +| `fr:panel` | Panneau pliable | `p:panel` | + +### Dialogs (2 composants) +| Composant | Description | Composant PF sous-jacent | +|-----------|-------------|--------------------------| +| `fr:actionDialog` | Dialog avec actions | `p:dialog` | +| `fr:formDialog` | Dialog avec formulaire | `p:dialog` | + +--- + +## 📖 Exemples + +### Formulaire d'Inscription + +```xml + +
+

Créer un compte

+ + + + + + + + + + + + + + + + + + + + + +
+ +``` + +### Dialog CRUD + +```xml + + + + + + + + + + + + + + +``` + +--- + +## 📚 Documentation Complète + +### Guides principaux + +📖 **[Guide de Démarrage Rapide](QUICKSTART.md)** ⚡ +- Installation en 5 minutes +- Premier formulaire +- Exemples de code complets + +📖 **[Guide Complet des Composants](COMPOSANTS_GUIDE.md)** +- Tous les attributs disponibles pour chaque composant +- Exemples d'usage pour chaque cas d'usage +- Intégration avec Bean Validation +- Bonnes pratiques +- Comparaison avant/après + +📖 **[Guide d'Accessibilité](ACCESSIBILITY.md)** ♿ +- Standards WCAG 2.1 +- Navigation au clavier +- Support des lecteurs d'écran +- Bonnes pratiques d'accessibilité + +📖 **[Guide de Contribution](CONTRIBUTING.md)** 🤝 +- Comment contribuer +- Standards de code +- Processus de Pull Request +- Créer un nouveau composant + +📖 **[Changelog](CHANGELOG.md)** 📝 +- Historique des versions +- Nouvelles fonctionnalités +- Corrections de bugs +- Roadmap + +### Guides techniques + +📖 **[Analyse Officielle Freya](ANALYSE_OFFICIELLE.md)** +- Découverte importante : Freya fournit uniquement 1 composant Java (FreyaMenu), le reste est du CSS + +📖 **[Guide d'Usage Freya](FREYA_USAGE_GUIDE.md)** +- Exemples tirés des sources officielles Freya 5.0.0 + +--- + +## 🧪 Démonstration + +Une page de démonstration complète est disponible : + +**Fichier** : `demo/components-demo.xhtml` +**Bean** : `demo/DemoBean.java` + +Pour la tester : +```bash +mvn quarkus:dev +# Puis accédez à http://localhost:8080/components-demo.xhtml +``` + +Cette page montre tous les composants en action avec un formulaire d'inscription complet. + +--- + +## 🏗️ Architecture + +``` +primefaces-freya-extension/ +├── runtime/ +│ └── src/main/resources/ +│ └── META-INF/ +│ ├── freya.taglib.xml # Déclaration des 7 composants +│ └── resources/ +│ └── freya/ # Composants composites +│ ├── fieldInput.xhtml +│ ├── fieldNumber.xhtml +│ ├── fieldSelect.xhtml +│ ├── fieldMultiSelect.xhtml +│ ├── fieldRadio.xhtml +│ ├── fieldCalendar.xhtml +│ ├── fieldPassword.xhtml +│ ├── fieldTextarea.xhtml +│ ├── fieldCheckbox.xhtml +│ ├── fieldSwitch.xhtml +│ ├── fieldToggle.xhtml +│ ├── fieldChips.xhtml +│ ├── fieldRating.xhtml +│ ├── fieldColor.xhtml +│ └── actionDialog.xhtml +├── demo/ +│ ├── components-demo.xhtml # Page de démonstration +│ └── DemoBean.java # Backing bean +├── COMPOSANTS_GUIDE.md # Documentation complète +├── ANALYSE_OFFICIELLE.md # Analyse des sources Freya +└── FREYA_USAGE_GUIDE.md # Guide d'usage Freya +``` + +--- + +## 🎨 Pattern Freya Appliqué + +Tous les composants `fr:field*` génèrent automatiquement cette structure : + +```xml +
+ + * + + + +
+``` + +Le composant `fr:fieldCheckbox` utilise `field-checkbox` au lieu de `field` pour un layout horizontal. + +--- + +## ✨ Avantages + +### 1. Réduction du Boilerplate + +**Sans extension :** +- 10 lignes par champ +- Répétition du pattern `
` + label + input + message +- Gestion manuelle de l'astérisque requis + +**Avec extension :** +- 1 ligne par champ +- Pattern Freya automatique +- Astérisque requis automatique + +### 2. Maintenabilité + +Si le pattern Freya change (par exemple structure HTML différente), **un seul fichier à modifier** au lieu de centaines de pages. + +### 3. Cohérence + +Tous les formulaires utilisent **exactement le même pattern**, garantissant une UX uniforme. + +### 4. Compatibilité Totale + +Les composants utilisent les composants PrimeFaces standards sous le capot, donc : +- ✅ Toutes les fonctionnalités PrimeFaces disponibles +- ✅ Bean Validation supporté +- ✅ AJAX natif +- ✅ Binding bidirectionnel + +--- + +## 🔧 Personnalisation + +### Attributs Communs + +Tous les composants `fr:field*` supportent : + +| Attribut | Type | Défaut | Description | +|----------|------|--------|-------------| +| `id` | String | - | Identifiant du composant | +| `label` | String | - | Label affiché | +| `value` | Object | - | Valeur liée (two-way binding) | +| `required` | Boolean | `false` | Champ obligatoire (affiche astérisque) | +| `disabled` | Boolean | `false` | Désactive le champ | +| `readonly` | Boolean | `false` | Lecture seule | +| `styleClass` | String | - | Classes CSS additionnelles | + +### Attributs Spécifiques + +Chaque composant a des attributs spécifiques (voir [COMPOSANTS_GUIDE.md](COMPOSANTS_GUIDE.md)) : + +- `fr:fieldInput` : `placeholder`, `maxlength` +- `fr:fieldTextarea` : `rows`, `cols`, `autoResize` +- `fr:fieldPassword` : `feedback`, `toggleMask` +- `fr:fieldSelect` : `filter`, `filterMatchMode` +- `fr:fieldCalendar` : `showIcon`, `pattern`, `yearRange`, `mindate`, `maxdate` +- `fr:actionDialog` : `widgetVar`, `header`, `confirmAction`, `confirmUpdate` + +--- + +## 🔄 Intégration Bean Validation + +Les composants supportent pleinement Jakarta Bean Validation : + +```java +public class User { + @NotBlank(message = "Le nom est obligatoire") + @Size(min = 2, max = 50) + private String nom; + + @Email(message = "Email invalide") + private String email; + + @Past(message = "Doit être dans le passé") + private LocalDate dateNaissance; +} +``` + +```xml + + + +``` + +Les messages de validation s'affichent automatiquement via ``. + +--- + +## 📋 Technologies + +- **Quarkus** : 3.15.1 +- **Java** : 17+ +- **PrimeFaces** : 14.0.0 (Jakarta) +- **Freya Theme** : 5.0.0 +- **Jakarta Faces** : 4.0 (Composite Components) +- **PrimeFlex** : 3.3.1 (Grid système) + +--- + +## 🎯 Bonnes Pratiques + +### ✅ DO + +- Utiliser `fr:field*` pour tous les champs de formulaire +- Combiner avec PrimeFlex grid (`grid`, `col-*`) +- Grouper les champs dans `
` +- Utiliser `fr:actionDialog` pour les dialogs CRUD standard + +### ❌ DON'T + +- Ne pas imbriquer les composants `fr:field*` +- Ne pas dupliquer les labels (le composant le gère) +- Ne pas oublier `widgetVar` sur `fr:actionDialog` +- Ne pas essayer de wrapper tous les composants PrimeFaces (utiliser les composants natifs quand c'est plus simple) + +--- + +## 🚀 Démarrage Rapide + +### 1. Cloner le Projet + +```bash +git clone +cd primefaces-freya-extension +``` + +### 2. Installer Localement + +```bash +mvn clean install +``` + +### 3. Utiliser dans un Projet + +```xml + + dev.lions + primefaces-freya-extension + 1.0.0-SNAPSHOT + +``` + +### 4. Tester la Démo + +```bash +cd demo +mvn quarkus:dev +# Ouvrez http://localhost:8080/components-demo.xhtml +``` + +--- + +## 📖 Ressources + +### Documentation Interne +- [Guide Complet des Composants](COMPOSANTS_GUIDE.md) +- [Analyse Officielle Freya](ANALYSE_OFFICIELLE.md) +- [Guide d'Usage Freya](FREYA_USAGE_GUIDE.md) + +### Documentation Externe +- [PrimeFaces 14.0.0](https://primefaces.github.io/primefaces/14_0_0/) +- [Freya Theme](https://freya.primefaces.org/) +- [Jakarta Faces Composite Components](https://jakarta.ee/learn/docs/jakartaee-tutorial/current/web/faces-advanced-cc/) +- [PrimeFlex](https://primeflex.org/) + +--- + +## 📝 License + +Le thème Freya est sous **PrimeFaces Commercial License**. +Vérifiez votre licence avant utilisation en production. + +--- + +## 🤝 Contribution + +Cette extension a été créée pour l'écosystème Lions mais peut être réutilisée dans tout projet Quarkus + PrimeFaces. + +Pour toute question ou suggestion, consultez la documentation complète dans `COMPOSANTS_GUIDE.md`. + +--- + +**Version:** 1.0.0-SNAPSHOT +**Dernière mise à jour:** 2025-12-26 +**Composants:** 43 composants composites (Formulaires, Données, Navigation, Actions, Feedback, Utilitaires, Layout, Dialogs) +**Réduction de code:** ~80% sur les formulaires diff --git a/STATUS.md b/STATUS.md new file mode 100644 index 0000000..0b44318 --- /dev/null +++ b/STATUS.md @@ -0,0 +1,268 @@ +# Status - PrimeFaces Freya Extension + +**Date** : 2025-12-25 +**Progression** : 🚧 40% - Base complète, composants manquants + +--- + +## 📊 Progression Globale + +``` +████████████░░░░░░░░░░░░░░░░░░ 40% + +✅ FAIT : 40% (Structure, templates, bean, config) +🚧 EN COURS : 0% (Rien en cours actuellement) +❌ À FAIRE : 60% (25 composants + documentation) +``` + +--- + +## ✅ Modules Complétés (40%) + +### Architecture (100%) +- ✅ Structure multi-modules Maven +- ✅ Module runtime avec dépendances +- ✅ Module deployment +- ✅ Module integration-tests +- ✅ Configuration Quarkus extension + +### Templates et Layout (100%) +- ✅ `template.xhtml` - Template principal +- ✅ `menu.xhtml` - Menu latéral +- ✅ `topbar.xhtml` - Barre supérieure +- ✅ `footer.xhtml` - Pied de page +- ✅ `config.xhtml` - Panneau de configuration +- ✅ `rightpanel.xhtml` - Panneau latéral droit + +### Pages Prédéfinies (100%) +- ✅ `landing.xhtml` +- ✅ `login.xhtml` +- ✅ `error.xhtml` +- ✅ `notfound.xhtml` +- ✅ `access.xhtml` +- ✅ `help.xhtml` +- ✅ `invoice.xhtml` +- ✅ `empty.xhtml` + +### Code Java (100%) +- ✅ `GuestPreferences.java` - Bean de préférences + +### Configuration (100%) +- ✅ `freya.taglib.xml` - Déclaration composants +- ✅ `primefaces-freya.taglib.xml` - Menu personnalisé +- ✅ `pom.xml` (tous les modules) + +### Documentation (66%) +- ✅ `README.md` +- ✅ `ANALYSE_INTEGRALE.md` +- ❌ `COMPOSITE_COMPONENTS_DOCUMENTATION.md` (MANQUANT) + +--- + +## ❌ Ce qui Manque (60%) + +### Composants Composites (0/25 - 0%) + +**Répertoire** : `runtime/src/main/resources/META-INF/resources/freya/` + +#### Layout (0/5) +- ❌ menu.xhtml +- ❌ card.xhtml +- ❌ panel.xhtml +- ❌ dialog.xhtml +- ❌ formDialog.xhtml + +#### Formulaire (0/10) +- ❌ inputText.xhtml +- ❌ inputTextarea.xhtml +- ❌ inputNumber.xhtml +- ❌ inputPassword.xhtml +- ❌ selectOneMenu.xhtml +- ❌ selectManyMenu.xhtml +- ❌ calendar.xhtml +- ❌ checkbox.xhtml +- ❌ radioButton.xhtml +- ❌ fileUpload.xhtml + +#### Données (0/3) +- ❌ dataTable.xhtml +- ❌ dataView.xhtml +- ❌ treeTable.xhtml + +#### Navigation (0/2) +- ❌ breadcrumb.xhtml +- ❌ steps.xhtml + +#### Action (0/3) +- ❌ button.xhtml +- ❌ commandButton.xhtml +- ❌ linkButton.xhtml + +#### Feedback (0/2) +- ❌ message.xhtml +- ❌ growl.xhtml + +#### Utilitaires (0/4) +- ❌ spacer.xhtml +- ❌ divider.xhtml +- ❌ badge.xhtml +- ❌ avatar.xhtml + +### Documentation +- ❌ COMPOSITE_COMPONENTS_DOCUMENTATION.md + +### Tests +- ❌ Page de démonstration (components-demo.xhtml) +- ❌ Tests automatisés JUnit/Selenium + +--- + +## 🎯 Priorités + +### 🔴 CRITIQUE (Bloquant) +**Priorité 1** : Créer les 25 composants composites +- Sans eux, l'extension ne peut PAS être utilisée +- Le README les promet mais ils n'existent pas +- **Impact** : Extension inutilisable en l'état + +### 🟡 HAUTE +**Priorité 2** : Documentation des composants +- `COMPOSITE_COMPONENTS_DOCUMENTATION.md` manquant +- Référencé dans README mais absent +- **Impact** : Utilisateurs ne savent pas comment utiliser les composants + +### 🟢 MOYENNE +**Priorité 3** : Page de démonstration +- `components-demo.xhtml` dans integration-tests +- Permet de tester visuellement tous les composants +- **Impact** : Difficulté à valider le fonctionnement + +### 🔵 BASSE +**Priorité 4** : Tests automatisés +- Tests JUnit pour validation +- Tests Selenium pour UI +- **Impact** : Pas de régression testing + +--- + +## 📅 Estimation de Temps + +### Phase 1 : Composants Essentiels (2-3 jours) +**Composants de formulaire (10 fichiers)** : 1.5 jours +- inputText, inputTextarea, inputNumber +- inputPassword, selectOneMenu, selectManyMenu +- calendar, checkbox, radioButton, fileUpload + +**Composants de layout (5 fichiers)** : 0.5 jour +- card, panel, dialog, formDialog, menu + +**Composants d'action (3 fichiers)** : 0.5 jour +- button, commandButton, linkButton + +### Phase 2 : Composants Avancés (2 jours) +**Composants de données (3 fichiers)** : 1 jour +- dataTable, dataView, treeTable + +**Composants de navigation (2 fichiers)** : 0.5 jour +- breadcrumb, steps + +**Composants de feedback (2 fichiers)** : 0.25 jour +- message, growl + +**Composants utilitaires (4 fichiers)** : 0.25 jour +- spacer, divider, badge, avatar + +### Phase 3 : Documentation et Tests (1-2 jours) +**Documentation** : 0.5 jour +- COMPOSITE_COMPONENTS_DOCUMENTATION.md + +**Page de démonstration** : 0.5 jour +- components-demo.xhtml avec tous les composants + +**Tests** : 0.5-1 jour +- Tests d'intégration +- Validation manuelle + +--- + +## 🎯 Total Estimé : 5-7 jours de développement + +``` +Phase 1 (Essentiels) : ████████░░ 2-3 jours +Phase 2 (Avancés) : ████░░░░░░ 2 jours +Phase 3 (Doc/Tests) : ██░░░░░░░░ 1-2 jours + ────────────────── +TOTAL : 5-7 jours +``` + +--- + +## 🚀 Prochaine Étape + +**Action immédiate** : Créer le répertoire des composants + +```bash +mkdir -p primefaces-freya-extension/runtime/src/main/resources/META-INF/resources/freya +``` + +**Commencer par** : Composant `inputText.xhtml` (le plus simple et le plus utilisé) + +**Structure type** : +```xhtml + + + + + + + + + + +
+ + + +
+ + + +``` + +--- + +## 📝 Fichiers de Référence + +| Fichier | Description | +|---------|-------------| +| `TODO.md` | Liste détaillée des tâches | +| `STATUS.md` | Ce fichier (progression) | +| `README.md` | Documentation utilisateur | +| `ANALYSE_INTEGRALE.md` | Analyse technique | + +--- + +## 💡 Points Clés + +### ✅ Forces du Projet +- Architecture Quarkus solide +- Templates professionnels Freya +- Bean de préférences complet +- Configuration taglib prête +- Documentation bien structurée + +### ❌ Faiblesses Actuelles +- **0 composants sur 25 créés** +- Extension inutilisable en l'état +- Promesses du README non tenues +- Documentation manquante pour les composants + +### 🎯 Objectif +Transformer cette **excellente base** (40%) en extension **complète et utilisable** (100%) en créant les 25 composants composites manquants. + +--- + +**Statut Final** : 🚧 **EN CONSTRUCTION - Base solide, composants à créer** diff --git a/TODO.md b/TODO.md new file mode 100644 index 0000000..ad91511 --- /dev/null +++ b/TODO.md @@ -0,0 +1,378 @@ +# TODO - PrimeFaces Freya Extension + +**Date** : 2025-12-25 +**Statut** : 🚧 EN COURS - Composants composites à créer + +--- + +## 📊 État Actuel du Projet + +### ✅ Ce qui est FAIT + +1. **Structure du projet** + - ✅ Architecture multi-modules (runtime, deployment, integration-tests) + - ✅ Configuration Maven complète (pom.xml) + - ✅ Métadonnées Quarkus extension + +2. **Templates et Layout** + - ✅ `template.xhtml` - Template principal + - ✅ `menu.xhtml` - Menu latéral + - ✅ `topbar.xhtml` - Barre supérieure + - ✅ `footer.xhtml` - Pied de page + - ✅ `config.xhtml` - Panneau de configuration + - ✅ `rightpanel.xhtml` - Panneau latéral droit + +3. **Pages prédéfinies** + - ✅ `landing.xhtml` - Page d'accueil + - ✅ `login.xhtml` - Page de connexion + - ✅ `error.xhtml` - Page d'erreur + - ✅ `notfound.xhtml` - Page 404 + - ✅ `access.xhtml` - Accès refusé + - ✅ `help.xhtml` - Aide + - ✅ `invoice.xhtml` - Facture + - ✅ `empty.xhtml` - Page vide + +4. **Java** + - ✅ `GuestPreferences.java` - Bean de gestion des préférences + +5. **Configuration** + - ✅ `freya.taglib.xml` - Déclaration de 25 composants composites + - ✅ `primefaces-freya.taglib.xml` - Composant menu personnalisé + +6. **Documentation** + - ✅ `README.md` - Documentation utilisateur + - ✅ `ANALYSE_INTEGRALE.md` - Analyse technique + +--- + +## ❌ Ce qui MANQUE (CRITIQUE) + +### 1. Composants Composites (25 fichiers .xhtml) + +**Répertoire cible** : `runtime/src/main/resources/META-INF/resources/freya/` + +Le fichier `freya.taglib.xml` déclare 25 composants mais les fichiers XHTML correspondants **n'existent pas encore** : + +#### Composants de Layout (5) +- [ ] `freya/menu.xhtml` - Menu réutilisable +- [ ] `freya/card.xhtml` - Carte avec header/footer +- [ ] `freya/panel.xhtml` - Panneau pliable +- [ ] `freya/dialog.xhtml` - Dialogue modal +- [ ] `freya/formDialog.xhtml` - Dialogue avec formulaire + +#### Composants de Formulaire (10) +- [ ] `freya/inputText.xhtml` - Champ texte avec validation +- [ ] `freya/inputTextarea.xhtml` - Zone de texte multiligne +- [ ] `freya/inputNumber.xhtml` - Champ numérique formaté +- [ ] `freya/inputPassword.xhtml` - Mot de passe avec feedback +- [ ] `freya/selectOneMenu.xhtml` - Menu déroulant avec filtre +- [ ] `freya/selectManyMenu.xhtml` - Sélection multiple +- [ ] `freya/calendar.xhtml` - Sélecteur de date +- [ ] `freya/checkbox.xhtml` - Case à cocher +- [ ] `freya/radioButton.xhtml` - Bouton radio +- [ ] `freya/fileUpload.xhtml` - Upload de fichier + +#### Composants de Données (3) +- [ ] `freya/dataTable.xhtml` - Tableau avec pagination/tri +- [ ] `freya/dataView.xhtml` - Vue de données (list/grid) +- [ ] `freya/treeTable.xhtml` - Tableau arborescent + +#### Composants de Navigation (2) +- [ ] `freya/breadcrumb.xhtml` - Fil d'Ariane +- [ ] `freya/steps.xhtml` - Étapes (wizard) + +#### Composants d'Action (3) +- [ ] `freya/button.xhtml` - Bouton simple +- [ ] `freya/commandButton.xhtml` - Bouton avec action serveur +- [ ] `freya/linkButton.xhtml` - Bouton lien + +#### Composants de Feedback (2) +- [ ] `freya/message.xhtml` - Message pour un composant +- [ ] `freya/growl.xhtml` - Notifications toast + +#### Composants Utilitaires (4) +- [ ] `freya/spacer.xhtml` - Espaceur +- [ ] `freya/divider.xhtml` - Séparateur +- [ ] `freya/badge.xhtml` - Badge +- [ ] `freya/avatar.xhtml` - Avatar + +**Total : 25 composants à créer** + +--- + +### 2. Documentation des Composants + +- [ ] **COMPOSITE_COMPONENTS_DOCUMENTATION.md** + - Localisation : `runtime/src/main/resources/META-INF/resources/freya/` + - Contenu : Documentation complète de chaque composant avec : + - Description + - Attributs + - Exemples d'utilisation + - Snippets de code + +--- + +### 3. Tests d'Intégration + +Le module `integration-tests/` contient seulement une page de vérification basique. + +À ajouter : +- [ ] Page de démonstration complète des composants +- [ ] Tests automatisés (JUnit/Selenium) +- [ ] Tests de validation de formulaires +- [ ] Tests d'intégration avec Quarkus + +--- + +### 4. Composant Menu Personnalisé (Optionnel) + +Le fichier `primefaces-freya.taglib.xml` déclare un composant `menu` avec renderer personnalisé, mais : +- [ ] Classe Java `FreyaMenuRenderer` manquante +- [ ] Classe Java `FreyaMenu` (component-type) manquante + +**Note** : Cela peut être optionnel si le composant composite `freya/menu.xhtml` suffit. + +--- + +## 🎯 Priorités + +### Priorité CRITIQUE (Bloquant) + +**1. Créer les 25 composants composites** +- Sans ces composants, l'extension ne peut pas être utilisée +- Le README promet ces composants mais ils n'existent pas +- Localisation : `runtime/src/main/resources/META-INF/resources/freya/` + +### Priorité HAUTE + +**2. Documentation des composants** +- Fichier `COMPOSITE_COMPONENTS_DOCUMENTATION.md` +- Explique comment utiliser chaque composant +- Référencé dans le README mais manquant + +### Priorité MOYENNE + +**3. Page de démonstration** +- Créer `components-demo.xhtml` dans `integration-tests/` +- Montre tous les composants en action +- Permet de tester visuellement l'extension + +### Priorité BASSE + +**4. Tests automatisés** +- Tests JUnit pour validation +- Tests Selenium pour UI +- Tests d'intégration Quarkus + +--- + +## 📋 Structure des Composants Composites + +Chaque composant doit suivre la structure JSF Composite Component : + +```xhtml + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + +``` + +--- + +## 🛠️ Plan d'Action Recommandé + +### Phase 1 : Composants Essentiels (Priorité 1) +**Temps estimé : 2-3 jours** + +1. Créer le répertoire `runtime/src/main/resources/META-INF/resources/freya/` +2. Créer les composants de formulaire (les plus utilisés) : + - `inputText.xhtml` + - `inputTextarea.xhtml` + - `inputNumber.xhtml` + - `selectOneMenu.xhtml` + - `calendar.xhtml` + - `checkbox.xhtml` +3. Créer les composants de layout : + - `card.xhtml` + - `panel.xhtml` + - `dialog.xhtml` +4. Créer les composants d'action : + - `button.xhtml` + - `commandButton.xhtml` + +### Phase 2 : Composants Avancés (Priorité 2) +**Temps estimé : 2 jours** + +1. Créer les composants de données : + - `dataTable.xhtml` + - `dataView.xhtml` +2. Créer les composants utilitaires : + - `badge.xhtml` + - `avatar.xhtml` + - `divider.xhtml` + - `spacer.xhtml` +3. Créer les composants restants : + - `breadcrumb.xhtml` + - `steps.xhtml` + - `message.xhtml` + - `growl.xhtml` + +### Phase 3 : Documentation et Tests (Priorité 3) +**Temps estimé : 1-2 jours** + +1. Créer `COMPOSITE_COMPONENTS_DOCUMENTATION.md` +2. Créer `components-demo.xhtml` avec exemples de tous les composants +3. Tester chaque composant dans `integration-tests/` +4. Valider la compilation et l'utilisation de l'extension + +--- + +## 📚 Ressources Nécessaires + +### Documentation Officielle +- [JSF Composite Components](https://docs.oracle.com/javaee/6/tutorial/doc/giqzr.html) +- [PrimeFaces Components](https://www.primefaces.org/showcase/) +- [Freya Theme Demo](https://www.primefaces.org/freya/) + +### Exemples de Code +- Templates PrimeFaces existants dans `WEB-INF/` +- Bean `GuestPreferences.java` pour accès aux préférences +- Composant menu dans `WEB-INF/menu.xhtml` (référence) + +--- + +## ⚠️ Points d'Attention + +### 1. Binding Bidirectionnel +Les composants éditables (input, select, etc.) doivent utiliser `` pour permettre le binding bidirectionnel avec `value="#{bean.property}"`. + +### 2. Validation JSF +Tous les composants de formulaire doivent supporter les validateurs JSF standard et afficher les messages d'erreur avec ``. + +### 3. AJAX et Update +Les composants doivent supporter les attributs AJAX standards de PrimeFaces (`update`, `process`, `oncomplete`, etc.). + +### 4. Accessibilité +Utiliser les attributs ARIA et labels appropriés pour l'accessibilité. + +### 5. Responsive Design +Les composants doivent être responsive et utiliser PrimeFlex pour le layout (`w-full`, `p-field`, etc.). + +--- + +## 🎯 Critères de Succès + +L'extension sera **COMPLÈTE** quand : + +1. ✅ Les 25 composants composites existent et fonctionnent +2. ✅ La documentation `COMPOSITE_COMPONENTS_DOCUMENTATION.md` est complète +3. ✅ Une page de démonstration montre tous les composants +4. ✅ L'extension peut être ajoutée à un projet Quarkus et utilisée immédiatement +5. ✅ Tous les composants suivent les conventions PrimeFaces et JSF +6. ✅ Le README est à jour et reflète l'état réel du projet + +--- + +## 🚀 Pour Démarrer + +### 1. Créer le répertoire des composants +```bash +mkdir -p primefaces-freya-extension/runtime/src/main/resources/META-INF/resources/freya +``` + +### 2. Créer le premier composant (exemple: inputText) +```bash +cat > primefaces-freya-extension/runtime/src/main/resources/META-INF/resources/freya/inputText.xhtml << 'EOF' + + + + + + + + + + + + + +
+ + + +
+ + + +EOF +``` + +### 3. Tester le composant +```bash +cd primefaces-freya-extension/integration-tests +mvn quarkus:dev +``` + +Créer une page de test dans `integration-tests/src/main/resources/META-INF/resources/test.xhtml` : +```xhtml + + + + + + + +``` + +--- + +**Conclusion** : Le projet a une **excellente base** (templates, layout, bean, configuration) mais il manque **l'essentiel** : les 25 composants composites promis dans le README. C'est la **priorité absolue** pour rendre l'extension utilisable. + +**Temps total estimé** : 5-7 jours de développement pour compléter tous les composants + documentation. diff --git a/deployment/pom.xml b/deployment/pom.xml new file mode 100644 index 0000000..9b484cc --- /dev/null +++ b/deployment/pom.xml @@ -0,0 +1,116 @@ + + + 4.0.0 + + dev.lions + primefaces-freya-extension-parent + 1.0.0-SNAPSHOT + + primefaces-freya-extension-deployment + PrimeFaces Freya Extension - Deployment + + + io.quarkiverse.primefaces + quarkus-primefaces-deployment + 3.15.1 + + + dev.lions + primefaces-freya-extension + ${project.version} + + + + io.quarkus + quarkus-arc-deployment + + + io.quarkus + quarkus-undertow-deployment + + + org.apache.myfaces.core.extensions.quarkus + myfaces-quarkus-deployment + 4.0.1 + + + io.quarkiverse.poi + quarkus-poi-deployment + 2.0.5 + + + io.quarkiverse.itext + quarkus-itext-deployment + 3.0.5 + + + io.quarkus + quarkus-awt-deployment + + + io.quarkus + quarkus-web-dependency-locator-deployment + + + + io.quarkus + quarkus-websockets-deployment + + + io.quarkus + quarkus-websockets-client-deployment + + + io.quarkus + quarkus-jsonp-deployment + + + io.quarkus + quarkus-core-deployment + + + io.quarkus + quarkus-vertx-http-deployment + + + io.quarkus + quarkus-tls-registry-deployment + + + io.quarkus + quarkus-mutiny-deployment + + + io.quarkus + quarkus-smallrye-context-propagation-deployment + + + io.quarkus + quarkus-vertx-deployment + + + io.quarkus + quarkus-netty-deployment + + + io.quarkus + quarkus-virtual-threads-deployment + + + + + + maven-compiler-plugin + + + + io.quarkus + quarkus-extension-processor + ${quarkus.version} + + + + + + + diff --git a/integration-tests/pom.xml b/integration-tests/pom.xml new file mode 100644 index 0000000..053c71d --- /dev/null +++ b/integration-tests/pom.xml @@ -0,0 +1,55 @@ + + + 4.0.0 + + dev.lions + primefaces-freya-extension-parent + 1.0.0-SNAPSHOT + + primefaces-freya-extension-integration-tests + PrimeFaces Freya Extension - Integration Tests + + + io.quarkus + quarkus-resteasy-reactive + + + dev.lions + primefaces-freya-extension + ${project.version} + + + + io.quarkus + quarkus-undertow + + + io.quarkus + quarkus-test-h2 + test + + + io.quarkus + quarkus-junit5 + test + + + + + + io.quarkus + quarkus-maven-plugin + ${quarkus.version} + + + + build + generate-code + generate-code-tests + + + + + + + diff --git a/integration-tests/src/main/java/dev/lions/freya/demo/DemoBean.java b/integration-tests/src/main/java/dev/lions/freya/demo/DemoBean.java new file mode 100644 index 0000000..a023d0b --- /dev/null +++ b/integration-tests/src/main/java/dev/lions/freya/demo/DemoBean.java @@ -0,0 +1,640 @@ +package dev.lions.freya.demo; + +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Named; + +import org.primefaces.model.menu.DefaultMenuItem; +import org.primefaces.model.menu.DefaultMenuModel; +import org.primefaces.model.menu.MenuModel; + +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +/** + * Backing bean pour la page de démonstration des composants Freya Extension. + * + * Ce bean illustre l'utilisation des composants composites fr:field* et fr:actionDialog. + */ +@Named("demoBean") +@SessionScoped +public class DemoBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Données du formulaire principal + private User user = new User(); + private String passwordConfirm; + private List availableInterests; + + // Données du dialog + private DialogData dialogData = new DialogData(); + private FormDialogData formDialogData = new FormDialogData(); + + // Données pour les nouveaux composants + private List sampleUsers; + private MenuModel breadcrumbModel; + private MenuModel stepsModel; + private MenuModel splitButtonModel; + private int activeStep = 1; + private String tabField1; + private String tabField2; + private String inplaceValue = "Valeur éditable"; + private List availableCities; + + public DemoBean() { + availableInterests = new ArrayList<>(); + availableInterests.add("Sport"); + availableInterests.add("Musique"); + availableInterests.add("Voyage"); + availableInterests.add("Technologie"); + availableInterests.add("Cuisine"); + + // Villes disponibles pour l'autocomplétion + availableCities = new ArrayList<>(); + availableCities.add("Paris"); + availableCities.add("Lyon"); + availableCities.add("Marseille"); + availableCities.add("Toulouse"); + availableCities.add("Bordeaux"); + availableCities.add("Dakar"); + availableCities.add("Abidjan"); + availableCities.add("Montréal"); + availableCities.add("Québec"); + } + + @PostConstruct + public void init() { + initSampleUsers(); + initBreadcrumbModel(); + initStepsModel(); + initSplitButtonModel(); + } + + private void initSampleUsers() { + sampleUsers = new ArrayList<>(); + sampleUsers.add(new SampleUser("Jean Dupont", "jean.dupont@email.com", true)); + sampleUsers.add(new SampleUser("Marie Martin", "marie.martin@email.com", true)); + sampleUsers.add(new SampleUser("Pierre Durand", "pierre.durand@email.com", false)); + sampleUsers.add(new SampleUser("Sophie Bernard", "sophie.bernard@email.com", true)); + sampleUsers.add(new SampleUser("Luc Petit", "luc.petit@email.com", false)); + sampleUsers.add(new SampleUser("Emma Leroy", "emma.leroy@email.com", true)); + sampleUsers.add(new SampleUser("Thomas Moreau", "thomas.moreau@email.com", true)); + } + + private void initBreadcrumbModel() { + breadcrumbModel = new DefaultMenuModel(); + breadcrumbModel.getElements().add(DefaultMenuItem.builder().value("Accueil").outcome("/index").build()); + breadcrumbModel.getElements().add(DefaultMenuItem.builder().value("Composants").outcome("/components-demo").build()); + breadcrumbModel.getElements().add(DefaultMenuItem.builder().value("Démonstration").build()); + } + + private void initStepsModel() { + stepsModel = new DefaultMenuModel(); + stepsModel.getElements().add(DefaultMenuItem.builder().value("Informations").build()); + stepsModel.getElements().add(DefaultMenuItem.builder().value("Vérification").build()); + stepsModel.getElements().add(DefaultMenuItem.builder().value("Confirmation").build()); + } + + private void initSplitButtonModel() { + splitButtonModel = new DefaultMenuModel(); + splitButtonModel.getElements().add(DefaultMenuItem.builder().value("Exporter PDF").icon("pi pi-file-pdf").build()); + splitButtonModel.getElements().add(DefaultMenuItem.builder().value("Exporter Excel").icon("pi pi-file-excel").build()); + splitButtonModel.getElements().add(DefaultMenuItem.builder().value("Imprimer").icon("pi pi-print").build()); + } + + // ======================================== + // Actions + // ======================================== + + /** + * Action d'inscription - valide et enregistre l'utilisateur. + */ + public String register() { + FacesContext context = FacesContext.getCurrentInstance(); + + // Validation du mot de passe + if (!user.getPassword().equals(passwordConfirm)) { + context.addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_ERROR, + "Erreur", + "Les mots de passe ne correspondent pas" + )); + return null; + } + + // Validation des conditions + if (!user.isAcceptTerms()) { + context.addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_WARN, + "Attention", + "Vous devez accepter les conditions d'utilisation" + )); + return null; + } + + // Succès + context.addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_INFO, + "Succès", + String.format("Bienvenue %s %s ! Votre compte a été créé.", user.getPrenom(), user.getNom()) + )); + + return null; + } + + /** + * Réinitialise le formulaire. + */ + public void reset() { + this.user = new User(); + this.passwordConfirm = null; + + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_INFO, + "Réinitialisé", + "Le formulaire a été réinitialisé" + )); + } + + /** + * Action de sauvegarde depuis le dialog. + */ + public void saveFromDialog() { + FacesContext context = FacesContext.getCurrentInstance(); + + context.addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_INFO, + "Dialog enregistré", + String.format("Utilisateur '%s' avec rôle '%s' enregistré", + dialogData.getUsername(), + dialogData.getRole()) + )); + } + + /** + * Action de sauvegarde depuis le formDialog. + */ + public void saveFormDialog() { + FacesContext context = FacesContext.getCurrentInstance(); + + context.addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_INFO, + "FormDialog enregistré", + String.format("Titre: '%s' sauvegardé avec succès", + formDialogData.getTitle()) + )); + } + + /** + * Action générique de sauvegarde. + */ + public void save() { + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage( + FacesMessage.SEVERITY_INFO, + "Sauvegardé", + "Les données ont été sauvegardées avec succès" + )); + } + + /** + * Autocomplétion des villes. + */ + public List completeVille(String query) { + String lowerQuery = query.toLowerCase(); + return availableCities.stream() + .filter(city -> city.toLowerCase().startsWith(lowerQuery)) + .collect(Collectors.toList()); + } + + // ======================================== + // Getters / Setters + // ======================================== + + public User getUser() { + return user; + } + + public void setUser(User user) { + this.user = user; + } + + public String getPasswordConfirm() { + return passwordConfirm; + } + + public void setPasswordConfirm(String passwordConfirm) { + this.passwordConfirm = passwordConfirm; + } + + public DialogData getDialogData() { + return dialogData; + } + + public void setDialogData(DialogData dialogData) { + this.dialogData = dialogData; + } + + public List getAvailableInterests() { + return availableInterests; + } + + public void setAvailableInterests(List availableInterests) { + this.availableInterests = availableInterests; + } + + public FormDialogData getFormDialogData() { + return formDialogData; + } + + public void setFormDialogData(FormDialogData formDialogData) { + this.formDialogData = formDialogData; + } + + public List getSampleUsers() { + return sampleUsers; + } + + public void setSampleUsers(List sampleUsers) { + this.sampleUsers = sampleUsers; + } + + public MenuModel getBreadcrumbModel() { + return breadcrumbModel; + } + + public void setBreadcrumbModel(MenuModel breadcrumbModel) { + this.breadcrumbModel = breadcrumbModel; + } + + public MenuModel getStepsModel() { + return stepsModel; + } + + public void setStepsModel(MenuModel stepsModel) { + this.stepsModel = stepsModel; + } + + public MenuModel getSplitButtonModel() { + return splitButtonModel; + } + + public void setSplitButtonModel(MenuModel splitButtonModel) { + this.splitButtonModel = splitButtonModel; + } + + public int getActiveStep() { + return activeStep; + } + + public void setActiveStep(int activeStep) { + this.activeStep = activeStep; + } + + public String getTabField1() { + return tabField1; + } + + public void setTabField1(String tabField1) { + this.tabField1 = tabField1; + } + + public String getTabField2() { + return tabField2; + } + + public void setTabField2(String tabField2) { + this.tabField2 = tabField2; + } + + public String getInplaceValue() { + return inplaceValue; + } + + public void setInplaceValue(String inplaceValue) { + this.inplaceValue = inplaceValue; + } + + public List getAvailableCities() { + return availableCities; + } + + public void setAvailableCities(List availableCities) { + this.availableCities = availableCities; + } + + // ======================================== + // Nested Classes + // ======================================== + + /** + * Modèle utilisateur pour le formulaire d'inscription. + */ + public static class User implements Serializable { + private static final long serialVersionUID = 1L; + + private String prenom; + private String nom; + private String email; + private LocalDate dateNaissance; + private String password; + private String pays; + private String bio; + private boolean acceptTerms; + private boolean newsletter; + private Double solde = 1000.0; + private boolean notifications = true; + private List interests = new ArrayList<>(); + private int note = 4; + private List tags = new ArrayList<>(); + private String favoriteColor = "3f51b5"; + private String genre = "M"; + // Nouveaux champs pour les composants additionnels + private String telephone; + private Integer quantity = 1; + private Integer volume = 50; + private String ville; + + // Getters / Setters + + public String getPrenom() { + return prenom; + } + + public void setPrenom(String prenom) { + this.prenom = prenom; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public LocalDate getDateNaissance() { + return dateNaissance; + } + + public void setDateNaissance(LocalDate dateNaissance) { + this.dateNaissance = dateNaissance; + } + + public String getPassword() { + return password; + } + + public void setPassword(String password) { + this.password = password; + } + + public String getPays() { + return pays; + } + + public void setPays(String pays) { + this.pays = pays; + } + + public String getBio() { + return bio; + } + + public void setBio(String bio) { + this.bio = bio; + } + + public boolean isAcceptTerms() { + return acceptTerms; + } + + public void setAcceptTerms(boolean acceptTerms) { + this.acceptTerms = acceptTerms; + } + + public boolean isNewsletter() { + return newsletter; + } + + public void setNewsletter(boolean newsletter) { + this.newsletter = newsletter; + } + + public Double getSolde() { + return solde; + } + + public void setSolde(Double solde) { + this.solde = solde; + } + + public boolean isNotifications() { + return notifications; + } + + public void setNotifications(boolean notifications) { + this.notifications = notifications; + } + + public List getInterests() { + return interests; + } + + public void setInterests(List interests) { + this.interests = interests; + } + + public int getNote() { + return note; + } + + public void setNote(int note) { + this.note = note; + } + + public List getTags() { + return tags; + } + + public void setTags(List tags) { + this.tags = tags; + } + + public String getFavoriteColor() { + return favoriteColor; + } + + public void setFavoriteColor(String favoriteColor) { + this.favoriteColor = favoriteColor; + } + + public String getGenre() { + return genre; + } + + public void setGenre(String genre) { + this.genre = genre; + } + + public String getTelephone() { + return telephone; + } + + public void setTelephone(String telephone) { + this.telephone = telephone; + } + + public Integer getQuantity() { + return quantity; + } + + public void setQuantity(Integer quantity) { + this.quantity = quantity; + } + + public Integer getVolume() { + return volume; + } + + public void setVolume(Integer volume) { + this.volume = volume; + } + + public String getVille() { + return ville; + } + + public void setVille(String ville) { + this.ville = ville; + } + } + + /** + * Modèle pour les données du dialog de démonstration. + */ + public static class DialogData implements Serializable { + private static final long serialVersionUID = 1L; + + private String username; + private String role; + private boolean active; + + // Getters / Setters + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getRole() { + return role; + } + + public void setRole(String role) { + this.role = role; + } + + public boolean isActive() { + return active; + } + + public void setActive(boolean active) { + this.active = active; + } + } + + /** + * Modèle pour les données du formDialog de démonstration. + */ + public static class FormDialogData implements Serializable { + private static final long serialVersionUID = 1L; + + private String title; + private String description; + private LocalDate date; + + public String getTitle() { + return title; + } + + public void setTitle(String title) { + this.title = title; + } + + public String getDescription() { + return description; + } + + public void setDescription(String description) { + this.description = description; + } + + public LocalDate getDate() { + return date; + } + + public void setDate(LocalDate date) { + this.date = date; + } + } + + /** + * Modèle utilisateur pour la démonstration du dataTable. + */ + public static class SampleUser implements Serializable { + private static final long serialVersionUID = 1L; + + private String nom; + private String email; + private boolean active; + + public SampleUser() {} + + public SampleUser(String nom, String email, boolean active) { + this.nom = nom; + this.email = email; + this.active = active; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public boolean isActive() { + return active; + } + + public void setActive(boolean active) { + this.active = active; + } + } +} diff --git a/integration-tests/src/main/java/dev/lions/freya/demo/ThemeSelectorBean.java b/integration-tests/src/main/java/dev/lions/freya/demo/ThemeSelectorBean.java new file mode 100644 index 0000000..cedeeea --- /dev/null +++ b/integration-tests/src/main/java/dev/lions/freya/demo/ThemeSelectorBean.java @@ -0,0 +1,176 @@ +package dev.lions.freya.demo; + +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Named; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +/** + * Bean pour gérer la sélection du thème Freya. + * + * Freya propose 8 couleurs principales (avocado, blue, green, orange, purple, red, + * turquoise, yellow) + * et 2 modes (light, dark). + */ +@Named("themeSelectorBean") +@SessionScoped +public class ThemeSelectorBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Couleurs Freya disponibles (officielles) + private static final String[] AVAILABLE_COLORS = { + "avocado", "blue", "green", "orange", "purple", "red", "turquoise", "yellow" + }; + + // Modes disponibles + private static final String MODE_LIGHT = "light"; + private static final String MODE_DARK = "dark"; + + // État actuel + private String selectedColor = "blue"; // Couleur par défaut + private String selectedMode = MODE_LIGHT; // Mode par défaut + + @PostConstruct + public void init() { + // On pourrait charger depuis les cookies ou localStorage via JavaScript + // Pour l'instant, on utilise les valeurs par défaut + } + + /** + * Retourne le nom CSS complet du thème actuel. + * Format: "primefaces-freya-{color}-{mode}/theme.css" + */ + public String getCurrentLayoutCss() { + return "freya-layout/css/layout-" + selectedMode + ".css"; + } + + public String getCurrentThemeCss() { + return "primefaces-freya-" + selectedColor + "-" + selectedMode + "/theme.css"; + } + + /** + * Change la couleur du thème. + */ + public void changeColor(String color) { + if (isValidColor(color)) { + this.selectedColor = color; + } + } + + /** + * Toggle entre light et dark mode. + */ + public void toggleMode() { + this.selectedMode = MODE_LIGHT.equals(selectedMode) ? MODE_DARK : MODE_LIGHT; + } + + /** + * Change le mode (appelé par AJAX, la valeur est déjà bindée). + */ + public void changeMode() { + // La valeur selectedMode est déjà mise à jour par le binding + // Cette méthode sert juste de listener pour le refresh + } + + /** + * Valide qu'une couleur est disponible. + */ + private boolean isValidColor(String color) { + for (String availableColor : AVAILABLE_COLORS) { + if (availableColor.equals(color)) { + return true; + } + } + return false; + } + + /** + * Retourne la liste des couleurs disponibles pour l'UI (couleurs officielles Freya). + */ + public List getAvailableColors() { + List colors = new ArrayList<>(); + colors.add(new ThemeColor("avocado", "Avocado", "#9CCC65")); + colors.add(new ThemeColor("blue", "Blue", "#42A5F5")); + colors.add(new ThemeColor("green", "Green", "#66BB6A")); + colors.add(new ThemeColor("orange", "Orange", "#FFA726")); + colors.add(new ThemeColor("purple", "Purple", "#AB47BC")); + colors.add(new ThemeColor("red", "Red", "#EF5350")); + colors.add(new ThemeColor("turquoise", "Turquoise", "#26A69A")); + colors.add(new ThemeColor("yellow", "Yellow", "#FFEE58")); + return colors; + } + + // ======================================== + // Getters / Setters + // ======================================== + + public String getSelectedColor() { + return selectedColor; + } + + public void setSelectedColor(String selectedColor) { + this.selectedColor = selectedColor; + } + + public String getSelectedMode() { + return selectedMode; + } + + public void setSelectedMode(String selectedMode) { + this.selectedMode = selectedMode; + } + + public boolean isLightMode() { + return MODE_LIGHT.equals(selectedMode); + } + + public boolean isDarkMode() { + return MODE_DARK.equals(selectedMode); + } + + /** + * Classe interne pour représenter une couleur de thème. + */ + public static class ThemeColor implements Serializable { + private static final long serialVersionUID = 1L; + + private String code; + private String label; + private String hexColor; + + public ThemeColor(String code, String label, String hexColor) { + this.code = code; + this.label = label; + this.hexColor = hexColor; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + + public String getLabel() { + return label; + } + + public void setLabel(String label) { + this.label = label; + } + + public String getHexColor() { + return hexColor; + } + + public void setHexColor(String hexColor) { + this.hexColor = hexColor; + } + } +} diff --git a/integration-tests/src/main/resources/META-INF/faces-config.xml b/integration-tests/src/main/resources/META-INF/faces-config.xml new file mode 100644 index 0000000..04ad692 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/faces-config.xml @@ -0,0 +1,18 @@ + + + + + + + + /* + + + + + + diff --git a/integration-tests/src/main/resources/META-INF/resources/components-demo.xhtml b/integration-tests/src/main/resources/META-INF/resources/components-demo.xhtml new file mode 100644 index 0000000..c3ece47 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/components-demo.xhtml @@ -0,0 +1,574 @@ + + + + + + Freya Extension - Démonstration des Composants + + + + + + + + + + + + +
+
+
+ +
+ +
+ + +
+
+
+
+

+ + Freya Extension +

+

+ 43 composants composites pour simplifier vos formulaires Jakarta Faces +

+
+ +
+
+
+ + +
+
+
+
+

+ + Formulaire d'inscription +

+

+ Démonstration interactive des 43 composants composites +

+
+
+ + + +
+ + Informations personnelles +
+ + + + + + + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + + + +
+ + Sécurité +
+ + +
+
+ +
+
+ +
+
+ + +
+ + Préférences et Intérêts +
+ + +
+
+ + + + + + + +
+
+ + + +
+
+ +
+
+ +
+
+ +
+
+ + + + + +
+
+ +
+
+ +
+
+ +
+
+ + +
+ + + + + +
+ +
+ + + + + + + +
+

+ + Nouveaux composants de formulaire +

+ + +
+
+ +
+
+ +
+
+ + + + + +
+ + +
+

+ + Composants de données +

+ + + + + + + + + + + + +
+ + +
+

+ + Composants de navigation +

+ + + + + + + + + + + +

Contenu du premier onglet avec composants Freya.

+ + + +

Contenu du deuxième onglet.

+ + + + + + +
+ + +
+

+ + Composants d'action +

+ +
+ + + + +
+ + +
+ + +
+

+ + Composants de feedback +

+ + + + + + + + + + + + + + + + + + +
+ + +
+

+ + Composants utilitaires +

+ +
+ + + +
+ +
+ + + + +
+ +
+ + + + +
+ + + +

Barre de progression:

+ + + + +

Divider avec texte:

+ + OU + +
+ + +
+

+ + Composants de layout +

+ +
+
+ +

Contenu de la carte avec le composant fr:card.

+ + +
+
+ +

Contenu du panneau avec le composant fr:panel.

+

Ce panneau peut être replié en cliquant sur l'icône.

+ +
+
+ + + + +
+
+ + +
+ +
+

+ + Réduction de code +

+

+ Ce formulaire utilise 7 composants fr:field*. +

+ +
+
+ Avec extension: + +
+
+ Sans extension: + +
+ +
+ Gain: + -80% +
+
+
+ + +
+

+ + Composants disponibles (43) +

+ + + +
+ fr:fieldInput + fr:fieldTextarea + fr:fieldPassword + fr:fieldNumber + fr:fieldSelect + fr:fieldMultiSelect + fr:fieldCalendar + fr:fieldRadio + fr:fieldCheckbox + fr:fieldSwitch + fr:fieldToggle + fr:fieldChips + fr:fieldRating + fr:fieldColor + fr:fieldFileUpload + fr:fieldAutoComplete + fr:fieldMask + fr:fieldSlider + fr:fieldSpinner +
+ + +
+ fr:actionDialog + fr:formDialog + fr:card + fr:panel +
+ + +
+ fr:dataTable + fr:dataView + fr:treeTable +
+ + +
+ fr:breadcrumb + fr:steps + fr:tabView +
+ + +
+ fr:button + fr:commandButton + fr:linkButton + fr:splitButton +
+ + +
+ fr:message + fr:growl + fr:inplace +
+ + +
+ fr:themeSelector + fr:spacer + fr:divider + fr:badge + fr:avatar + fr:tag + fr:progressBar +
+ + +
+ + +
+

+ + Documentation +

+ +
+ + + Guide des composants + + + + Freya Theme + + + + PrimeFaces Docs + +
+
+
+ + + +

+ Ce dialog utilise le composant fr:actionDialog avec des champs + fr:field* à l'intérieur. +

+ + + + + + + + + + + + + + + +

+ Ce dialog utilise le composant fr:formDialog qui inclut + automatiquement un formulaire avec validation. +

+ + + + + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #383838; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; +} +p:last-child { + margin-bottom: 0; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: #EAEBEC; + padding: 0; + margin: 0; + min-height: 100%; + background-color: #3E4754; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #669cee; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #387fe9; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + border: 2px solid var(--primary-light-color); + background-color: #383838; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #303A48; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #293241; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #FFFFFF; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: #BFC2C6; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #293241; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #383838; + color: #383838; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #303A48 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #293241; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #293241; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: #BFC2C6; + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: #BFC2C6; +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: #EAEBEC; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: #BFC2C6; +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #293241; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #293241; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: #BFC2C6; +} +.card .card-subtitle { + color: #BFC2C6; + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: #BFC2C6; +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: #BFC2C6; +} +.timeline > ul > li .event-content span.event-title { + color: #FFFFFF; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: #BFC2C6; +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: #BFC2C6; + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: #BFC2C6; +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: #EAEBEC; + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.schedule > p { + color: #BFC2C6; +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #3E4754; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: #BFC2C6; + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: #BFC2C6; +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #303A48; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #374250; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: #EAEBEC; + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: #BFC2C6; +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: #BFC2C6; +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #293241; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: #EAEBEC; +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #387fe9; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #387fe9; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #293241 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #303A48; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #303A48; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #3E4754; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: #BFC2C6; +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #387fe9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #293241; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: #BFC2C6; +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: #EAEBEC; + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #383838; + background-color: #293241; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: #EAEBEC; + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: #BFC2C6; + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #3E4754; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #3E4754; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #1e1e1e; + z-index: 999; + border-left: 1px solid #383838; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: rgba(255, 255, 255, 0.6); +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #90CAF9; + color: #121212; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15); +} +.layout-config-button i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; +} +.layout-config-button:hover { + background: #a8d6fa; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #303A48; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss @@ -0,0 +1,5 @@ +$primaryColor:lighten(#2170E7, 5%); +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_dark'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #dee2e6; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; +} +p:last-child { + margin-bottom: 0; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: rgba(41, 50, 65, 0.8); + padding: 0; + margin: 0; + min-height: 100%; + background-color: #F2F4F6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #4f8eec; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #2170E7; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + border: 2px solid var(--primary-light-color); + background-color: #dee2e6; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #F7FAFF; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #ffffff; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #3E4754; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: rgba(41, 50, 65, 0.5); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #ffffff; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #dee2e6; + color: #dee2e6; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #F7FAFF 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #ffffff; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #ffffff; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: rgba(41, 50, 65, 0.5); +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.8); + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.5); +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #ffffff; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #ffffff; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} +.card .card-subtitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: rgba(41, 50, 65, 0.5); +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li .event-content span.event-title { + color: #3E4754; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: rgba(41, 50, 65, 0.5); +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: rgba(41, 50, 65, 0.8); + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.schedule > p { + color: rgba(41, 50, 65, 0.5); +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #F7F7F8; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: rgba(41, 50, 65, 0.5); + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #F7FAFF; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #EEF5FF; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.5); +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: rgba(41, 50, 65, 0.5); +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #ffffff; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #2170E7; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #2170E7; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #ffffff 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #F7FAFF; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #F7FAFF; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #F7F7F8; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: rgba(41, 50, 65, 0.5); +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #2170E7; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: rgba(41, 50, 65, 0.5); +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: rgba(41, 50, 65, 0.8); + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #dee2e6; + background-color: #ffffff; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: rgba(41, 50, 65, 0.8); + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #F2F4F6; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #ffffff; + z-index: 999; + border-left: 0 none; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: #6c757d; +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #1976D2; + color: #ffffff; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15); +} +.layout-config-button i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; +} +.layout-config-button:hover { + background: #2083e4; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #F7FAFF; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss @@ -0,0 +1,5 @@ +$primaryColor:#2170E7; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_light'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css @@ -0,0 +1 @@ +.p-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem;margin-top:-1rem}.p-grid>.p-col,.p-grid>[class*=p-col]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.p-nogutter{margin-right:0;margin-left:0;margin-top:0}.p-nogutter>.p-col,.p-nogutter>[class*=p-col-]{padding:0}.p-col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;padding:1rem}.p-col-fixed{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1,.p-col-2,.p-col-3,.p-col-4,.p-col-5,.p-col-6,.p-col-7,.p-col-8,.p-col-9,.p-col-10,.p-col-11,.p-col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1{width:8.3333%}.p-col-2{width:16.6667%}.p-col-3{width:25%}.p-col-4{width:33.3333%}.p-col-5{width:41.6667%}.p-col-6{width:50%}.p-col-7{width:58.3333%}.p-col-8{width:66.6667%}.p-col-9{width:75%}.p-col-10{width:83.3333%}.p-col-11{width:91.6667%}.p-col-12{width:100%}.p-offset-12{margin-left:100%}.p-offset-11{margin-left:91.66666667%}.p-offset-10{margin-left:83.33333333%}.p-offset-9{margin-left:75%}.p-offset-8{margin-left:66.66666667%}.p-offset-7{margin-left:58.33333333%}.p-offset-6{margin-left:50%}.p-offset-5{margin-left:41.66666667%}.p-offset-4{margin-left:33.33333333%}.p-offset-3{margin-left:25%}.p-offset-2{margin-left:16.66666667%}.p-offset-1{margin-left:8.33333333%}.p-offset-0{margin-left:0%}.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12,.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12,.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12,.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{padding:1rem}.p-col-nogutter{padding:0}@media screen and (min-width: 576px){.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-sm-1{width:8.3333%}.p-sm-2{width:16.6667%}.p-sm-3{width:25%}.p-sm-4{width:33.3333%}.p-sm-5{width:41.6667%}.p-sm-6{width:50%}.p-sm-7{width:58.3333%}.p-sm-8{width:66.6667%}.p-sm-9{width:75%}.p-sm-10{width:83.3333%}.p-sm-11{width:91.6667%}.p-sm-12{width:100%}.p-sm-offset-12{margin-left:100%}.p-sm-offset-11{margin-left:91.66666667%}.p-sm-offset-10{margin-left:83.33333333%}.p-sm-offset-9{margin-left:75%}.p-sm-offset-8{margin-left:66.66666667%}.p-sm-offset-7{margin-left:58.33333333%}.p-sm-offset-6{margin-left:50%}.p-sm-offset-5{margin-left:41.66666667%}.p-sm-offset-4{margin-left:33.33333333%}.p-sm-offset-3{margin-left:25%}.p-sm-offset-2{margin-left:16.66666667%}.p-sm-offset-1{margin-left:8.33333333%}.p-sm-offset-0{margin-left:0%}}@media screen and (min-width: 768px){.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-md-1{width:8.3333%}.p-md-2{width:16.6667%}.p-md-3{width:25%}.p-md-4{width:33.3333%}.p-md-5{width:41.6667%}.p-md-6{width:50%}.p-md-7{width:58.3333%}.p-md-8{width:66.6667%}.p-md-9{width:75%}.p-md-10{width:83.3333%}.p-md-11{width:91.6667%}.p-md-12{width:100%}.p-md-offset-12{margin-left:100%}.p-md-offset-11{margin-left:91.66666667%}.p-md-offset-10{margin-left:83.33333333%}.p-md-offset-9{margin-left:75%}.p-md-offset-8{margin-left:66.66666667%}.p-md-offset-7{margin-left:58.33333333%}.p-md-offset-6{margin-left:50%}.p-md-offset-5{margin-left:41.66666667%}.p-md-offset-4{margin-left:33.33333333%}.p-md-offset-3{margin-left:25%}.p-md-offset-2{margin-left:16.66666667%}.p-md-offset-1{margin-left:8.33333333%}.p-md-offset-0{margin-left:0%}}@media screen and (min-width: 992px){.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-lg-1{width:8.3333%}.p-lg-2{width:16.6667%}.p-lg-3{width:25%}.p-lg-4{width:33.3333%}.p-lg-5{width:41.6667%}.p-lg-6{width:50%}.p-lg-7{width:58.3333%}.p-lg-8{width:66.6667%}.p-lg-9{width:75%}.p-lg-10{width:83.3333%}.p-lg-11{width:91.6667%}.p-lg-12{width:100%}.p-lg-offset-12{margin-left:100%}.p-lg-offset-11{margin-left:91.66666667%}.p-lg-offset-10{margin-left:83.33333333%}.p-lg-offset-9{margin-left:75%}.p-lg-offset-8{margin-left:66.66666667%}.p-lg-offset-7{margin-left:58.33333333%}.p-lg-offset-6{margin-left:50%}.p-lg-offset-5{margin-left:41.66666667%}.p-lg-offset-4{margin-left:33.33333333%}.p-lg-offset-3{margin-left:25%}.p-lg-offset-2{margin-left:16.66666667%}.p-lg-offset-1{margin-left:8.33333333%}.p-lg-offset-0{margin-left:0%}}@media screen and (min-width: 1200px){.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-xl-1{width:8.3333%}.p-xl-2{width:16.6667%}.p-xl-3{width:25%}.p-xl-4{width:33.3333%}.p-xl-5{width:41.6667%}.p-xl-6{width:50%}.p-xl-7{width:58.3333%}.p-xl-8{width:66.6667%}.p-xl-9{width:75%}.p-xl-10{width:83.3333%}.p-xl-11{width:91.6667%}.p-xl-12{width:100%}.p-xl-offset-12{margin-left:100%}.p-xl-offset-11{margin-left:91.66666667%}.p-xl-offset-10{margin-left:83.33333333%}.p-xl-offset-9{margin-left:75%}.p-xl-offset-8{margin-left:66.66666667%}.p-xl-offset-7{margin-left:58.33333333%}.p-xl-offset-6{margin-left:50%}.p-xl-offset-5{margin-left:41.66666667%}.p-xl-offset-4{margin-left:33.33333333%}.p-xl-offset-3{margin-left:25%}.p-xl-offset-2{margin-left:16.66666667%}.p-xl-offset-1{margin-left:8.33333333%}.p-xl-offset-0{margin-left:0%}}.p-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.p-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.p-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.p-justify-even{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.p-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.p-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.p-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.p-col-align-start{-ms-flex-item-align:start;align-self:flex-start}.p-col-align-end{-ms-flex-item-align:end;align-self:flex-end}.p-col-align-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.p-col-align-baseline{-ms-flex-item-align:baseline;align-self:baseline}.p-col-align-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.p-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.p-dir-rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.p-dir-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dir-col-rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.p-dir-col>.p-col,.p-dir-col-rev>.p-col{-ms-flex-preferred-size:auto;flex-basis:auto}.p-col-order-first{-ms-flex-order:-1;order:-1}.p-col-order-last{-ms-flex-order:13;order:13}.p-col-order-0{-ms-flex-order:0;order:0}.p-col-order-1{-ms-flex-order:1;order:1}.p-col-order-2{-ms-flex-order:2;order:2}.p-col-order-3{-ms-flex-order:3;order:3}.p-col-order-4{-ms-flex-order:4;order:4}.p-col-order-5{-ms-flex-order:5;order:5}.p-col-order-6{-ms-flex-order:6;order:6}.p-col-order-7{-ms-flex-order:7;order:7}.p-col-order-8{-ms-flex-order:8;order:8}.p-col-order-9{-ms-flex-order:9;order:9}.p-col-order-10{-ms-flex-order:10;order:10}.p-col-order-11{-ms-flex-order:11;order:11}.p-col-order-12{-ms-flex-order:12;order:12}@media screen and (min-width: 576px){.p-sm-order-first{-ms-flex-order:-1;order:-1}.p-sm-order-last{-ms-flex-order:13;order:13}.p-sm-order-0{-ms-flex-order:0;order:0}.p-sm-order-1{-ms-flex-order:1;order:1}.p-sm-order-2{-ms-flex-order:2;order:2}.p-sm-order-3{-ms-flex-order:3;order:3}.p-sm-order-4{-ms-flex-order:4;order:4}.p-sm-order-5{-ms-flex-order:5;order:5}.p-sm-order-6{-ms-flex-order:6;order:6}.p-sm-order-7{-ms-flex-order:7;order:7}.p-sm-order-8{-ms-flex-order:8;order:8}.p-sm-order-9{-ms-flex-order:9;order:9}.p-sm-order-10{-ms-flex-order:10;order:10}.p-sm-order-11{-ms-flex-order:11;order:11}.p-sm-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 768px){.p-md-order-first{-ms-flex-order:-1;order:-1}.p-md-order-last{-ms-flex-order:13;order:13}.p-md-order-0{-ms-flex-order:0;order:0}.p-md-order-1{-ms-flex-order:1;order:1}.p-md-order-2{-ms-flex-order:2;order:2}.p-md-order-3{-ms-flex-order:3;order:3}.p-md-order-4{-ms-flex-order:4;order:4}.p-md-order-5{-ms-flex-order:5;order:5}.p-md-order-6{-ms-flex-order:6;order:6}.p-md-order-7{-ms-flex-order:7;order:7}.p-md-order-8{-ms-flex-order:8;order:8}.p-md-order-9{-ms-flex-order:9;order:9}.p-md-order-10{-ms-flex-order:10;order:10}.p-md-order-11{-ms-flex-order:11;order:11}.p-md-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 992px){.p-lg-order-first{-ms-flex-order:-1;order:-1}.p-lg-order-last{-ms-flex-order:13;order:13}.p-lg-order-0{-ms-flex-order:0;order:0}.p-lg-order-1{-ms-flex-order:1;order:1}.p-lg-order-2{-ms-flex-order:2;order:2}.p-lg-order-3{-ms-flex-order:3;order:3}.p-lg-order-4{-ms-flex-order:4;order:4}.p-lg-order-5{-ms-flex-order:5;order:5}.p-lg-order-6{-ms-flex-order:6;order:6}.p-lg-order-7{-ms-flex-order:7;order:7}.p-lg-order-8{-ms-flex-order:8;order:8}.p-lg-order-9{-ms-flex-order:9;order:9}.p-lg-order-10{-ms-flex-order:10;order:10}.p-lg-order-11{-ms-flex-order:11;order:11}.p-lg-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 1200px){.p-xl-order-first{-ms-flex-order:-1;order:-1}.p-xl-order-last{-ms-flex-order:13;order:13}.p-xl-order-0{-ms-flex-order:0;order:0}.p-xl-order-1{-ms-flex-order:1;order:1}.p-xl-order-2{-ms-flex-order:2;order:2}.p-xl-order-3{-ms-flex-order:3;order:3}.p-xl-order-4{-ms-flex-order:4;order:4}.p-xl-order-5{-ms-flex-order:5;order:5}.p-xl-order-6{-ms-flex-order:6;order:6}.p-xl-order-7{-ms-flex-order:7;order:7}.p-xl-order-8{-ms-flex-order:8;order:8}.p-xl-order-9{-ms-flex-order:9;order:9}.p-xl-order-10{-ms-flex-order:10;order:10}.p-xl-order-11{-ms-flex-order:11;order:11}.p-xl-order-12{-ms-flex-order:12;order:12}}.p-field{margin-bottom:1rem}.p-field>label{display:inline-block;margin-bottom:.5rem}.p-field.p-grid>label{display:flex;align-items:center}.p-field>small{margin-top:.25rem}.p-field.p-grid,.p-formgrid.p-grid{margin-top:0}.p-field.p-grid .p-col-fixed,.p-formgrid.p-grid .p-col-fixed,.p-field.p-grid .p-col,.p-formgrid.p-grid .p-col,.p-field.p-grid .p-col-1,.p-formgrid.p-grid .p-col-1,.p-field.p-grid .p-col-2,.p-formgrid.p-grid .p-col-2,.p-field.p-grid .p-col-3,.p-formgrid.p-grid .p-col-3,.p-field.p-grid .p-col-4,.p-formgrid.p-grid .p-col-4,.p-field.p-grid .p-col-5,.p-formgrid.p-grid .p-col-5,.p-field.p-grid .p-col-6,.p-formgrid.p-grid .p-col-6,.p-field.p-grid .p-col-7,.p-formgrid.p-grid .p-col-7,.p-field.p-grid .p-col-8,.p-formgrid.p-grid .p-col-8,.p-field.p-grid .p-col-9,.p-formgrid.p-grid .p-col-9,.p-field.p-grid .p-col-10,.p-formgrid.p-grid .p-col-10,.p-field.p-grid .p-col-11,.p-formgrid.p-grid .p-col-11,.p-field.p-grid .p-col-12,.p-formgrid.p-grid .p-col-12{padding-top:0;padding-bottom:0}.p-formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.p-formgroup-inline .p-field,.p-formgroup-inline .p-field-checkbox,.p-formgroup-inline .p-field-radiobutton{margin-right:1rem}.p-formgroup-inline .p-field>label,.p-formgroup-inline .p-field-checkbox>label,.p-formgroup-inline .p-field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.p-field-checkbox,.p-field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.p-field-checkbox>label,.p-field-radiobutton>label{margin-left:.5rem;line-height:1}.p-d-none{display:none !important}.p-d-inline{display:inline !important}.p-d-inline-block{display:inline-block !important}.p-d-block{display:block !important}.p-d-flex{display:flex !important}.p-d-inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.p-d-sm-none{display:none !important}.p-d-sm-inline{display:inline !important}.p-d-sm-inline-block{display:inline-block !important}.p-d-sm-block{display:block !important}.p-d-sm-flex{display:flex !important}.p-d-sm-inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.p-d-md-none{display:none !important}.p-d-md-inline{display:inline !important}.p-d-md-inline-block{display:inline-block !important}.p-d-md-block{display:block !important}.p-d-md-flex{display:flex !important}.p-d-md-inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.p-d-lg-none{display:none !important}.p-d-lg-inline{display:inline !important}.p-d-lg-inline-block{display:inline-block !important}.p-d-lg-block{display:block !important}.p-d-lg-flex{display:flex !important}.p-d-lg-inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.p-d-xl-none{display:none !important}.p-d-xl-inline{display:inline !important}.p-d-xl-inline-block{display:inline-block !important}.p-d-xl-block{display:block !important}.p-d-xl-flex{display:flex !important}.p-d-xl-inline-flex{display:inline-flex !important}}@media print{.p-d-print-none{display:none !important}.p-d-print-inline{display:inline !important}.p-d-print-inline-block{display:inline-block !important}.p-d-print-block{display:block !important}.p-d-print-flex{display:flex !important}.p-d-print-inline-flex{display:inline-flex !important}}.p-text-justify{text-align:justify !important}.p-text-left{text-align:left !important}.p-text-right{text-align:right !important}.p-text-center{text-align:center !important}.p-text-nowrap{white-space:nowrap !important}.p-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-text-lowercase{text-transform:lowercase !important}.p-text-uppercase{text-transform:uppercase !important}.p-text-capitalize{text-transform:capitalize !important}.p-text-bold{font-weight:700 !important}.p-text-normal{font-weight:400 !important}.p-text-light{font-weight:300 !important}.p-text-italic{font-style:italic !important}@media screen and (min-width: 576px){.p-text-sm-justify{text-align:justify !important}.p-text-sm-left{text-align:left !important}.p-text-sm-right{text-align:right !important}.p-text-sm-center{text-align:center !important}}@media screen and (min-width: 768px){.p-text-md-justify{text-align:justify !important}.p-text-md-left{text-align:left !important}.p-text-md-right{text-align:right !important}.p-text-md-center{text-align:center !important}}@media screen and (min-width: 992px){.p-text-lg-justify{text-align:justify !important}.p-text-lg-left{text-align:left !important}.p-text-lg-right{text-align:right !important}.p-text-lg-center{text-align:center !important}}@media screen and (min-width: 1200px){.p-text-xl-justify{text-align:justify !important}.p-text-xl-left{text-align:left !important}.p-text-xl-right{text-align:right !important}.p-text-xl-center{text-align:center !important}}.p-flex-row{flex-direction:row !important}.p-flex-row-reverse{flex-direction:row-reverse !important}.p-flex-column{flex-direction:column !important}.p-flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.p-flex-sm-row{flex-direction:row !important}.p-flex-sm-row-reverse{flex-direction:row-reverse !important}.p-flex-sm-column{flex-direction:column !important}.p-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.p-flex-md-row{flex-direction:row !important}.p-flex-md-row-reverse{flex-direction:row-reverse !important}.p-flex-md-column{flex-direction:column !important}.p-flex-md-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.p-flex-lg-row{flex-direction:row !important}.p-flex-lg-row-reverse{flex-direction:row-reverse !important}.p-flex-lg-column{flex-direction:column !important}.p-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.p-flex-xl-row{flex-direction:row !important}.p-flex-xl-row-reverse{flex-direction:row-reverse !important}.p-flex-xl-column{flex-direction:column !important}.p-flex-xl-column-reverse{flex-direction:column-reverse !important}}.p-jc-start{justify-content:flex-start}.p-jc-end{justify-content:flex-end}.p-jc-center{justify-content:center}.p-jc-between{justify-content:space-between}.p-jc-around{justify-content:space-around}.p-jc-evenly{justify-content:space-evenly}@media screen and (min-width: 576px){.p-jc-sm-start{justify-content:flex-start}.p-jc-sm-end{justify-content:flex-end}.p-jc-sm-center{justify-content:center}.p-jc-sm-between{justify-content:space-between}.p-jc-sm-around{justify-content:space-around}.p-jc-sm-evenly{justify-content:space-evenly}}@media screen and (min-width: 768px){.p-jc-md-start{justify-content:flex-start}.p-jc-md-end{justify-content:flex-end}.p-jc-md-center{justify-content:center}.p-jc-md-between{justify-content:space-between}.p-jc-md-around{justify-content:space-around}.p-jc-md-evenly{justify-content:space-evenly}}@media screen and (min-width: 992px){.p-jc-lg-start{justify-content:flex-start}.p-jc-lg-end{justify-content:flex-end}.p-jc-lg-center{justify-content:center}.p-jc-lg-between{justify-content:space-between}.p-jc-lg-around{justify-content:space-around}.p-jc-lg-evenly{justify-content:space-evenly}}@media screen and (min-width: 1200px){.p-jc-xl-start{justify-content:flex-start}.p-jc-xl-end{justify-content:flex-end}.p-jc-xl-center{justify-content:center}.p-jc-xl-between{justify-content:space-between}.p-jc-xl-around{justify-content:space-around}.p-jc-xl-evenly{justify-content:space-evenly}}.p-ai-start{align-items:flex-start}.p-ai-end{align-items:flex-end}.p-ai-center{align-items:center}.p-ai-baseline{align-items:baseline}.p-ai-stretch{align-items:stretch}@media screen and (min-width: 576px){.p-ai-sm-start{align-items:flex-start}.p-ai-sm-end{align-items:flex-end}.p-ai-sm-center{align-items:center}.p-ai-sm-baseline{align-items:baseline}.p-ai-sm-stretch{align-items:stretch}}@media screen and (min-width: 768px){.p-ai-md-start{align-items:flex-start}.p-ai-md-end{align-items:flex-end}.p-ai-md-center{align-items:center}.p-ai-md-baseline{align-items:baseline}.p-ai-md-stretch{align-items:stretch}}@media screen and (min-width: 992px){.p-ai-lg-start{align-items:flex-start}.p-ai-lg-end{align-items:flex-end}.p-ai-lg-center{align-items:center}.p-ai-lg-baseline{align-items:baseline}.p-ai-lg-stretch{align-items:stretch}}@media screen and (min-width: 1200px){.p-ai-xl-start{align-items:flex-start}.p-ai-xl-end{align-items:flex-end}.p-ai-xl-center{align-items:center}.p-ai-xl-baseline{align-items:baseline}.p-ai-xl-stretch{align-items:stretch}}.p-as-start{align-self:start}.p-as-end{align-self:flex-end}.p-as-center{align-self:center}.p-as-baseline{align-self:baseline}.p-as-stretch{align-self:stretch}@media screen and (min-width: 576px){.p-as-sm-start{align-self:start}.p-as-sm-end{align-self:flex-end}.p-as-sm-center{align-self:center}.p-as-sm-baseline{align-self:baseline}.p-as-sm-stretch{align-self:stretch}}@media screen and (min-width: 768px){.p-as-md-start{align-self:start}.p-as-md-end{align-self:flex-end}.p-as-md-center{align-self:center}.p-as-md-baseline{align-self:baseline}.p-as-md-stretch{align-self:stretch}}@media screen and (min-width: 992px){.p-as-lg-start{align-self:start}.p-as-lg-end{align-self:flex-end}.p-as-lg-center{align-self:center}.p-as-lg-baseline{align-self:baseline}.p-as-lg-stretch{align-self:stretch}}@media screen and (min-width: 1200px){.p-as-xl-start{align-self:start}.p-as-xl-end{align-self:flex-end}.p-as-xl-center{align-self:center}.p-as-xl-baseline{align-self:baseline}.p-as-xl-stretch{align-self:stretch}}.p-ac-start{align-content:flex-start}.p-ac-end{align-content:flex-end}.p-ac-center{align-content:center}.p-ac-around{align-content:space-around}.p-ac-stretch{align-content:stretch}.p-ac-between{align-content:space-between}@media screen and (min-width: 576px){.p-ac-sm-start{align-content:flex-start}.p-ac-sm-end{align-content:flex-end}.p-ac-sm-center{align-content:center}.p-ac-sm-around{align-content:space-around}.p-ac-sm-stretch{align-content:stretch}.p-ac-sm-between{align-content:space-between}}@media screen and (min-width: 768px){.p-ac-md-start{align-content:flex-start}.p-ac-md-end{align-content:flex-end}.p-ac-md-center{align-content:center}.p-ac-md-around{align-content:space-around}.p-ac-md-stretch{align-content:stretch}.p-ac-md-between{align-content:space-between}}@media screen and (min-width: 992px){.p-ac-lg-start{align-content:flex-start}.p-ac-lg-end{align-content:flex-end}.p-ac-lg-center{align-content:center}.p-ac-lg-around{align-content:space-around}.p-ac-lg-stretch{align-content:stretch}.p-ac-lg-between{align-content:space-between}}@media screen and (min-width: 1200px){.p-ac-xl-start{align-content:flex-start}.p-ac-xl-end{align-content:flex-end}.p-ac-xl-center{align-content:center}.p-ac-xl-around{align-content:space-around}.p-ac-xl-stretch{align-content:stretch}.p-ac-xl-between{align-content:space-between}}.p-order-0{order:0}.p-order-1{order:1}.p-order-2{order:2}.p-order-3{order:3}.p-order-4{order:4}.p-order-5{order:5}.p-order-6{order:6}@media screen and (min-width: 576px){.p-order-sm-0{order:0}.p-order-sm-1{order:1}.p-order-sm-2{order:2}.p-order-sm-3{order:3}.p-order-sm-4{order:4}.p-order-sm-5{order:5}.p-order-sm-6{order:6}}@media screen and (min-width: 768px){.p-order-md-0{order:0}.p-order-md-1{order:1}.p-order-md-2{order:2}.p-order-md-3{order:3}.p-order-md-4{order:4}.p-order-md-5{order:5}.p-order-md-6{order:6}}@media screen and (min-width: 992px){.p-order-lg-0{order:0}.p-order-lg-1{order:1}.p-order-lg-2{order:2}.p-order-lg-3{order:3}.p-order-lg-4{order:4}.p-order-lg-5{order:5}.p-order-lg-6{order:6}}@media screen and (min-width: 1200px){.p-order-xl-0{order:0}.p-order-xl-1{order:1}.p-order-xl-2{order:2}.p-order-xl-3{order:3}.p-order-xl-4{order:4}.p-order-xl-5{order:5}.p-order-xl-6{order:6}}.p-flex-nowrap{flex-wrap:nowrap}.p-flex-wrap{flex-wrap:wrap}.p-flex-wrap-reverse{flex-wrap:wrap-reverse}@media screen and (min-width: 576px){.p-flex-sm-nowrap{flex-wrap:nowrap}.p-flex-sm-wrap{flex-wrap:wrap}.p-flex-sm-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 768px){.p-flex-md-nowrap{flex-wrap:nowrap}.p-flex-md-wrap{flex-wrap:wrap}.p-flex-md-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 992px){.p-flex-lg-nowrap{flex-wrap:nowrap}.p-flex-lg-wrap{flex-wrap:wrap}.p-flex-lg-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 1200px){.p-flex-xl-nowrap{flex-wrap:nowrap}.p-flex-xl-wrap{flex-wrap:wrap}.p-flex-xl-wrap-reverse{flex-wrap:wrap-reverse}}.p-pt-0{padding-top:0 !important}.p-pt-1{padding-top:.25rem !important}.p-pt-2{padding-top:.5rem !important}.p-pt-3{padding-top:1rem !important}.p-pt-4{padding-top:1.5rem !important}.p-pt-5{padding-top:2rem !important}.p-pt-6{padding-top:3rem !important}.p-pr-0{padding-right:0 !important}.p-pr-1{padding-right:.25rem !important}.p-pr-2{padding-right:.5rem !important}.p-pr-3{padding-right:1rem !important}.p-pr-4{padding-right:1.5rem !important}.p-pr-5{padding-right:2rem !important}.p-pr-6{padding-right:3rem !important}.p-pl-0{padding-left:0 !important}.p-pl-1{padding-left:.25rem !important}.p-pl-2{padding-left:.5rem !important}.p-pl-3{padding-left:1rem !important}.p-pl-4{padding-left:1.5rem !important}.p-pl-5{padding-left:2rem !important}.p-pl-6{padding-left:3rem !important}.p-pb-0{padding-bottom:0 !important}.p-pb-1{padding-bottom:.25rem !important}.p-pb-2{padding-bottom:.5rem !important}.p-pb-3{padding-bottom:1rem !important}.p-pb-4{padding-bottom:1.5rem !important}.p-pb-5{padding-bottom:2rem !important}.p-pb-6{padding-bottom:3rem !important}.p-px-0{padding-left:0 !important;padding-right:0 !important}.p-px-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-0{padding:0 !important}.p-p-1{padding:.25rem !important}.p-p-2{padding:.5rem !important}.p-p-3{padding:1rem !important}.p-p-4{padding:1.5rem !important}.p-p-5{padding:2rem !important}.p-p-6{padding:3rem !important}@media screen and (min-width: 576px){.p-pt-sm-0{padding-top:0 !important}.p-pt-sm-1{padding-top:.25rem !important}.p-pt-sm-2{padding-top:.5rem !important}.p-pt-sm-3{padding-top:1rem !important}.p-pt-sm-4{padding-top:1.5rem !important}.p-pt-sm-5{padding-top:2rem !important}.p-pt-sm-6{padding-top:3rem !important}.p-pr-sm-0{padding-right:0 !important}.p-pr-sm-1{padding-right:.25rem !important}.p-pr-sm-2{padding-right:.5rem !important}.p-pr-sm-3{padding-right:1rem !important}.p-pr-sm-4{padding-right:1.5rem !important}.p-pr-sm-5{padding-right:2rem !important}.p-pr-sm-6{padding-right:3rem !important}.p-pl-sm-0{padding-left:0 !important}.p-pl-sm-1{padding-left:.25rem !important}.p-pl-sm-2{padding-left:.5rem !important}.p-pl-sm-3{padding-left:1rem !important}.p-pl-sm-4{padding-left:1.5rem !important}.p-pl-sm-5{padding-left:2rem !important}.p-pl-sm-6{padding-left:3rem !important}.p-pb-sm-0{padding-bottom:0 !important}.p-pb-sm-1{padding-bottom:.25rem !important}.p-pb-sm-2{padding-bottom:.5rem !important}.p-pb-sm-3{padding-bottom:1rem !important}.p-pb-sm-4{padding-bottom:1.5rem !important}.p-pb-sm-5{padding-bottom:2rem !important}.p-pb-sm-6{padding-bottom:3rem !important}.p-px-sm-0{padding-left:0 !important;padding-right:0 !important}.p-px-sm-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-sm-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-sm-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-sm-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-sm-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-sm-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-sm-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-sm-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-sm-0{padding:0 !important}.p-p-sm-1{padding:.25rem !important}.p-p-sm-2{padding:.5rem !important}.p-p-sm-3{padding:1rem !important}.p-p-sm-4{padding:1.5rem !important}.p-p-sm-5{padding:2rem !important}.p-p-sm-6{padding:3rem !important}}@media screen and (min-width: 768px){.p-pt-md-0{padding-top:0 !important}.p-pt-md-1{padding-top:.25rem !important}.p-pt-md-2{padding-top:.5rem !important}.p-pt-md-3{padding-top:1rem !important}.p-pt-md-4{padding-top:1.5rem !important}.p-pt-md-5{padding-top:2rem !important}.p-pt-md-6{padding-top:3rem !important}.p-pr-md-0{padding-right:0 !important}.p-pr-md-1{padding-right:.25rem !important}.p-pr-md-2{padding-right:.5rem !important}.p-pr-md-3{padding-right:1rem !important}.p-pr-md-4{padding-right:1.5rem !important}.p-pr-md-5{padding-right:2rem !important}.p-pr-md-6{padding-right:3rem !important}.p-pl-md-0{padding-left:0 !important}.p-pl-md-1{padding-left:.25rem !important}.p-pl-md-2{padding-left:.5rem !important}.p-pl-md-3{padding-left:1rem !important}.p-pl-md-4{padding-left:1.5rem !important}.p-pl-md-5{padding-left:2rem !important}.p-pl-md-6{padding-left:3rem !important}.p-pb-md-0{padding-bottom:0 !important}.p-pb-md-1{padding-bottom:.25rem !important}.p-pb-md-2{padding-bottom:.5rem !important}.p-pb-md-3{padding-bottom:1rem !important}.p-pb-md-4{padding-bottom:1.5rem !important}.p-pb-md-5{padding-bottom:2rem !important}.p-pb-md-6{padding-bottom:3rem !important}.p-px-md-0{padding-left:0 !important;padding-right:0 !important}.p-px-md-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-md-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-md-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-md-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-md-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-md-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-md-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-md-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-md-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-md-0{padding:0 !important}.p-p-md-1{padding:.25rem !important}.p-p-md-2{padding:.5rem !important}.p-p-md-3{padding:1rem !important}.p-p-md-4{padding:1.5rem !important}.p-p-md-5{padding:2rem !important}.p-p-md-6{padding:3rem !important}}@media screen and (min-width: 992px){.p-pt-lg-0{padding-top:0 !important}.p-pt-lg-1{padding-top:.25rem !important}.p-pt-lg-2{padding-top:.5rem !important}.p-pt-lg-3{padding-top:1rem !important}.p-pt-lg-4{padding-top:1.5rem !important}.p-pt-lg-5{padding-top:2rem !important}.p-pt-lg-6{padding-top:3rem !important}.p-pt-lg-auto{padding-top:3rem !important}.p-pr-lg-0{padding-right:0 !important}.p-pr-lg-1{padding-right:.25rem !important}.p-pr-lg-2{padding-right:.5rem !important}.p-pr-lg-3{padding-right:1rem !important}.p-pr-lg-4{padding-right:1.5rem !important}.p-pr-lg-5{padding-right:2rem !important}.p-pr-lg-6{padding-right:3rem !important}.p-pl-lg-0{padding-left:0 !important}.p-pl-lg-1{padding-left:.25rem !important}.p-pl-lg-2{padding-left:.5rem !important}.p-pl-lg-3{padding-left:1rem !important}.p-pl-lg-4{padding-left:1.5rem !important}.p-pl-lg-5{padding-left:2rem !important}.p-pl-lg-6{padding-left:3rem !important}.p-pb-lg-0{padding-bottom:0 !important}.p-pb-lg-1{padding-bottom:.25rem !important}.p-pb-lg-2{padding-bottom:.5rem !important}.p-pb-lg-3{padding-bottom:1rem !important}.p-pb-lg-4{padding-bottom:1.5rem !important}.p-pb-lg-5{padding-bottom:2rem !important}.p-pb-lg-6{padding-bottom:3rem !important}.p-px-lg-0{padding-left:0 !important;padding-right:0 !important}.p-px-lg-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-lg-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-lg-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-lg-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-lg-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-lg-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-lg-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-lg-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-lg-0{padding:0 !important}.p-p-lg-1{padding:.25rem !important}.p-p-lg-2{padding:.5rem !important}.p-p-lg-3{padding:1rem !important}.p-p-lg-4{padding:1.5rem !important}.p-p-lg-5{padding:2rem !important}.p-p-lg-6{padding:3rem !important}}@media screen and (min-width: 1200px){.p-pt-xl-0{padding-top:0 !important}.p-pt-xl-1{padding-top:.25rem !important}.p-pt-xl-2{padding-top:.5rem !important}.p-pt-xl-3{padding-top:1rem !important}.p-pt-xl-4{padding-top:1.5rem !important}.p-pt-xl-5{padding-top:2rem !important}.p-pt-xl-6{padding-top:3rem !important}.p-pr-xl-0{padding-right:0 !important}.p-pr-xl-1{padding-right:.25rem !important}.p-pr-xl-2{padding-right:.5rem !important}.p-pr-xl-3{padding-right:1rem !important}.p-pr-xl-4{padding-right:1.5rem !important}.p-pr-xl-5{padding-right:2rem !important}.p-pr-xl-6{padding-right:3rem !important}.p-pl-xl-0{padding-left:0 !important}.p-pl-xl-1{padding-left:.25rem !important}.p-pl-xl-2{padding-left:.5rem !important}.p-pl-xl-3{padding-left:1rem !important}.p-pl-xl-4{padding-left:1.5rem !important}.p-pl-xl-5{padding-left:2rem !important}.p-pl-xl-6{padding-left:3rem !important}.p-pb-xl-0{padding-bottom:0 !important}.p-pb-xl-1{padding-bottom:.25rem !important}.p-pb-xl-2{padding-bottom:.5rem !important}.p-pb-xl-3{padding-bottom:1rem !important}.p-pb-xl-4{padding-bottom:1.5rem !important}.p-pb-xl-5{padding-bottom:2rem !important}.p-pb-xl-6{padding-bottom:3rem !important}.p-px-xl-0{padding-left:0 !important;padding-right:0 !important}.p-px-xl-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-xl-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-xl-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-xl-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-xl-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-xl-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-xl-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-xl-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-xl-0{padding:0 !important}.p-p-xl-1{padding:.25rem !important}.p-p-xl-2{padding:.5rem !important}.p-p-xl-3{padding:1rem !important}.p-p-xl-4{padding:1.5rem !important}.p-p-xl-5{padding:2rem !important}.p-p-xl-6{padding:3rem !important}}.p-mt-0{margin-top:0 !important}.p-mt-1{margin-top:.25rem !important}.p-mt-2{margin-top:.5rem !important}.p-mt-3{margin-top:1rem !important}.p-mt-4{margin-top:1.5rem !important}.p-mt-5{margin-top:2rem !important}.p-mt-6{margin-top:3rem !important}.p-mt-auto{margin-top:auto !important}.p-mr-0{margin-right:0 !important}.p-mr-1{margin-right:.25rem !important}.p-mr-2{margin-right:.5rem !important}.p-mr-3{margin-right:1rem !important}.p-mr-4{margin-right:1.5rem !important}.p-mr-5{margin-right:2rem !important}.p-mr-6{margin-right:3rem !important}.p-mr-auto{margin-right:auto !important}.p-ml-0{margin-left:0 !important}.p-ml-1{margin-left:.25rem !important}.p-ml-2{margin-left:.5rem !important}.p-ml-3{margin-left:1rem !important}.p-ml-4{margin-left:1.5rem !important}.p-ml-5{margin-left:2rem !important}.p-ml-6{margin-left:3rem !important}.p-ml-auto{margin-left:auto !important}.p-mb-0{margin-bottom:0 !important}.p-mb-1{margin-bottom:.25rem !important}.p-mb-2{margin-bottom:.5rem !important}.p-mb-3{margin-bottom:1rem !important}.p-mb-4{margin-bottom:1.5rem !important}.p-mb-5{margin-bottom:2rem !important}.p-mb-6{margin-bottom:3rem !important}.p-mb-auto{margin-bottom:auto !important}.p-mx-0{margin-left:0 !important;margin-right:0 !important}.p-mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-auto{margin-left:auto !important;margin-right:auto !important}.p-my-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-0{margin:0 !important}.p-m-1{margin:.25rem !important}.p-m-2{margin:.5rem !important}.p-m-3{margin:1rem !important}.p-m-4{margin:1.5rem !important}.p-m-5{margin:2rem !important}.p-m-6{margin:3rem !important}.p-m-auto{margin:auto !important}@media screen and (min-width: 576px){.p-mt-sm-0{margin-top:0 !important}.p-mt-sm-1{margin-top:.25rem !important}.p-mt-sm-2{margin-top:.5rem !important}.p-mt-sm-3{margin-top:1rem !important}.p-mt-sm-4{margin-top:1.5rem !important}.p-mt-sm-5{margin-top:2rem !important}.p-mt-sm-6{margin-top:3rem !important}.p-mt-sm-auto{margin-top:3rem !important}.p-mr-sm-0{margin-right:0 !important}.p-mr-sm-1{margin-right:.25rem !important}.p-mr-sm-2{margin-right:.5rem !important}.p-mr-sm-3{margin-right:1rem !important}.p-mr-sm-4{margin-right:1.5rem !important}.p-mr-sm-5{margin-right:2rem !important}.p-mr-sm-6{margin-right:3rem !important}.p-mr-sm-auto{margin-right:auto !important}.p-ml-sm-0{margin-left:0 !important}.p-ml-sm-1{margin-left:.25rem !important}.p-ml-sm-2{margin-left:.5rem !important}.p-ml-sm-3{margin-left:1rem !important}.p-ml-sm-4{margin-left:1.5rem !important}.p-ml-sm-5{margin-left:2rem !important}.p-ml-sm-6{margin-left:3rem !important}.p-ml-sm-auto{margin-left:auto !important}.p-mb-sm-0{margin-bottom:0 !important}.p-mb-sm-1{margin-bottom:.25rem !important}.p-mb-sm-2{margin-bottom:.5rem !important}.p-mb-sm-3{margin-bottom:1rem !important}.p-mb-sm-4{margin-bottom:1.5rem !important}.p-mb-sm-5{margin-bottom:2rem !important}.p-mb-sm-6{margin-bottom:3rem !important}.p-mb-sm-auto{margin-bottom:auto !important}.p-mx-sm-0{margin-left:0 !important;margin-right:0 !important}.p-mx-sm-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-sm-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-sm-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-sm-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-sm-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-sm-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-sm-auto{margin-left:auto !important;margin-right:auto !important}.p-my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-sm-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-sm-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-sm-0{margin:0 !important}.p-m-sm-1{margin:.25rem !important}.p-m-sm-2{margin:.5rem !important}.p-m-sm-3{margin:1rem !important}.p-m-sm-4{margin:1.5rem !important}.p-m-sm-5{margin:2rem !important}.p-m-sm-6{margin:3rem !important}.p-m-sm-auto{margin:auto !important}}@media screen and (min-width: 768px){.p-mt-md-0{margin-top:0 !important}.p-mt-md-1{margin-top:.25rem !important}.p-mt-md-2{margin-top:.5rem !important}.p-mt-md-3{margin-top:1rem !important}.p-mt-md-4{margin-top:1.5rem !important}.p-mt-md-5{margin-top:2rem !important}.p-mt-md-6{margin-top:3rem !important}.p-mt-md-auto{margin-top:3rem !important}.p-mr-md-0{margin-right:0 !important}.p-mr-md-1{margin-right:.25rem !important}.p-mr-md-2{margin-right:.5rem !important}.p-mr-md-3{margin-right:1rem !important}.p-mr-md-4{margin-right:1.5rem !important}.p-mr-md-5{margin-right:2rem !important}.p-mr-md-6{margin-right:3rem !important}.p-mr-md-auto{margin-right:auto !important}.p-ml-md-0{margin-left:0 !important}.p-ml-md-1{margin-left:.25rem !important}.p-ml-md-2{margin-left:.5rem !important}.p-ml-md-3{margin-left:1rem !important}.p-ml-md-4{margin-left:1.5rem !important}.p-ml-md-5{margin-left:2rem !important}.p-ml-md-6{margin-left:3rem !important}.p-ml-md-auto{margin-left:auto !important}.p-mb-md-0{margin-bottom:0 !important}.p-mb-md-1{margin-bottom:.25rem !important}.p-mb-md-2{margin-bottom:.5rem !important}.p-mb-md-3{margin-bottom:1rem !important}.p-mb-md-4{margin-bottom:1.5rem !important}.p-mb-md-5{margin-bottom:2rem !important}.p-mb-md-6{margin-bottom:3rem !important}.p-mb-md-auto{margin-bottom:auto !important}.p-mx-md-0{margin-left:0 !important;margin-right:0 !important}.p-mx-md-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-md-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-md-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-md-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-md-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-md-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-md-auto{margin-left:auto !important;margin-right:auto !important}.p-my-md-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-md-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-md-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-md-0{margin:0 !important}.p-m-md-1{margin:.25rem !important}.p-m-md-2{margin:.5rem !important}.p-m-md-3{margin:1rem !important}.p-m-md-4{margin:1.5rem !important}.p-m-md-5{margin:2rem !important}.p-m-md-6{margin:3rem !important}.p-m-md-auto{margin:auto !important}}@media screen and (min-width: 992px){.p-mt-lg-0{margin-top:0 !important}.p-mt-lg-1{margin-top:.25rem !important}.p-mt-lg-2{margin-top:.5rem !important}.p-mt-lg-3{margin-top:1rem !important}.p-mt-lg-4{margin-top:1.5rem !important}.p-mt-lg-5{margin-top:2rem !important}.p-mt-lg-6{margin-top:3rem !important}.p-mt-lg-auto{margin-top:3rem !important}.p-mr-lg-0{margin-right:0 !important}.p-mr-lg-1{margin-right:.25rem !important}.p-mr-lg-2{margin-right:.5rem !important}.p-mr-lg-3{margin-right:1rem !important}.p-mr-lg-4{margin-right:1.5rem !important}.p-mr-lg-5{margin-right:2rem !important}.p-mr-lg-6{margin-right:3rem !important}.p-mr-lg-auto{margin-right:auto !important}.p-ml-lg-0{margin-left:0 !important}.p-ml-lg-1{margin-left:.25rem !important}.p-ml-lg-2{margin-left:.5rem !important}.p-ml-lg-3{margin-left:1rem !important}.p-ml-lg-4{margin-left:1.5rem !important}.p-ml-lg-5{margin-left:2rem !important}.p-ml-lg-6{margin-left:3rem !important}.p-ml-lg-auto{margin-left:auto !important}.p-mb-lg-0{margin-bottom:0 !important}.p-mb-lg-1{margin-bottom:.25rem !important}.p-mb-lg-2{margin-bottom:.5rem !important}.p-mb-lg-3{margin-bottom:1rem !important}.p-mb-lg-4{margin-bottom:1.5rem !important}.p-mb-lg-5{margin-bottom:2rem !important}.p-mb-lg-6{margin-bottom:3rem !important}.p-mb-lg-auto{margin-bottom:auto !important}.p-mx-lg-0{margin-left:0 !important;margin-right:0 !important}.p-mx-lg-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-lg-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-lg-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-lg-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-lg-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-lg-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-lg-auto{margin-left:auto !important;margin-right:auto !important}.p-my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-lg-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-lg-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-lg-0{margin:0 !important}.p-m-lg-1{margin:.25rem !important}.p-m-lg-2{margin:.5rem !important}.p-m-lg-3{margin:1rem !important}.p-m-lg-4{margin:1.5rem !important}.p-m-lg-5{margin:2rem !important}.p-m-lg-6{margin:3rem !important}.p-m-lg-auto{margin:auto !important}}@media screen and (min-width: 1200px){.p-mt-xl-0{margin-top:0 !important}.p-mt-xl-1{margin-top:.25rem !important}.p-mt-xl-2{margin-top:.5rem !important}.p-mt-xl-3{margin-top:1rem !important}.p-mt-xl-4{margin-top:1.5rem !important}.p-mt-xl-5{margin-top:2rem !important}.p-mt-xl-6{margin-top:3rem !important}.p-mt-xl-auto{margin-top:3rem !important}.p-mr-xl-0{margin-right:0 !important}.p-mr-xl-1{margin-right:.25rem !important}.p-mr-xl-2{margin-right:.5rem !important}.p-mr-xl-3{margin-right:1rem !important}.p-mr-xl-4{margin-right:1.5rem !important}.p-mr-xl-5{margin-right:2rem !important}.p-mr-xl-6{margin-right:3rem !important}.p-mr-xl-auto{margin-right:auto !important}.p-ml-xl-0{margin-left:0 !important}.p-ml-xl-1{margin-left:.25rem !important}.p-ml-xl-2{margin-left:.5rem !important}.p-ml-xl-3{margin-left:1rem !important}.p-ml-xl-4{margin-left:1.5rem !important}.p-ml-xl-5{margin-left:2rem !important}.p-ml-xl-6{margin-left:3rem !important}.p-ml-xl-auto{margin-left:auto !important}.p-mb-xl-0{margin-bottom:0 !important}.p-mb-xl-1{margin-bottom:.25rem !important}.p-mb-xl-2{margin-bottom:.5rem !important}.p-mb-xl-3{margin-bottom:1rem !important}.p-mb-xl-4{margin-bottom:1.5rem !important}.p-mb-xl-5{margin-bottom:2rem !important}.p-mb-xl-6{margin-bottom:3rem !important}.p-mb-xl-auto{margin-bottom:auto !important}.p-mx-xl-0{margin-left:0 !important;margin-right:0 !important}.p-mx-xl-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-xl-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-xl-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-xl-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-xl-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-xl-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-xl-auto{margin-left:auto !important;margin-right:auto !important}.p-my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-xl-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-xl-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-xl-0{margin:0 !important}.p-m-xl-1{margin:.25rem !important}.p-m-xl-2{margin:.5rem !important}.p-m-xl-3{margin:1rem !important}.p-m-xl-4{margin:1.5rem !important}.p-m-xl-5{margin:2rem !important}.p-m-xl-6{margin:3rem !important}.p-m-xl-auto{margin:auto !important}}.p-shadow-1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.p-shadow-2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.p-shadow-3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.p-shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.p-shadow-5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.p-shadow-6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.p-shadow-7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.p-shadow-8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.p-shadow-9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.p-shadow-10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.p-shadow-11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.p-shadow-12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.p-shadow-13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.p-shadow-14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.p-shadow-15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.p-shadow-16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.p-shadow-17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.p-shadow-18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.p-shadow-19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.p-shadow-20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.p-shadow-21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.p-shadow-22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.p-shadow-23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.p-shadow-24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)} \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css @@ -0,0 +1 @@ +.grid{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem;margin-top:-0.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width: 576px){.sm\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 768px){.md\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\:col-fixed{flex:0 0 auto;padding:.5rem}.md\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 992px){.lg\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0 !important}.col-offset-1{margin-left:8.3333% !important}.col-offset-2{margin-left:16.6667% !important}.col-offset-3{margin-left:25% !important}.col-offset-4{margin-left:33.3333% !important}.col-offset-5{margin-left:41.6667% !important}.col-offset-6{margin-left:50% !important}.col-offset-7{margin-left:58.3333% !important}.col-offset-8{margin-left:66.6667% !important}.col-offset-9{margin-left:75% !important}.col-offset-10{margin-left:83.3333% !important}.col-offset-11{margin-left:91.6667% !important}.col-offset-12{margin-left:100% !important}@media screen and (min-width: 576px){.sm\:col-offset-0{margin-left:0 !important}.sm\:col-offset-1{margin-left:8.3333% !important}.sm\:col-offset-2{margin-left:16.6667% !important}.sm\:col-offset-3{margin-left:25% !important}.sm\:col-offset-4{margin-left:33.3333% !important}.sm\:col-offset-5{margin-left:41.6667% !important}.sm\:col-offset-6{margin-left:50% !important}.sm\:col-offset-7{margin-left:58.3333% !important}.sm\:col-offset-8{margin-left:66.6667% !important}.sm\:col-offset-9{margin-left:75% !important}.sm\:col-offset-10{margin-left:83.3333% !important}.sm\:col-offset-11{margin-left:91.6667% !important}.sm\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 768px){.md\:col-offset-0{margin-left:0 !important}.md\:col-offset-1{margin-left:8.3333% !important}.md\:col-offset-2{margin-left:16.6667% !important}.md\:col-offset-3{margin-left:25% !important}.md\:col-offset-4{margin-left:33.3333% !important}.md\:col-offset-5{margin-left:41.6667% !important}.md\:col-offset-6{margin-left:50% !important}.md\:col-offset-7{margin-left:58.3333% !important}.md\:col-offset-8{margin-left:66.6667% !important}.md\:col-offset-9{margin-left:75% !important}.md\:col-offset-10{margin-left:83.3333% !important}.md\:col-offset-11{margin-left:91.6667% !important}.md\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 992px){.lg\:col-offset-0{margin-left:0 !important}.lg\:col-offset-1{margin-left:8.3333% !important}.lg\:col-offset-2{margin-left:16.6667% !important}.lg\:col-offset-3{margin-left:25% !important}.lg\:col-offset-4{margin-left:33.3333% !important}.lg\:col-offset-5{margin-left:41.6667% !important}.lg\:col-offset-6{margin-left:50% !important}.lg\:col-offset-7{margin-left:58.3333% !important}.lg\:col-offset-8{margin-left:66.6667% !important}.lg\:col-offset-9{margin-left:75% !important}.lg\:col-offset-10{margin-left:83.3333% !important}.lg\:col-offset-11{margin-left:91.6667% !important}.lg\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 1200px){.xl\:col-offset-0{margin-left:0 !important}.xl\:col-offset-1{margin-left:8.3333% !important}.xl\:col-offset-2{margin-left:16.6667% !important}.xl\:col-offset-3{margin-left:25% !important}.xl\:col-offset-4{margin-left:33.3333% !important}.xl\:col-offset-5{margin-left:41.6667% !important}.xl\:col-offset-6{margin-left:50% !important}.xl\:col-offset-7{margin-left:58.3333% !important}.xl\:col-offset-8{margin-left:66.6667% !important}.xl\:col-offset-9{margin-left:75% !important}.xl\:col-offset-10{margin-left:83.3333% !important}.xl\:col-offset-11{margin-left:91.6667% !important}.xl\:col-offset-12{margin-left:100% !important}}.text-0{color:var(--surface-0) !important}.text-50{color:var(--surface-50) !important}.text-100{color:var(--surface-100) !important}.text-200{color:var(--surface-200) !important}.text-300{color:var(--surface-300) !important}.text-400{color:var(--surface-400) !important}.text-500{color:var(--surface-500) !important}.text-600{color:var(--surface-600) !important}.text-700{color:var(--surface-700) !important}.text-800{color:var(--surface-800) !important}.text-900{color:var(--surface-900) !important}.focus\:text-0:focus{color:var(--surface-0) !important}.hover\:text-0:hover{color:var(--surface-0) !important}.active\:text-0:active{color:var(--surface-0) !important}.focus\:text-50:focus{color:var(--surface-50) !important}.hover\:text-50:hover{color:var(--surface-50) !important}.active\:text-50:active{color:var(--surface-50) !important}.focus\:text-100:focus{color:var(--surface-100) !important}.hover\:text-100:hover{color:var(--surface-100) !important}.active\:text-100:active{color:var(--surface-100) !important}.focus\:text-200:focus{color:var(--surface-200) !important}.hover\:text-200:hover{color:var(--surface-200) !important}.active\:text-200:active{color:var(--surface-200) !important}.focus\:text-300:focus{color:var(--surface-300) !important}.hover\:text-300:hover{color:var(--surface-300) !important}.active\:text-300:active{color:var(--surface-300) !important}.focus\:text-400:focus{color:var(--surface-400) !important}.hover\:text-400:hover{color:var(--surface-400) !important}.active\:text-400:active{color:var(--surface-400) !important}.focus\:text-500:focus{color:var(--surface-500) !important}.hover\:text-500:hover{color:var(--surface-500) !important}.active\:text-500:active{color:var(--surface-500) !important}.focus\:text-600:focus{color:var(--surface-600) !important}.hover\:text-600:hover{color:var(--surface-600) !important}.active\:text-600:active{color:var(--surface-600) !important}.focus\:text-700:focus{color:var(--surface-700) !important}.hover\:text-700:hover{color:var(--surface-700) !important}.active\:text-700:active{color:var(--surface-700) !important}.focus\:text-800:focus{color:var(--surface-800) !important}.hover\:text-800:hover{color:var(--surface-800) !important}.active\:text-800:active{color:var(--surface-800) !important}.focus\:text-900:focus{color:var(--surface-900) !important}.hover\:text-900:hover{color:var(--surface-900) !important}.active\:text-900:active{color:var(--surface-900) !important}.surface-0{background-color:var(--surface-0) !important}.surface-50{background-color:var(--surface-50) !important}.surface-100{background-color:var(--surface-100) !important}.surface-200{background-color:var(--surface-200) !important}.surface-300{background-color:var(--surface-300) !important}.surface-400{background-color:var(--surface-400) !important}.surface-500{background-color:var(--surface-500) !important}.surface-600{background-color:var(--surface-600) !important}.surface-700{background-color:var(--surface-700) !important}.surface-800{background-color:var(--surface-800) !important}.surface-900{background-color:var(--surface-900) !important}.focus\:surface-0:focus{background-color:var(--surface-0) !important}.hover\:surface-0:hover{background-color:var(--surface-0) !important}.active\:surface-0:active{background-color:var(--surface-0) !important}.focus\:surface-50:focus{background-color:var(--surface-50) !important}.hover\:surface-50:hover{background-color:var(--surface-50) !important}.active\:surface-50:active{background-color:var(--surface-50) !important}.focus\:surface-100:focus{background-color:var(--surface-100) !important}.hover\:surface-100:hover{background-color:var(--surface-100) !important}.active\:surface-100:active{background-color:var(--surface-100) !important}.focus\:surface-200:focus{background-color:var(--surface-200) !important}.hover\:surface-200:hover{background-color:var(--surface-200) !important}.active\:surface-200:active{background-color:var(--surface-200) !important}.focus\:surface-300:focus{background-color:var(--surface-300) !important}.hover\:surface-300:hover{background-color:var(--surface-300) !important}.active\:surface-300:active{background-color:var(--surface-300) !important}.focus\:surface-400:focus{background-color:var(--surface-400) !important}.hover\:surface-400:hover{background-color:var(--surface-400) !important}.active\:surface-400:active{background-color:var(--surface-400) !important}.focus\:surface-500:focus{background-color:var(--surface-500) !important}.hover\:surface-500:hover{background-color:var(--surface-500) !important}.active\:surface-500:active{background-color:var(--surface-500) !important}.focus\:surface-600:focus{background-color:var(--surface-600) !important}.hover\:surface-600:hover{background-color:var(--surface-600) !important}.active\:surface-600:active{background-color:var(--surface-600) !important}.focus\:surface-700:focus{background-color:var(--surface-700) !important}.hover\:surface-700:hover{background-color:var(--surface-700) !important}.active\:surface-700:active{background-color:var(--surface-700) !important}.focus\:surface-800:focus{background-color:var(--surface-800) !important}.hover\:surface-800:hover{background-color:var(--surface-800) !important}.active\:surface-800:active{background-color:var(--surface-800) !important}.focus\:surface-900:focus{background-color:var(--surface-900) !important}.hover\:surface-900:hover{background-color:var(--surface-900) !important}.active\:surface-900:active{background-color:var(--surface-900) !important}.border-0{border-color:var(--surface-0) !important}.border-50{border-color:var(--surface-50) !important}.border-100{border-color:var(--surface-100) !important}.border-200{border-color:var(--surface-200) !important}.border-300{border-color:var(--surface-300) !important}.border-400{border-color:var(--surface-400) !important}.border-500{border-color:var(--surface-500) !important}.border-600{border-color:var(--surface-600) !important}.border-700{border-color:var(--surface-700) !important}.border-800{border-color:var(--surface-800) !important}.border-900{border-color:var(--surface-900) !important}.focus\:border-0:focus{border-color:var(--surface-0) !important}.hover\:border-0:hover{border-color:var(--surface-0) !important}.active\:border-0:active{border-color:var(--surface-0) !important}.focus\:border-50:focus{border-color:var(--surface-50) !important}.hover\:border-50:hover{border-color:var(--surface-50) !important}.active\:border-50:active{border-color:var(--surface-50) !important}.focus\:border-100:focus{border-color:var(--surface-100) !important}.hover\:border-100:hover{border-color:var(--surface-100) !important}.active\:border-100:active{border-color:var(--surface-100) !important}.focus\:border-200:focus{border-color:var(--surface-200) !important}.hover\:border-200:hover{border-color:var(--surface-200) !important}.active\:border-200:active{border-color:var(--surface-200) !important}.focus\:border-300:focus{border-color:var(--surface-300) !important}.hover\:border-300:hover{border-color:var(--surface-300) !important}.active\:border-300:active{border-color:var(--surface-300) !important}.focus\:border-400:focus{border-color:var(--surface-400) !important}.hover\:border-400:hover{border-color:var(--surface-400) !important}.active\:border-400:active{border-color:var(--surface-400) !important}.focus\:border-500:focus{border-color:var(--surface-500) !important}.hover\:border-500:hover{border-color:var(--surface-500) !important}.active\:border-500:active{border-color:var(--surface-500) !important}.focus\:border-600:focus{border-color:var(--surface-600) !important}.hover\:border-600:hover{border-color:var(--surface-600) !important}.active\:border-600:active{border-color:var(--surface-600) !important}.focus\:border-700:focus{border-color:var(--surface-700) !important}.hover\:border-700:hover{border-color:var(--surface-700) !important}.active\:border-700:active{border-color:var(--surface-700) !important}.focus\:border-800:focus{border-color:var(--surface-800) !important}.hover\:border-800:hover{border-color:var(--surface-800) !important}.active\:border-800:active{border-color:var(--surface-800) !important}.focus\:border-900:focus{border-color:var(--surface-900) !important}.hover\:border-900:hover{border-color:var(--surface-900) !important}.active\:border-900:active{border-color:var(--surface-900) !important}.bg-transparent{background-color:transparent !important}@media screen and (min-width: 576px){.sm\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 768px){.md\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 992px){.lg\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:bg-transparent{background-color:transparent !important}}.border-transparent{border-color:transparent !important}@media screen and (min-width: 576px){.sm\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 768px){.md\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 992px){.lg\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:border-transparent{border-color:transparent !important}}.text-blue-50{color:var(--blue-50) !important}.text-blue-100{color:var(--blue-100) !important}.text-blue-200{color:var(--blue-200) !important}.text-blue-300{color:var(--blue-300) !important}.text-blue-400{color:var(--blue-400) !important}.text-blue-500{color:var(--blue-500) !important}.text-blue-600{color:var(--blue-600) !important}.text-blue-700{color:var(--blue-700) !important}.text-blue-800{color:var(--blue-800) !important}.text-blue-900{color:var(--blue-900) !important}.focus\:text-blue-50:focus{color:var(--blue-50) !important}.focus\:text-blue-100:focus{color:var(--blue-100) !important}.focus\:text-blue-200:focus{color:var(--blue-200) !important}.focus\:text-blue-300:focus{color:var(--blue-300) !important}.focus\:text-blue-400:focus{color:var(--blue-400) !important}.focus\:text-blue-500:focus{color:var(--blue-500) !important}.focus\:text-blue-600:focus{color:var(--blue-600) !important}.focus\:text-blue-700:focus{color:var(--blue-700) !important}.focus\:text-blue-800:focus{color:var(--blue-800) !important}.focus\:text-blue-900:focus{color:var(--blue-900) !important}.hover\:text-blue-50:hover{color:var(--blue-50) !important}.hover\:text-blue-100:hover{color:var(--blue-100) !important}.hover\:text-blue-200:hover{color:var(--blue-200) !important}.hover\:text-blue-300:hover{color:var(--blue-300) !important}.hover\:text-blue-400:hover{color:var(--blue-400) !important}.hover\:text-blue-500:hover{color:var(--blue-500) !important}.hover\:text-blue-600:hover{color:var(--blue-600) !important}.hover\:text-blue-700:hover{color:var(--blue-700) !important}.hover\:text-blue-800:hover{color:var(--blue-800) !important}.hover\:text-blue-900:hover{color:var(--blue-900) !important}.active\:text-blue-50:active{color:var(--blue-50) !important}.active\:text-blue-100:active{color:var(--blue-100) !important}.active\:text-blue-200:active{color:var(--blue-200) !important}.active\:text-blue-300:active{color:var(--blue-300) !important}.active\:text-blue-400:active{color:var(--blue-400) !important}.active\:text-blue-500:active{color:var(--blue-500) !important}.active\:text-blue-600:active{color:var(--blue-600) !important}.active\:text-blue-700:active{color:var(--blue-700) !important}.active\:text-blue-800:active{color:var(--blue-800) !important}.active\:text-blue-900:active{color:var(--blue-900) !important}.text-green-50{color:var(--green-50) !important}.text-green-100{color:var(--green-100) !important}.text-green-200{color:var(--green-200) !important}.text-green-300{color:var(--green-300) !important}.text-green-400{color:var(--green-400) !important}.text-green-500{color:var(--green-500) !important}.text-green-600{color:var(--green-600) !important}.text-green-700{color:var(--green-700) !important}.text-green-800{color:var(--green-800) !important}.text-green-900{color:var(--green-900) !important}.focus\:text-green-50:focus{color:var(--green-50) !important}.focus\:text-green-100:focus{color:var(--green-100) !important}.focus\:text-green-200:focus{color:var(--green-200) !important}.focus\:text-green-300:focus{color:var(--green-300) !important}.focus\:text-green-400:focus{color:var(--green-400) !important}.focus\:text-green-500:focus{color:var(--green-500) !important}.focus\:text-green-600:focus{color:var(--green-600) !important}.focus\:text-green-700:focus{color:var(--green-700) !important}.focus\:text-green-800:focus{color:var(--green-800) !important}.focus\:text-green-900:focus{color:var(--green-900) !important}.hover\:text-green-50:hover{color:var(--green-50) !important}.hover\:text-green-100:hover{color:var(--green-100) !important}.hover\:text-green-200:hover{color:var(--green-200) !important}.hover\:text-green-300:hover{color:var(--green-300) !important}.hover\:text-green-400:hover{color:var(--green-400) !important}.hover\:text-green-500:hover{color:var(--green-500) !important}.hover\:text-green-600:hover{color:var(--green-600) !important}.hover\:text-green-700:hover{color:var(--green-700) !important}.hover\:text-green-800:hover{color:var(--green-800) !important}.hover\:text-green-900:hover{color:var(--green-900) !important}.active\:text-green-50:active{color:var(--green-50) !important}.active\:text-green-100:active{color:var(--green-100) !important}.active\:text-green-200:active{color:var(--green-200) !important}.active\:text-green-300:active{color:var(--green-300) !important}.active\:text-green-400:active{color:var(--green-400) !important}.active\:text-green-500:active{color:var(--green-500) !important}.active\:text-green-600:active{color:var(--green-600) !important}.active\:text-green-700:active{color:var(--green-700) !important}.active\:text-green-800:active{color:var(--green-800) !important}.active\:text-green-900:active{color:var(--green-900) !important}.text-yellow-50{color:var(--yellow-50) !important}.text-yellow-100{color:var(--yellow-100) !important}.text-yellow-200{color:var(--yellow-200) !important}.text-yellow-300{color:var(--yellow-300) !important}.text-yellow-400{color:var(--yellow-400) !important}.text-yellow-500{color:var(--yellow-500) !important}.text-yellow-600{color:var(--yellow-600) !important}.text-yellow-700{color:var(--yellow-700) !important}.text-yellow-800{color:var(--yellow-800) !important}.text-yellow-900{color:var(--yellow-900) !important}.focus\:text-yellow-50:focus{color:var(--yellow-50) !important}.focus\:text-yellow-100:focus{color:var(--yellow-100) !important}.focus\:text-yellow-200:focus{color:var(--yellow-200) !important}.focus\:text-yellow-300:focus{color:var(--yellow-300) !important}.focus\:text-yellow-400:focus{color:var(--yellow-400) !important}.focus\:text-yellow-500:focus{color:var(--yellow-500) !important}.focus\:text-yellow-600:focus{color:var(--yellow-600) !important}.focus\:text-yellow-700:focus{color:var(--yellow-700) !important}.focus\:text-yellow-800:focus{color:var(--yellow-800) !important}.focus\:text-yellow-900:focus{color:var(--yellow-900) !important}.hover\:text-yellow-50:hover{color:var(--yellow-50) !important}.hover\:text-yellow-100:hover{color:var(--yellow-100) !important}.hover\:text-yellow-200:hover{color:var(--yellow-200) !important}.hover\:text-yellow-300:hover{color:var(--yellow-300) !important}.hover\:text-yellow-400:hover{color:var(--yellow-400) !important}.hover\:text-yellow-500:hover{color:var(--yellow-500) !important}.hover\:text-yellow-600:hover{color:var(--yellow-600) !important}.hover\:text-yellow-700:hover{color:var(--yellow-700) !important}.hover\:text-yellow-800:hover{color:var(--yellow-800) !important}.hover\:text-yellow-900:hover{color:var(--yellow-900) !important}.active\:text-yellow-50:active{color:var(--yellow-50) !important}.active\:text-yellow-100:active{color:var(--yellow-100) !important}.active\:text-yellow-200:active{color:var(--yellow-200) !important}.active\:text-yellow-300:active{color:var(--yellow-300) !important}.active\:text-yellow-400:active{color:var(--yellow-400) !important}.active\:text-yellow-500:active{color:var(--yellow-500) !important}.active\:text-yellow-600:active{color:var(--yellow-600) !important}.active\:text-yellow-700:active{color:var(--yellow-700) !important}.active\:text-yellow-800:active{color:var(--yellow-800) !important}.active\:text-yellow-900:active{color:var(--yellow-900) !important}.text-cyan-50{color:var(--cyan-50) !important}.text-cyan-100{color:var(--cyan-100) !important}.text-cyan-200{color:var(--cyan-200) !important}.text-cyan-300{color:var(--cyan-300) !important}.text-cyan-400{color:var(--cyan-400) !important}.text-cyan-500{color:var(--cyan-500) !important}.text-cyan-600{color:var(--cyan-600) !important}.text-cyan-700{color:var(--cyan-700) !important}.text-cyan-800{color:var(--cyan-800) !important}.text-cyan-900{color:var(--cyan-900) !important}.focus\:text-cyan-50:focus{color:var(--cyan-50) !important}.focus\:text-cyan-100:focus{color:var(--cyan-100) !important}.focus\:text-cyan-200:focus{color:var(--cyan-200) !important}.focus\:text-cyan-300:focus{color:var(--cyan-300) !important}.focus\:text-cyan-400:focus{color:var(--cyan-400) !important}.focus\:text-cyan-500:focus{color:var(--cyan-500) !important}.focus\:text-cyan-600:focus{color:var(--cyan-600) !important}.focus\:text-cyan-700:focus{color:var(--cyan-700) !important}.focus\:text-cyan-800:focus{color:var(--cyan-800) !important}.focus\:text-cyan-900:focus{color:var(--cyan-900) !important}.hover\:text-cyan-50:hover{color:var(--cyan-50) !important}.hover\:text-cyan-100:hover{color:var(--cyan-100) !important}.hover\:text-cyan-200:hover{color:var(--cyan-200) !important}.hover\:text-cyan-300:hover{color:var(--cyan-300) !important}.hover\:text-cyan-400:hover{color:var(--cyan-400) !important}.hover\:text-cyan-500:hover{color:var(--cyan-500) !important}.hover\:text-cyan-600:hover{color:var(--cyan-600) !important}.hover\:text-cyan-700:hover{color:var(--cyan-700) !important}.hover\:text-cyan-800:hover{color:var(--cyan-800) !important}.hover\:text-cyan-900:hover{color:var(--cyan-900) !important}.active\:text-cyan-50:active{color:var(--cyan-50) !important}.active\:text-cyan-100:active{color:var(--cyan-100) !important}.active\:text-cyan-200:active{color:var(--cyan-200) !important}.active\:text-cyan-300:active{color:var(--cyan-300) !important}.active\:text-cyan-400:active{color:var(--cyan-400) !important}.active\:text-cyan-500:active{color:var(--cyan-500) !important}.active\:text-cyan-600:active{color:var(--cyan-600) !important}.active\:text-cyan-700:active{color:var(--cyan-700) !important}.active\:text-cyan-800:active{color:var(--cyan-800) !important}.active\:text-cyan-900:active{color:var(--cyan-900) !important}.text-pink-50{color:var(--pink-50) !important}.text-pink-100{color:var(--pink-100) !important}.text-pink-200{color:var(--pink-200) !important}.text-pink-300{color:var(--pink-300) !important}.text-pink-400{color:var(--pink-400) !important}.text-pink-500{color:var(--pink-500) !important}.text-pink-600{color:var(--pink-600) !important}.text-pink-700{color:var(--pink-700) !important}.text-pink-800{color:var(--pink-800) !important}.text-pink-900{color:var(--pink-900) !important}.focus\:text-pink-50:focus{color:var(--pink-50) !important}.focus\:text-pink-100:focus{color:var(--pink-100) !important}.focus\:text-pink-200:focus{color:var(--pink-200) !important}.focus\:text-pink-300:focus{color:var(--pink-300) !important}.focus\:text-pink-400:focus{color:var(--pink-400) !important}.focus\:text-pink-500:focus{color:var(--pink-500) !important}.focus\:text-pink-600:focus{color:var(--pink-600) !important}.focus\:text-pink-700:focus{color:var(--pink-700) !important}.focus\:text-pink-800:focus{color:var(--pink-800) !important}.focus\:text-pink-900:focus{color:var(--pink-900) !important}.hover\:text-pink-50:hover{color:var(--pink-50) !important}.hover\:text-pink-100:hover{color:var(--pink-100) !important}.hover\:text-pink-200:hover{color:var(--pink-200) !important}.hover\:text-pink-300:hover{color:var(--pink-300) !important}.hover\:text-pink-400:hover{color:var(--pink-400) !important}.hover\:text-pink-500:hover{color:var(--pink-500) !important}.hover\:text-pink-600:hover{color:var(--pink-600) !important}.hover\:text-pink-700:hover{color:var(--pink-700) !important}.hover\:text-pink-800:hover{color:var(--pink-800) !important}.hover\:text-pink-900:hover{color:var(--pink-900) !important}.active\:text-pink-50:active{color:var(--pink-50) !important}.active\:text-pink-100:active{color:var(--pink-100) !important}.active\:text-pink-200:active{color:var(--pink-200) !important}.active\:text-pink-300:active{color:var(--pink-300) !important}.active\:text-pink-400:active{color:var(--pink-400) !important}.active\:text-pink-500:active{color:var(--pink-500) !important}.active\:text-pink-600:active{color:var(--pink-600) !important}.active\:text-pink-700:active{color:var(--pink-700) !important}.active\:text-pink-800:active{color:var(--pink-800) !important}.active\:text-pink-900:active{color:var(--pink-900) !important}.text-indigo-50{color:var(--indigo-50) !important}.text-indigo-100{color:var(--indigo-100) !important}.text-indigo-200{color:var(--indigo-200) !important}.text-indigo-300{color:var(--indigo-300) !important}.text-indigo-400{color:var(--indigo-400) !important}.text-indigo-500{color:var(--indigo-500) !important}.text-indigo-600{color:var(--indigo-600) !important}.text-indigo-700{color:var(--indigo-700) !important}.text-indigo-800{color:var(--indigo-800) !important}.text-indigo-900{color:var(--indigo-900) !important}.focus\:text-indigo-50:focus{color:var(--indigo-50) !important}.focus\:text-indigo-100:focus{color:var(--indigo-100) !important}.focus\:text-indigo-200:focus{color:var(--indigo-200) !important}.focus\:text-indigo-300:focus{color:var(--indigo-300) !important}.focus\:text-indigo-400:focus{color:var(--indigo-400) !important}.focus\:text-indigo-500:focus{color:var(--indigo-500) !important}.focus\:text-indigo-600:focus{color:var(--indigo-600) !important}.focus\:text-indigo-700:focus{color:var(--indigo-700) !important}.focus\:text-indigo-800:focus{color:var(--indigo-800) !important}.focus\:text-indigo-900:focus{color:var(--indigo-900) !important}.hover\:text-indigo-50:hover{color:var(--indigo-50) !important}.hover\:text-indigo-100:hover{color:var(--indigo-100) !important}.hover\:text-indigo-200:hover{color:var(--indigo-200) !important}.hover\:text-indigo-300:hover{color:var(--indigo-300) !important}.hover\:text-indigo-400:hover{color:var(--indigo-400) !important}.hover\:text-indigo-500:hover{color:var(--indigo-500) !important}.hover\:text-indigo-600:hover{color:var(--indigo-600) !important}.hover\:text-indigo-700:hover{color:var(--indigo-700) !important}.hover\:text-indigo-800:hover{color:var(--indigo-800) !important}.hover\:text-indigo-900:hover{color:var(--indigo-900) !important}.active\:text-indigo-50:active{color:var(--indigo-50) !important}.active\:text-indigo-100:active{color:var(--indigo-100) !important}.active\:text-indigo-200:active{color:var(--indigo-200) !important}.active\:text-indigo-300:active{color:var(--indigo-300) !important}.active\:text-indigo-400:active{color:var(--indigo-400) !important}.active\:text-indigo-500:active{color:var(--indigo-500) !important}.active\:text-indigo-600:active{color:var(--indigo-600) !important}.active\:text-indigo-700:active{color:var(--indigo-700) !important}.active\:text-indigo-800:active{color:var(--indigo-800) !important}.active\:text-indigo-900:active{color:var(--indigo-900) !important}.text-teal-50{color:var(--teal-50) !important}.text-teal-100{color:var(--teal-100) !important}.text-teal-200{color:var(--teal-200) !important}.text-teal-300{color:var(--teal-300) !important}.text-teal-400{color:var(--teal-400) !important}.text-teal-500{color:var(--teal-500) !important}.text-teal-600{color:var(--teal-600) !important}.text-teal-700{color:var(--teal-700) !important}.text-teal-800{color:var(--teal-800) !important}.text-teal-900{color:var(--teal-900) !important}.focus\:text-teal-50:focus{color:var(--teal-50) !important}.focus\:text-teal-100:focus{color:var(--teal-100) !important}.focus\:text-teal-200:focus{color:var(--teal-200) !important}.focus\:text-teal-300:focus{color:var(--teal-300) !important}.focus\:text-teal-400:focus{color:var(--teal-400) !important}.focus\:text-teal-500:focus{color:var(--teal-500) !important}.focus\:text-teal-600:focus{color:var(--teal-600) !important}.focus\:text-teal-700:focus{color:var(--teal-700) !important}.focus\:text-teal-800:focus{color:var(--teal-800) !important}.focus\:text-teal-900:focus{color:var(--teal-900) !important}.hover\:text-teal-50:hover{color:var(--teal-50) !important}.hover\:text-teal-100:hover{color:var(--teal-100) !important}.hover\:text-teal-200:hover{color:var(--teal-200) !important}.hover\:text-teal-300:hover{color:var(--teal-300) !important}.hover\:text-teal-400:hover{color:var(--teal-400) !important}.hover\:text-teal-500:hover{color:var(--teal-500) !important}.hover\:text-teal-600:hover{color:var(--teal-600) !important}.hover\:text-teal-700:hover{color:var(--teal-700) !important}.hover\:text-teal-800:hover{color:var(--teal-800) !important}.hover\:text-teal-900:hover{color:var(--teal-900) !important}.active\:text-teal-50:active{color:var(--teal-50) !important}.active\:text-teal-100:active{color:var(--teal-100) !important}.active\:text-teal-200:active{color:var(--teal-200) !important}.active\:text-teal-300:active{color:var(--teal-300) !important}.active\:text-teal-400:active{color:var(--teal-400) !important}.active\:text-teal-500:active{color:var(--teal-500) !important}.active\:text-teal-600:active{color:var(--teal-600) !important}.active\:text-teal-700:active{color:var(--teal-700) !important}.active\:text-teal-800:active{color:var(--teal-800) !important}.active\:text-teal-900:active{color:var(--teal-900) !important}.text-orange-50{color:var(--orange-50) !important}.text-orange-100{color:var(--orange-100) !important}.text-orange-200{color:var(--orange-200) !important}.text-orange-300{color:var(--orange-300) !important}.text-orange-400{color:var(--orange-400) !important}.text-orange-500{color:var(--orange-500) !important}.text-orange-600{color:var(--orange-600) !important}.text-orange-700{color:var(--orange-700) !important}.text-orange-800{color:var(--orange-800) !important}.text-orange-900{color:var(--orange-900) !important}.focus\:text-orange-50:focus{color:var(--orange-50) !important}.focus\:text-orange-100:focus{color:var(--orange-100) !important}.focus\:text-orange-200:focus{color:var(--orange-200) !important}.focus\:text-orange-300:focus{color:var(--orange-300) !important}.focus\:text-orange-400:focus{color:var(--orange-400) !important}.focus\:text-orange-500:focus{color:var(--orange-500) !important}.focus\:text-orange-600:focus{color:var(--orange-600) !important}.focus\:text-orange-700:focus{color:var(--orange-700) !important}.focus\:text-orange-800:focus{color:var(--orange-800) !important}.focus\:text-orange-900:focus{color:var(--orange-900) !important}.hover\:text-orange-50:hover{color:var(--orange-50) !important}.hover\:text-orange-100:hover{color:var(--orange-100) !important}.hover\:text-orange-200:hover{color:var(--orange-200) !important}.hover\:text-orange-300:hover{color:var(--orange-300) !important}.hover\:text-orange-400:hover{color:var(--orange-400) !important}.hover\:text-orange-500:hover{color:var(--orange-500) !important}.hover\:text-orange-600:hover{color:var(--orange-600) !important}.hover\:text-orange-700:hover{color:var(--orange-700) !important}.hover\:text-orange-800:hover{color:var(--orange-800) !important}.hover\:text-orange-900:hover{color:var(--orange-900) !important}.active\:text-orange-50:active{color:var(--orange-50) !important}.active\:text-orange-100:active{color:var(--orange-100) !important}.active\:text-orange-200:active{color:var(--orange-200) !important}.active\:text-orange-300:active{color:var(--orange-300) !important}.active\:text-orange-400:active{color:var(--orange-400) !important}.active\:text-orange-500:active{color:var(--orange-500) !important}.active\:text-orange-600:active{color:var(--orange-600) !important}.active\:text-orange-700:active{color:var(--orange-700) !important}.active\:text-orange-800:active{color:var(--orange-800) !important}.active\:text-orange-900:active{color:var(--orange-900) !important}.text-bluegray-50{color:var(--bluegray-50) !important}.text-bluegray-100{color:var(--bluegray-100) !important}.text-bluegray-200{color:var(--bluegray-200) !important}.text-bluegray-300{color:var(--bluegray-300) !important}.text-bluegray-400{color:var(--bluegray-400) !important}.text-bluegray-500{color:var(--bluegray-500) !important}.text-bluegray-600{color:var(--bluegray-600) !important}.text-bluegray-700{color:var(--bluegray-700) !important}.text-bluegray-800{color:var(--bluegray-800) !important}.text-bluegray-900{color:var(--bluegray-900) !important}.focus\:text-bluegray-50:focus{color:var(--bluegray-50) !important}.focus\:text-bluegray-100:focus{color:var(--bluegray-100) !important}.focus\:text-bluegray-200:focus{color:var(--bluegray-200) !important}.focus\:text-bluegray-300:focus{color:var(--bluegray-300) !important}.focus\:text-bluegray-400:focus{color:var(--bluegray-400) !important}.focus\:text-bluegray-500:focus{color:var(--bluegray-500) !important}.focus\:text-bluegray-600:focus{color:var(--bluegray-600) !important}.focus\:text-bluegray-700:focus{color:var(--bluegray-700) !important}.focus\:text-bluegray-800:focus{color:var(--bluegray-800) !important}.focus\:text-bluegray-900:focus{color:var(--bluegray-900) !important}.hover\:text-bluegray-50:hover{color:var(--bluegray-50) !important}.hover\:text-bluegray-100:hover{color:var(--bluegray-100) !important}.hover\:text-bluegray-200:hover{color:var(--bluegray-200) !important}.hover\:text-bluegray-300:hover{color:var(--bluegray-300) !important}.hover\:text-bluegray-400:hover{color:var(--bluegray-400) !important}.hover\:text-bluegray-500:hover{color:var(--bluegray-500) !important}.hover\:text-bluegray-600:hover{color:var(--bluegray-600) !important}.hover\:text-bluegray-700:hover{color:var(--bluegray-700) !important}.hover\:text-bluegray-800:hover{color:var(--bluegray-800) !important}.hover\:text-bluegray-900:hover{color:var(--bluegray-900) !important}.active\:text-bluegray-50:active{color:var(--bluegray-50) !important}.active\:text-bluegray-100:active{color:var(--bluegray-100) !important}.active\:text-bluegray-200:active{color:var(--bluegray-200) !important}.active\:text-bluegray-300:active{color:var(--bluegray-300) !important}.active\:text-bluegray-400:active{color:var(--bluegray-400) !important}.active\:text-bluegray-500:active{color:var(--bluegray-500) !important}.active\:text-bluegray-600:active{color:var(--bluegray-600) !important}.active\:text-bluegray-700:active{color:var(--bluegray-700) !important}.active\:text-bluegray-800:active{color:var(--bluegray-800) !important}.active\:text-bluegray-900:active{color:var(--bluegray-900) !important}.text-purple-50{color:var(--purple-50) !important}.text-purple-100{color:var(--purple-100) !important}.text-purple-200{color:var(--purple-200) !important}.text-purple-300{color:var(--purple-300) !important}.text-purple-400{color:var(--purple-400) !important}.text-purple-500{color:var(--purple-500) !important}.text-purple-600{color:var(--purple-600) !important}.text-purple-700{color:var(--purple-700) !important}.text-purple-800{color:var(--purple-800) !important}.text-purple-900{color:var(--purple-900) !important}.focus\:text-purple-50:focus{color:var(--purple-50) !important}.focus\:text-purple-100:focus{color:var(--purple-100) !important}.focus\:text-purple-200:focus{color:var(--purple-200) !important}.focus\:text-purple-300:focus{color:var(--purple-300) !important}.focus\:text-purple-400:focus{color:var(--purple-400) !important}.focus\:text-purple-500:focus{color:var(--purple-500) !important}.focus\:text-purple-600:focus{color:var(--purple-600) !important}.focus\:text-purple-700:focus{color:var(--purple-700) !important}.focus\:text-purple-800:focus{color:var(--purple-800) !important}.focus\:text-purple-900:focus{color:var(--purple-900) !important}.hover\:text-purple-50:hover{color:var(--purple-50) !important}.hover\:text-purple-100:hover{color:var(--purple-100) !important}.hover\:text-purple-200:hover{color:var(--purple-200) !important}.hover\:text-purple-300:hover{color:var(--purple-300) !important}.hover\:text-purple-400:hover{color:var(--purple-400) !important}.hover\:text-purple-500:hover{color:var(--purple-500) !important}.hover\:text-purple-600:hover{color:var(--purple-600) !important}.hover\:text-purple-700:hover{color:var(--purple-700) !important}.hover\:text-purple-800:hover{color:var(--purple-800) !important}.hover\:text-purple-900:hover{color:var(--purple-900) !important}.active\:text-purple-50:active{color:var(--purple-50) !important}.active\:text-purple-100:active{color:var(--purple-100) !important}.active\:text-purple-200:active{color:var(--purple-200) !important}.active\:text-purple-300:active{color:var(--purple-300) !important}.active\:text-purple-400:active{color:var(--purple-400) !important}.active\:text-purple-500:active{color:var(--purple-500) !important}.active\:text-purple-600:active{color:var(--purple-600) !important}.active\:text-purple-700:active{color:var(--purple-700) !important}.active\:text-purple-800:active{color:var(--purple-800) !important}.active\:text-purple-900:active{color:var(--purple-900) !important}.text-gray-50{color:var(--gray-50) !important}.text-gray-100{color:var(--gray-100) !important}.text-gray-200{color:var(--gray-200) !important}.text-gray-300{color:var(--gray-300) !important}.text-gray-400{color:var(--gray-400) !important}.text-gray-500{color:var(--gray-500) !important}.text-gray-600{color:var(--gray-600) !important}.text-gray-700{color:var(--gray-700) !important}.text-gray-800{color:var(--gray-800) !important}.text-gray-900{color:var(--gray-900) !important}.focus\:text-gray-50:focus{color:var(--gray-50) !important}.focus\:text-gray-100:focus{color:var(--gray-100) !important}.focus\:text-gray-200:focus{color:var(--gray-200) !important}.focus\:text-gray-300:focus{color:var(--gray-300) !important}.focus\:text-gray-400:focus{color:var(--gray-400) !important}.focus\:text-gray-500:focus{color:var(--gray-500) !important}.focus\:text-gray-600:focus{color:var(--gray-600) !important}.focus\:text-gray-700:focus{color:var(--gray-700) !important}.focus\:text-gray-800:focus{color:var(--gray-800) !important}.focus\:text-gray-900:focus{color:var(--gray-900) !important}.hover\:text-gray-50:hover{color:var(--gray-50) !important}.hover\:text-gray-100:hover{color:var(--gray-100) !important}.hover\:text-gray-200:hover{color:var(--gray-200) !important}.hover\:text-gray-300:hover{color:var(--gray-300) !important}.hover\:text-gray-400:hover{color:var(--gray-400) !important}.hover\:text-gray-500:hover{color:var(--gray-500) !important}.hover\:text-gray-600:hover{color:var(--gray-600) !important}.hover\:text-gray-700:hover{color:var(--gray-700) !important}.hover\:text-gray-800:hover{color:var(--gray-800) !important}.hover\:text-gray-900:hover{color:var(--gray-900) !important}.active\:text-gray-50:active{color:var(--gray-50) !important}.active\:text-gray-100:active{color:var(--gray-100) !important}.active\:text-gray-200:active{color:var(--gray-200) !important}.active\:text-gray-300:active{color:var(--gray-300) !important}.active\:text-gray-400:active{color:var(--gray-400) !important}.active\:text-gray-500:active{color:var(--gray-500) !important}.active\:text-gray-600:active{color:var(--gray-600) !important}.active\:text-gray-700:active{color:var(--gray-700) !important}.active\:text-gray-800:active{color:var(--gray-800) !important}.active\:text-gray-900:active{color:var(--gray-900) !important}.text-red-50{color:var(--red-50) !important}.text-red-100{color:var(--red-100) !important}.text-red-200{color:var(--red-200) !important}.text-red-300{color:var(--red-300) !important}.text-red-400{color:var(--red-400) !important}.text-red-500{color:var(--red-500) !important}.text-red-600{color:var(--red-600) !important}.text-red-700{color:var(--red-700) !important}.text-red-800{color:var(--red-800) !important}.text-red-900{color:var(--red-900) !important}.focus\:text-red-50:focus{color:var(--red-50) !important}.focus\:text-red-100:focus{color:var(--red-100) !important}.focus\:text-red-200:focus{color:var(--red-200) !important}.focus\:text-red-300:focus{color:var(--red-300) !important}.focus\:text-red-400:focus{color:var(--red-400) !important}.focus\:text-red-500:focus{color:var(--red-500) !important}.focus\:text-red-600:focus{color:var(--red-600) !important}.focus\:text-red-700:focus{color:var(--red-700) !important}.focus\:text-red-800:focus{color:var(--red-800) !important}.focus\:text-red-900:focus{color:var(--red-900) !important}.hover\:text-red-50:hover{color:var(--red-50) !important}.hover\:text-red-100:hover{color:var(--red-100) !important}.hover\:text-red-200:hover{color:var(--red-200) !important}.hover\:text-red-300:hover{color:var(--red-300) !important}.hover\:text-red-400:hover{color:var(--red-400) !important}.hover\:text-red-500:hover{color:var(--red-500) !important}.hover\:text-red-600:hover{color:var(--red-600) !important}.hover\:text-red-700:hover{color:var(--red-700) !important}.hover\:text-red-800:hover{color:var(--red-800) !important}.hover\:text-red-900:hover{color:var(--red-900) !important}.active\:text-red-50:active{color:var(--red-50) !important}.active\:text-red-100:active{color:var(--red-100) !important}.active\:text-red-200:active{color:var(--red-200) !important}.active\:text-red-300:active{color:var(--red-300) !important}.active\:text-red-400:active{color:var(--red-400) !important}.active\:text-red-500:active{color:var(--red-500) !important}.active\:text-red-600:active{color:var(--red-600) !important}.active\:text-red-700:active{color:var(--red-700) !important}.active\:text-red-800:active{color:var(--red-800) !important}.active\:text-red-900:active{color:var(--red-900) !important}.text-primary-50{color:var(--primary-50) !important}.text-primary-100{color:var(--primary-100) !important}.text-primary-200{color:var(--primary-200) !important}.text-primary-300{color:var(--primary-300) !important}.text-primary-400{color:var(--primary-400) !important}.text-primary-500{color:var(--primary-500) !important}.text-primary-600{color:var(--primary-600) !important}.text-primary-700{color:var(--primary-700) !important}.text-primary-800{color:var(--primary-800) !important}.text-primary-900{color:var(--primary-900) !important}.focus\:text-primary-50:focus{color:var(--primary-50) !important}.focus\:text-primary-100:focus{color:var(--primary-100) !important}.focus\:text-primary-200:focus{color:var(--primary-200) !important}.focus\:text-primary-300:focus{color:var(--primary-300) !important}.focus\:text-primary-400:focus{color:var(--primary-400) !important}.focus\:text-primary-500:focus{color:var(--primary-500) !important}.focus\:text-primary-600:focus{color:var(--primary-600) !important}.focus\:text-primary-700:focus{color:var(--primary-700) !important}.focus\:text-primary-800:focus{color:var(--primary-800) !important}.focus\:text-primary-900:focus{color:var(--primary-900) !important}.hover\:text-primary-50:hover{color:var(--primary-50) !important}.hover\:text-primary-100:hover{color:var(--primary-100) !important}.hover\:text-primary-200:hover{color:var(--primary-200) !important}.hover\:text-primary-300:hover{color:var(--primary-300) !important}.hover\:text-primary-400:hover{color:var(--primary-400) !important}.hover\:text-primary-500:hover{color:var(--primary-500) !important}.hover\:text-primary-600:hover{color:var(--primary-600) !important}.hover\:text-primary-700:hover{color:var(--primary-700) !important}.hover\:text-primary-800:hover{color:var(--primary-800) !important}.hover\:text-primary-900:hover{color:var(--primary-900) !important}.active\:text-primary-50:active{color:var(--primary-50) !important}.active\:text-primary-100:active{color:var(--primary-100) !important}.active\:text-primary-200:active{color:var(--primary-200) !important}.active\:text-primary-300:active{color:var(--primary-300) !important}.active\:text-primary-400:active{color:var(--primary-400) !important}.active\:text-primary-500:active{color:var(--primary-500) !important}.active\:text-primary-600:active{color:var(--primary-600) !important}.active\:text-primary-700:active{color:var(--primary-700) !important}.active\:text-primary-800:active{color:var(--primary-800) !important}.active\:text-primary-900:active{color:var(--primary-900) !important}.bg-blue-50{background-color:var(--blue-50) !important}.bg-blue-100{background-color:var(--blue-100) !important}.bg-blue-200{background-color:var(--blue-200) !important}.bg-blue-300{background-color:var(--blue-300) !important}.bg-blue-400{background-color:var(--blue-400) !important}.bg-blue-500{background-color:var(--blue-500) !important}.bg-blue-600{background-color:var(--blue-600) !important}.bg-blue-700{background-color:var(--blue-700) !important}.bg-blue-800{background-color:var(--blue-800) !important}.bg-blue-900{background-color:var(--blue-900) !important}.focus\:bg-blue-50:focus{background-color:var(--blue-50) !important}.focus\:bg-blue-100:focus{background-color:var(--blue-100) !important}.focus\:bg-blue-200:focus{background-color:var(--blue-200) !important}.focus\:bg-blue-300:focus{background-color:var(--blue-300) !important}.focus\:bg-blue-400:focus{background-color:var(--blue-400) !important}.focus\:bg-blue-500:focus{background-color:var(--blue-500) !important}.focus\:bg-blue-600:focus{background-color:var(--blue-600) !important}.focus\:bg-blue-700:focus{background-color:var(--blue-700) !important}.focus\:bg-blue-800:focus{background-color:var(--blue-800) !important}.focus\:bg-blue-900:focus{background-color:var(--blue-900) !important}.hover\:bg-blue-50:hover{background-color:var(--blue-50) !important}.hover\:bg-blue-100:hover{background-color:var(--blue-100) !important}.hover\:bg-blue-200:hover{background-color:var(--blue-200) !important}.hover\:bg-blue-300:hover{background-color:var(--blue-300) !important}.hover\:bg-blue-400:hover{background-color:var(--blue-400) !important}.hover\:bg-blue-500:hover{background-color:var(--blue-500) !important}.hover\:bg-blue-600:hover{background-color:var(--blue-600) !important}.hover\:bg-blue-700:hover{background-color:var(--blue-700) !important}.hover\:bg-blue-800:hover{background-color:var(--blue-800) !important}.hover\:bg-blue-900:hover{background-color:var(--blue-900) !important}.active\:bg-blue-50:active{background-color:var(--blue-50) !important}.active\:bg-blue-100:active{background-color:var(--blue-100) !important}.active\:bg-blue-200:active{background-color:var(--blue-200) !important}.active\:bg-blue-300:active{background-color:var(--blue-300) !important}.active\:bg-blue-400:active{background-color:var(--blue-400) !important}.active\:bg-blue-500:active{background-color:var(--blue-500) !important}.active\:bg-blue-600:active{background-color:var(--blue-600) !important}.active\:bg-blue-700:active{background-color:var(--blue-700) !important}.active\:bg-blue-800:active{background-color:var(--blue-800) !important}.active\:bg-blue-900:active{background-color:var(--blue-900) !important}.bg-green-50{background-color:var(--green-50) !important}.bg-green-100{background-color:var(--green-100) !important}.bg-green-200{background-color:var(--green-200) !important}.bg-green-300{background-color:var(--green-300) !important}.bg-green-400{background-color:var(--green-400) !important}.bg-green-500{background-color:var(--green-500) !important}.bg-green-600{background-color:var(--green-600) !important}.bg-green-700{background-color:var(--green-700) !important}.bg-green-800{background-color:var(--green-800) !important}.bg-green-900{background-color:var(--green-900) !important}.focus\:bg-green-50:focus{background-color:var(--green-50) !important}.focus\:bg-green-100:focus{background-color:var(--green-100) !important}.focus\:bg-green-200:focus{background-color:var(--green-200) !important}.focus\:bg-green-300:focus{background-color:var(--green-300) !important}.focus\:bg-green-400:focus{background-color:var(--green-400) !important}.focus\:bg-green-500:focus{background-color:var(--green-500) !important}.focus\:bg-green-600:focus{background-color:var(--green-600) !important}.focus\:bg-green-700:focus{background-color:var(--green-700) !important}.focus\:bg-green-800:focus{background-color:var(--green-800) !important}.focus\:bg-green-900:focus{background-color:var(--green-900) !important}.hover\:bg-green-50:hover{background-color:var(--green-50) !important}.hover\:bg-green-100:hover{background-color:var(--green-100) !important}.hover\:bg-green-200:hover{background-color:var(--green-200) !important}.hover\:bg-green-300:hover{background-color:var(--green-300) !important}.hover\:bg-green-400:hover{background-color:var(--green-400) !important}.hover\:bg-green-500:hover{background-color:var(--green-500) !important}.hover\:bg-green-600:hover{background-color:var(--green-600) !important}.hover\:bg-green-700:hover{background-color:var(--green-700) !important}.hover\:bg-green-800:hover{background-color:var(--green-800) !important}.hover\:bg-green-900:hover{background-color:var(--green-900) !important}.active\:bg-green-50:active{background-color:var(--green-50) !important}.active\:bg-green-100:active{background-color:var(--green-100) !important}.active\:bg-green-200:active{background-color:var(--green-200) !important}.active\:bg-green-300:active{background-color:var(--green-300) !important}.active\:bg-green-400:active{background-color:var(--green-400) !important}.active\:bg-green-500:active{background-color:var(--green-500) !important}.active\:bg-green-600:active{background-color:var(--green-600) !important}.active\:bg-green-700:active{background-color:var(--green-700) !important}.active\:bg-green-800:active{background-color:var(--green-800) !important}.active\:bg-green-900:active{background-color:var(--green-900) !important}.bg-yellow-50{background-color:var(--yellow-50) !important}.bg-yellow-100{background-color:var(--yellow-100) !important}.bg-yellow-200{background-color:var(--yellow-200) !important}.bg-yellow-300{background-color:var(--yellow-300) !important}.bg-yellow-400{background-color:var(--yellow-400) !important}.bg-yellow-500{background-color:var(--yellow-500) !important}.bg-yellow-600{background-color:var(--yellow-600) !important}.bg-yellow-700{background-color:var(--yellow-700) !important}.bg-yellow-800{background-color:var(--yellow-800) !important}.bg-yellow-900{background-color:var(--yellow-900) !important}.focus\:bg-yellow-50:focus{background-color:var(--yellow-50) !important}.focus\:bg-yellow-100:focus{background-color:var(--yellow-100) !important}.focus\:bg-yellow-200:focus{background-color:var(--yellow-200) !important}.focus\:bg-yellow-300:focus{background-color:var(--yellow-300) !important}.focus\:bg-yellow-400:focus{background-color:var(--yellow-400) !important}.focus\:bg-yellow-500:focus{background-color:var(--yellow-500) !important}.focus\:bg-yellow-600:focus{background-color:var(--yellow-600) !important}.focus\:bg-yellow-700:focus{background-color:var(--yellow-700) !important}.focus\:bg-yellow-800:focus{background-color:var(--yellow-800) !important}.focus\:bg-yellow-900:focus{background-color:var(--yellow-900) !important}.hover\:bg-yellow-50:hover{background-color:var(--yellow-50) !important}.hover\:bg-yellow-100:hover{background-color:var(--yellow-100) !important}.hover\:bg-yellow-200:hover{background-color:var(--yellow-200) !important}.hover\:bg-yellow-300:hover{background-color:var(--yellow-300) !important}.hover\:bg-yellow-400:hover{background-color:var(--yellow-400) !important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-500) !important}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600) !important}.hover\:bg-yellow-700:hover{background-color:var(--yellow-700) !important}.hover\:bg-yellow-800:hover{background-color:var(--yellow-800) !important}.hover\:bg-yellow-900:hover{background-color:var(--yellow-900) !important}.active\:bg-yellow-50:active{background-color:var(--yellow-50) !important}.active\:bg-yellow-100:active{background-color:var(--yellow-100) !important}.active\:bg-yellow-200:active{background-color:var(--yellow-200) !important}.active\:bg-yellow-300:active{background-color:var(--yellow-300) !important}.active\:bg-yellow-400:active{background-color:var(--yellow-400) !important}.active\:bg-yellow-500:active{background-color:var(--yellow-500) !important}.active\:bg-yellow-600:active{background-color:var(--yellow-600) !important}.active\:bg-yellow-700:active{background-color:var(--yellow-700) !important}.active\:bg-yellow-800:active{background-color:var(--yellow-800) !important}.active\:bg-yellow-900:active{background-color:var(--yellow-900) !important}.bg-cyan-50{background-color:var(--cyan-50) !important}.bg-cyan-100{background-color:var(--cyan-100) !important}.bg-cyan-200{background-color:var(--cyan-200) !important}.bg-cyan-300{background-color:var(--cyan-300) !important}.bg-cyan-400{background-color:var(--cyan-400) !important}.bg-cyan-500{background-color:var(--cyan-500) !important}.bg-cyan-600{background-color:var(--cyan-600) !important}.bg-cyan-700{background-color:var(--cyan-700) !important}.bg-cyan-800{background-color:var(--cyan-800) !important}.bg-cyan-900{background-color:var(--cyan-900) !important}.focus\:bg-cyan-50:focus{background-color:var(--cyan-50) !important}.focus\:bg-cyan-100:focus{background-color:var(--cyan-100) !important}.focus\:bg-cyan-200:focus{background-color:var(--cyan-200) !important}.focus\:bg-cyan-300:focus{background-color:var(--cyan-300) !important}.focus\:bg-cyan-400:focus{background-color:var(--cyan-400) !important}.focus\:bg-cyan-500:focus{background-color:var(--cyan-500) !important}.focus\:bg-cyan-600:focus{background-color:var(--cyan-600) !important}.focus\:bg-cyan-700:focus{background-color:var(--cyan-700) !important}.focus\:bg-cyan-800:focus{background-color:var(--cyan-800) !important}.focus\:bg-cyan-900:focus{background-color:var(--cyan-900) !important}.hover\:bg-cyan-50:hover{background-color:var(--cyan-50) !important}.hover\:bg-cyan-100:hover{background-color:var(--cyan-100) !important}.hover\:bg-cyan-200:hover{background-color:var(--cyan-200) !important}.hover\:bg-cyan-300:hover{background-color:var(--cyan-300) !important}.hover\:bg-cyan-400:hover{background-color:var(--cyan-400) !important}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500) !important}.hover\:bg-cyan-600:hover{background-color:var(--cyan-600) !important}.hover\:bg-cyan-700:hover{background-color:var(--cyan-700) !important}.hover\:bg-cyan-800:hover{background-color:var(--cyan-800) !important}.hover\:bg-cyan-900:hover{background-color:var(--cyan-900) !important}.active\:bg-cyan-50:active{background-color:var(--cyan-50) !important}.active\:bg-cyan-100:active{background-color:var(--cyan-100) !important}.active\:bg-cyan-200:active{background-color:var(--cyan-200) !important}.active\:bg-cyan-300:active{background-color:var(--cyan-300) !important}.active\:bg-cyan-400:active{background-color:var(--cyan-400) !important}.active\:bg-cyan-500:active{background-color:var(--cyan-500) !important}.active\:bg-cyan-600:active{background-color:var(--cyan-600) !important}.active\:bg-cyan-700:active{background-color:var(--cyan-700) !important}.active\:bg-cyan-800:active{background-color:var(--cyan-800) !important}.active\:bg-cyan-900:active{background-color:var(--cyan-900) !important}.bg-pink-50{background-color:var(--pink-50) !important}.bg-pink-100{background-color:var(--pink-100) !important}.bg-pink-200{background-color:var(--pink-200) !important}.bg-pink-300{background-color:var(--pink-300) !important}.bg-pink-400{background-color:var(--pink-400) !important}.bg-pink-500{background-color:var(--pink-500) !important}.bg-pink-600{background-color:var(--pink-600) !important}.bg-pink-700{background-color:var(--pink-700) !important}.bg-pink-800{background-color:var(--pink-800) !important}.bg-pink-900{background-color:var(--pink-900) !important}.focus\:bg-pink-50:focus{background-color:var(--pink-50) !important}.focus\:bg-pink-100:focus{background-color:var(--pink-100) !important}.focus\:bg-pink-200:focus{background-color:var(--pink-200) !important}.focus\:bg-pink-300:focus{background-color:var(--pink-300) !important}.focus\:bg-pink-400:focus{background-color:var(--pink-400) !important}.focus\:bg-pink-500:focus{background-color:var(--pink-500) !important}.focus\:bg-pink-600:focus{background-color:var(--pink-600) !important}.focus\:bg-pink-700:focus{background-color:var(--pink-700) !important}.focus\:bg-pink-800:focus{background-color:var(--pink-800) !important}.focus\:bg-pink-900:focus{background-color:var(--pink-900) !important}.hover\:bg-pink-50:hover{background-color:var(--pink-50) !important}.hover\:bg-pink-100:hover{background-color:var(--pink-100) !important}.hover\:bg-pink-200:hover{background-color:var(--pink-200) !important}.hover\:bg-pink-300:hover{background-color:var(--pink-300) !important}.hover\:bg-pink-400:hover{background-color:var(--pink-400) !important}.hover\:bg-pink-500:hover{background-color:var(--pink-500) !important}.hover\:bg-pink-600:hover{background-color:var(--pink-600) !important}.hover\:bg-pink-700:hover{background-color:var(--pink-700) !important}.hover\:bg-pink-800:hover{background-color:var(--pink-800) !important}.hover\:bg-pink-900:hover{background-color:var(--pink-900) !important}.active\:bg-pink-50:active{background-color:var(--pink-50) !important}.active\:bg-pink-100:active{background-color:var(--pink-100) !important}.active\:bg-pink-200:active{background-color:var(--pink-200) !important}.active\:bg-pink-300:active{background-color:var(--pink-300) !important}.active\:bg-pink-400:active{background-color:var(--pink-400) !important}.active\:bg-pink-500:active{background-color:var(--pink-500) !important}.active\:bg-pink-600:active{background-color:var(--pink-600) !important}.active\:bg-pink-700:active{background-color:var(--pink-700) !important}.active\:bg-pink-800:active{background-color:var(--pink-800) !important}.active\:bg-pink-900:active{background-color:var(--pink-900) !important}.bg-indigo-50{background-color:var(--indigo-50) !important}.bg-indigo-100{background-color:var(--indigo-100) !important}.bg-indigo-200{background-color:var(--indigo-200) !important}.bg-indigo-300{background-color:var(--indigo-300) !important}.bg-indigo-400{background-color:var(--indigo-400) !important}.bg-indigo-500{background-color:var(--indigo-500) !important}.bg-indigo-600{background-color:var(--indigo-600) !important}.bg-indigo-700{background-color:var(--indigo-700) !important}.bg-indigo-800{background-color:var(--indigo-800) !important}.bg-indigo-900{background-color:var(--indigo-900) !important}.focus\:bg-indigo-50:focus{background-color:var(--indigo-50) !important}.focus\:bg-indigo-100:focus{background-color:var(--indigo-100) !important}.focus\:bg-indigo-200:focus{background-color:var(--indigo-200) !important}.focus\:bg-indigo-300:focus{background-color:var(--indigo-300) !important}.focus\:bg-indigo-400:focus{background-color:var(--indigo-400) !important}.focus\:bg-indigo-500:focus{background-color:var(--indigo-500) !important}.focus\:bg-indigo-600:focus{background-color:var(--indigo-600) !important}.focus\:bg-indigo-700:focus{background-color:var(--indigo-700) !important}.focus\:bg-indigo-800:focus{background-color:var(--indigo-800) !important}.focus\:bg-indigo-900:focus{background-color:var(--indigo-900) !important}.hover\:bg-indigo-50:hover{background-color:var(--indigo-50) !important}.hover\:bg-indigo-100:hover{background-color:var(--indigo-100) !important}.hover\:bg-indigo-200:hover{background-color:var(--indigo-200) !important}.hover\:bg-indigo-300:hover{background-color:var(--indigo-300) !important}.hover\:bg-indigo-400:hover{background-color:var(--indigo-400) !important}.hover\:bg-indigo-500:hover{background-color:var(--indigo-500) !important}.hover\:bg-indigo-600:hover{background-color:var(--indigo-600) !important}.hover\:bg-indigo-700:hover{background-color:var(--indigo-700) !important}.hover\:bg-indigo-800:hover{background-color:var(--indigo-800) !important}.hover\:bg-indigo-900:hover{background-color:var(--indigo-900) !important}.active\:bg-indigo-50:active{background-color:var(--indigo-50) !important}.active\:bg-indigo-100:active{background-color:var(--indigo-100) !important}.active\:bg-indigo-200:active{background-color:var(--indigo-200) !important}.active\:bg-indigo-300:active{background-color:var(--indigo-300) !important}.active\:bg-indigo-400:active{background-color:var(--indigo-400) !important}.active\:bg-indigo-500:active{background-color:var(--indigo-500) !important}.active\:bg-indigo-600:active{background-color:var(--indigo-600) !important}.active\:bg-indigo-700:active{background-color:var(--indigo-700) !important}.active\:bg-indigo-800:active{background-color:var(--indigo-800) !important}.active\:bg-indigo-900:active{background-color:var(--indigo-900) !important}.bg-teal-50{background-color:var(--teal-50) !important}.bg-teal-100{background-color:var(--teal-100) !important}.bg-teal-200{background-color:var(--teal-200) !important}.bg-teal-300{background-color:var(--teal-300) !important}.bg-teal-400{background-color:var(--teal-400) !important}.bg-teal-500{background-color:var(--teal-500) !important}.bg-teal-600{background-color:var(--teal-600) !important}.bg-teal-700{background-color:var(--teal-700) !important}.bg-teal-800{background-color:var(--teal-800) !important}.bg-teal-900{background-color:var(--teal-900) !important}.focus\:bg-teal-50:focus{background-color:var(--teal-50) !important}.focus\:bg-teal-100:focus{background-color:var(--teal-100) !important}.focus\:bg-teal-200:focus{background-color:var(--teal-200) !important}.focus\:bg-teal-300:focus{background-color:var(--teal-300) !important}.focus\:bg-teal-400:focus{background-color:var(--teal-400) !important}.focus\:bg-teal-500:focus{background-color:var(--teal-500) !important}.focus\:bg-teal-600:focus{background-color:var(--teal-600) !important}.focus\:bg-teal-700:focus{background-color:var(--teal-700) !important}.focus\:bg-teal-800:focus{background-color:var(--teal-800) !important}.focus\:bg-teal-900:focus{background-color:var(--teal-900) !important}.hover\:bg-teal-50:hover{background-color:var(--teal-50) !important}.hover\:bg-teal-100:hover{background-color:var(--teal-100) !important}.hover\:bg-teal-200:hover{background-color:var(--teal-200) !important}.hover\:bg-teal-300:hover{background-color:var(--teal-300) !important}.hover\:bg-teal-400:hover{background-color:var(--teal-400) !important}.hover\:bg-teal-500:hover{background-color:var(--teal-500) !important}.hover\:bg-teal-600:hover{background-color:var(--teal-600) !important}.hover\:bg-teal-700:hover{background-color:var(--teal-700) !important}.hover\:bg-teal-800:hover{background-color:var(--teal-800) !important}.hover\:bg-teal-900:hover{background-color:var(--teal-900) !important}.active\:bg-teal-50:active{background-color:var(--teal-50) !important}.active\:bg-teal-100:active{background-color:var(--teal-100) !important}.active\:bg-teal-200:active{background-color:var(--teal-200) !important}.active\:bg-teal-300:active{background-color:var(--teal-300) !important}.active\:bg-teal-400:active{background-color:var(--teal-400) !important}.active\:bg-teal-500:active{background-color:var(--teal-500) !important}.active\:bg-teal-600:active{background-color:var(--teal-600) !important}.active\:bg-teal-700:active{background-color:var(--teal-700) !important}.active\:bg-teal-800:active{background-color:var(--teal-800) !important}.active\:bg-teal-900:active{background-color:var(--teal-900) !important}.bg-orange-50{background-color:var(--orange-50) !important}.bg-orange-100{background-color:var(--orange-100) !important}.bg-orange-200{background-color:var(--orange-200) !important}.bg-orange-300{background-color:var(--orange-300) !important}.bg-orange-400{background-color:var(--orange-400) !important}.bg-orange-500{background-color:var(--orange-500) !important}.bg-orange-600{background-color:var(--orange-600) !important}.bg-orange-700{background-color:var(--orange-700) !important}.bg-orange-800{background-color:var(--orange-800) !important}.bg-orange-900{background-color:var(--orange-900) !important}.focus\:bg-orange-50:focus{background-color:var(--orange-50) !important}.focus\:bg-orange-100:focus{background-color:var(--orange-100) !important}.focus\:bg-orange-200:focus{background-color:var(--orange-200) !important}.focus\:bg-orange-300:focus{background-color:var(--orange-300) !important}.focus\:bg-orange-400:focus{background-color:var(--orange-400) !important}.focus\:bg-orange-500:focus{background-color:var(--orange-500) !important}.focus\:bg-orange-600:focus{background-color:var(--orange-600) !important}.focus\:bg-orange-700:focus{background-color:var(--orange-700) !important}.focus\:bg-orange-800:focus{background-color:var(--orange-800) !important}.focus\:bg-orange-900:focus{background-color:var(--orange-900) !important}.hover\:bg-orange-50:hover{background-color:var(--orange-50) !important}.hover\:bg-orange-100:hover{background-color:var(--orange-100) !important}.hover\:bg-orange-200:hover{background-color:var(--orange-200) !important}.hover\:bg-orange-300:hover{background-color:var(--orange-300) !important}.hover\:bg-orange-400:hover{background-color:var(--orange-400) !important}.hover\:bg-orange-500:hover{background-color:var(--orange-500) !important}.hover\:bg-orange-600:hover{background-color:var(--orange-600) !important}.hover\:bg-orange-700:hover{background-color:var(--orange-700) !important}.hover\:bg-orange-800:hover{background-color:var(--orange-800) !important}.hover\:bg-orange-900:hover{background-color:var(--orange-900) !important}.active\:bg-orange-50:active{background-color:var(--orange-50) !important}.active\:bg-orange-100:active{background-color:var(--orange-100) !important}.active\:bg-orange-200:active{background-color:var(--orange-200) !important}.active\:bg-orange-300:active{background-color:var(--orange-300) !important}.active\:bg-orange-400:active{background-color:var(--orange-400) !important}.active\:bg-orange-500:active{background-color:var(--orange-500) !important}.active\:bg-orange-600:active{background-color:var(--orange-600) !important}.active\:bg-orange-700:active{background-color:var(--orange-700) !important}.active\:bg-orange-800:active{background-color:var(--orange-800) !important}.active\:bg-orange-900:active{background-color:var(--orange-900) !important}.bg-bluegray-50{background-color:var(--bluegray-50) !important}.bg-bluegray-100{background-color:var(--bluegray-100) !important}.bg-bluegray-200{background-color:var(--bluegray-200) !important}.bg-bluegray-300{background-color:var(--bluegray-300) !important}.bg-bluegray-400{background-color:var(--bluegray-400) !important}.bg-bluegray-500{background-color:var(--bluegray-500) !important}.bg-bluegray-600{background-color:var(--bluegray-600) !important}.bg-bluegray-700{background-color:var(--bluegray-700) !important}.bg-bluegray-800{background-color:var(--bluegray-800) !important}.bg-bluegray-900{background-color:var(--bluegray-900) !important}.focus\:bg-bluegray-50:focus{background-color:var(--bluegray-50) !important}.focus\:bg-bluegray-100:focus{background-color:var(--bluegray-100) !important}.focus\:bg-bluegray-200:focus{background-color:var(--bluegray-200) !important}.focus\:bg-bluegray-300:focus{background-color:var(--bluegray-300) !important}.focus\:bg-bluegray-400:focus{background-color:var(--bluegray-400) !important}.focus\:bg-bluegray-500:focus{background-color:var(--bluegray-500) !important}.focus\:bg-bluegray-600:focus{background-color:var(--bluegray-600) !important}.focus\:bg-bluegray-700:focus{background-color:var(--bluegray-700) !important}.focus\:bg-bluegray-800:focus{background-color:var(--bluegray-800) !important}.focus\:bg-bluegray-900:focus{background-color:var(--bluegray-900) !important}.hover\:bg-bluegray-50:hover{background-color:var(--bluegray-50) !important}.hover\:bg-bluegray-100:hover{background-color:var(--bluegray-100) !important}.hover\:bg-bluegray-200:hover{background-color:var(--bluegray-200) !important}.hover\:bg-bluegray-300:hover{background-color:var(--bluegray-300) !important}.hover\:bg-bluegray-400:hover{background-color:var(--bluegray-400) !important}.hover\:bg-bluegray-500:hover{background-color:var(--bluegray-500) !important}.hover\:bg-bluegray-600:hover{background-color:var(--bluegray-600) !important}.hover\:bg-bluegray-700:hover{background-color:var(--bluegray-700) !important}.hover\:bg-bluegray-800:hover{background-color:var(--bluegray-800) !important}.hover\:bg-bluegray-900:hover{background-color:var(--bluegray-900) !important}.active\:bg-bluegray-50:active{background-color:var(--bluegray-50) !important}.active\:bg-bluegray-100:active{background-color:var(--bluegray-100) !important}.active\:bg-bluegray-200:active{background-color:var(--bluegray-200) !important}.active\:bg-bluegray-300:active{background-color:var(--bluegray-300) !important}.active\:bg-bluegray-400:active{background-color:var(--bluegray-400) !important}.active\:bg-bluegray-500:active{background-color:var(--bluegray-500) !important}.active\:bg-bluegray-600:active{background-color:var(--bluegray-600) !important}.active\:bg-bluegray-700:active{background-color:var(--bluegray-700) !important}.active\:bg-bluegray-800:active{background-color:var(--bluegray-800) !important}.active\:bg-bluegray-900:active{background-color:var(--bluegray-900) !important}.bg-purple-50{background-color:var(--purple-50) !important}.bg-purple-100{background-color:var(--purple-100) !important}.bg-purple-200{background-color:var(--purple-200) !important}.bg-purple-300{background-color:var(--purple-300) !important}.bg-purple-400{background-color:var(--purple-400) !important}.bg-purple-500{background-color:var(--purple-500) !important}.bg-purple-600{background-color:var(--purple-600) !important}.bg-purple-700{background-color:var(--purple-700) !important}.bg-purple-800{background-color:var(--purple-800) !important}.bg-purple-900{background-color:var(--purple-900) !important}.focus\:bg-purple-50:focus{background-color:var(--purple-50) !important}.focus\:bg-purple-100:focus{background-color:var(--purple-100) !important}.focus\:bg-purple-200:focus{background-color:var(--purple-200) !important}.focus\:bg-purple-300:focus{background-color:var(--purple-300) !important}.focus\:bg-purple-400:focus{background-color:var(--purple-400) !important}.focus\:bg-purple-500:focus{background-color:var(--purple-500) !important}.focus\:bg-purple-600:focus{background-color:var(--purple-600) !important}.focus\:bg-purple-700:focus{background-color:var(--purple-700) !important}.focus\:bg-purple-800:focus{background-color:var(--purple-800) !important}.focus\:bg-purple-900:focus{background-color:var(--purple-900) !important}.hover\:bg-purple-50:hover{background-color:var(--purple-50) !important}.hover\:bg-purple-100:hover{background-color:var(--purple-100) !important}.hover\:bg-purple-200:hover{background-color:var(--purple-200) !important}.hover\:bg-purple-300:hover{background-color:var(--purple-300) !important}.hover\:bg-purple-400:hover{background-color:var(--purple-400) !important}.hover\:bg-purple-500:hover{background-color:var(--purple-500) !important}.hover\:bg-purple-600:hover{background-color:var(--purple-600) !important}.hover\:bg-purple-700:hover{background-color:var(--purple-700) !important}.hover\:bg-purple-800:hover{background-color:var(--purple-800) !important}.hover\:bg-purple-900:hover{background-color:var(--purple-900) !important}.active\:bg-purple-50:active{background-color:var(--purple-50) !important}.active\:bg-purple-100:active{background-color:var(--purple-100) !important}.active\:bg-purple-200:active{background-color:var(--purple-200) !important}.active\:bg-purple-300:active{background-color:var(--purple-300) !important}.active\:bg-purple-400:active{background-color:var(--purple-400) !important}.active\:bg-purple-500:active{background-color:var(--purple-500) !important}.active\:bg-purple-600:active{background-color:var(--purple-600) !important}.active\:bg-purple-700:active{background-color:var(--purple-700) !important}.active\:bg-purple-800:active{background-color:var(--purple-800) !important}.active\:bg-purple-900:active{background-color:var(--purple-900) !important}.bg-gray-50{background-color:var(--gray-50) !important}.bg-gray-100{background-color:var(--gray-100) !important}.bg-gray-200{background-color:var(--gray-200) !important}.bg-gray-300{background-color:var(--gray-300) !important}.bg-gray-400{background-color:var(--gray-400) !important}.bg-gray-500{background-color:var(--gray-500) !important}.bg-gray-600{background-color:var(--gray-600) !important}.bg-gray-700{background-color:var(--gray-700) !important}.bg-gray-800{background-color:var(--gray-800) !important}.bg-gray-900{background-color:var(--gray-900) !important}.focus\:bg-gray-50:focus{background-color:var(--gray-50) !important}.focus\:bg-gray-100:focus{background-color:var(--gray-100) !important}.focus\:bg-gray-200:focus{background-color:var(--gray-200) !important}.focus\:bg-gray-300:focus{background-color:var(--gray-300) !important}.focus\:bg-gray-400:focus{background-color:var(--gray-400) !important}.focus\:bg-gray-500:focus{background-color:var(--gray-500) !important}.focus\:bg-gray-600:focus{background-color:var(--gray-600) !important}.focus\:bg-gray-700:focus{background-color:var(--gray-700) !important}.focus\:bg-gray-800:focus{background-color:var(--gray-800) !important}.focus\:bg-gray-900:focus{background-color:var(--gray-900) !important}.hover\:bg-gray-50:hover{background-color:var(--gray-50) !important}.hover\:bg-gray-100:hover{background-color:var(--gray-100) !important}.hover\:bg-gray-200:hover{background-color:var(--gray-200) !important}.hover\:bg-gray-300:hover{background-color:var(--gray-300) !important}.hover\:bg-gray-400:hover{background-color:var(--gray-400) !important}.hover\:bg-gray-500:hover{background-color:var(--gray-500) !important}.hover\:bg-gray-600:hover{background-color:var(--gray-600) !important}.hover\:bg-gray-700:hover{background-color:var(--gray-700) !important}.hover\:bg-gray-800:hover{background-color:var(--gray-800) !important}.hover\:bg-gray-900:hover{background-color:var(--gray-900) !important}.active\:bg-gray-50:active{background-color:var(--gray-50) !important}.active\:bg-gray-100:active{background-color:var(--gray-100) !important}.active\:bg-gray-200:active{background-color:var(--gray-200) !important}.active\:bg-gray-300:active{background-color:var(--gray-300) !important}.active\:bg-gray-400:active{background-color:var(--gray-400) !important}.active\:bg-gray-500:active{background-color:var(--gray-500) !important}.active\:bg-gray-600:active{background-color:var(--gray-600) !important}.active\:bg-gray-700:active{background-color:var(--gray-700) !important}.active\:bg-gray-800:active{background-color:var(--gray-800) !important}.active\:bg-gray-900:active{background-color:var(--gray-900) !important}.bg-red-50{background-color:var(--red-50) !important}.bg-red-100{background-color:var(--red-100) !important}.bg-red-200{background-color:var(--red-200) !important}.bg-red-300{background-color:var(--red-300) !important}.bg-red-400{background-color:var(--red-400) !important}.bg-red-500{background-color:var(--red-500) !important}.bg-red-600{background-color:var(--red-600) !important}.bg-red-700{background-color:var(--red-700) !important}.bg-red-800{background-color:var(--red-800) !important}.bg-red-900{background-color:var(--red-900) !important}.focus\:bg-red-50:focus{background-color:var(--red-50) !important}.focus\:bg-red-100:focus{background-color:var(--red-100) !important}.focus\:bg-red-200:focus{background-color:var(--red-200) !important}.focus\:bg-red-300:focus{background-color:var(--red-300) !important}.focus\:bg-red-400:focus{background-color:var(--red-400) !important}.focus\:bg-red-500:focus{background-color:var(--red-500) !important}.focus\:bg-red-600:focus{background-color:var(--red-600) !important}.focus\:bg-red-700:focus{background-color:var(--red-700) !important}.focus\:bg-red-800:focus{background-color:var(--red-800) !important}.focus\:bg-red-900:focus{background-color:var(--red-900) !important}.hover\:bg-red-50:hover{background-color:var(--red-50) !important}.hover\:bg-red-100:hover{background-color:var(--red-100) !important}.hover\:bg-red-200:hover{background-color:var(--red-200) !important}.hover\:bg-red-300:hover{background-color:var(--red-300) !important}.hover\:bg-red-400:hover{background-color:var(--red-400) !important}.hover\:bg-red-500:hover{background-color:var(--red-500) !important}.hover\:bg-red-600:hover{background-color:var(--red-600) !important}.hover\:bg-red-700:hover{background-color:var(--red-700) !important}.hover\:bg-red-800:hover{background-color:var(--red-800) !important}.hover\:bg-red-900:hover{background-color:var(--red-900) !important}.active\:bg-red-50:active{background-color:var(--red-50) !important}.active\:bg-red-100:active{background-color:var(--red-100) !important}.active\:bg-red-200:active{background-color:var(--red-200) !important}.active\:bg-red-300:active{background-color:var(--red-300) !important}.active\:bg-red-400:active{background-color:var(--red-400) !important}.active\:bg-red-500:active{background-color:var(--red-500) !important}.active\:bg-red-600:active{background-color:var(--red-600) !important}.active\:bg-red-700:active{background-color:var(--red-700) !important}.active\:bg-red-800:active{background-color:var(--red-800) !important}.active\:bg-red-900:active{background-color:var(--red-900) !important}.bg-primary-50{background-color:var(--primary-50) !important}.bg-primary-100{background-color:var(--primary-100) !important}.bg-primary-200{background-color:var(--primary-200) !important}.bg-primary-300{background-color:var(--primary-300) !important}.bg-primary-400{background-color:var(--primary-400) !important}.bg-primary-500{background-color:var(--primary-500) !important}.bg-primary-600{background-color:var(--primary-600) !important}.bg-primary-700{background-color:var(--primary-700) !important}.bg-primary-800{background-color:var(--primary-800) !important}.bg-primary-900{background-color:var(--primary-900) !important}.focus\:bg-primary-50:focus{background-color:var(--primary-50) !important}.focus\:bg-primary-100:focus{background-color:var(--primary-100) !important}.focus\:bg-primary-200:focus{background-color:var(--primary-200) !important}.focus\:bg-primary-300:focus{background-color:var(--primary-300) !important}.focus\:bg-primary-400:focus{background-color:var(--primary-400) !important}.focus\:bg-primary-500:focus{background-color:var(--primary-500) !important}.focus\:bg-primary-600:focus{background-color:var(--primary-600) !important}.focus\:bg-primary-700:focus{background-color:var(--primary-700) !important}.focus\:bg-primary-800:focus{background-color:var(--primary-800) !important}.focus\:bg-primary-900:focus{background-color:var(--primary-900) !important}.hover\:bg-primary-50:hover{background-color:var(--primary-50) !important}.hover\:bg-primary-100:hover{background-color:var(--primary-100) !important}.hover\:bg-primary-200:hover{background-color:var(--primary-200) !important}.hover\:bg-primary-300:hover{background-color:var(--primary-300) !important}.hover\:bg-primary-400:hover{background-color:var(--primary-400) !important}.hover\:bg-primary-500:hover{background-color:var(--primary-500) !important}.hover\:bg-primary-600:hover{background-color:var(--primary-600) !important}.hover\:bg-primary-700:hover{background-color:var(--primary-700) !important}.hover\:bg-primary-800:hover{background-color:var(--primary-800) !important}.hover\:bg-primary-900:hover{background-color:var(--primary-900) !important}.active\:bg-primary-50:active{background-color:var(--primary-50) !important}.active\:bg-primary-100:active{background-color:var(--primary-100) !important}.active\:bg-primary-200:active{background-color:var(--primary-200) !important}.active\:bg-primary-300:active{background-color:var(--primary-300) !important}.active\:bg-primary-400:active{background-color:var(--primary-400) !important}.active\:bg-primary-500:active{background-color:var(--primary-500) !important}.active\:bg-primary-600:active{background-color:var(--primary-600) !important}.active\:bg-primary-700:active{background-color:var(--primary-700) !important}.active\:bg-primary-800:active{background-color:var(--primary-800) !important}.active\:bg-primary-900:active{background-color:var(--primary-900) !important}.border-blue-50{border-color:var(--blue-50) !important}.border-blue-100{border-color:var(--blue-100) !important}.border-blue-200{border-color:var(--blue-200) !important}.border-blue-300{border-color:var(--blue-300) !important}.border-blue-400{border-color:var(--blue-400) !important}.border-blue-500{border-color:var(--blue-500) !important}.border-blue-600{border-color:var(--blue-600) !important}.border-blue-700{border-color:var(--blue-700) !important}.border-blue-800{border-color:var(--blue-800) !important}.border-blue-900{border-color:var(--blue-900) !important}.focus\:border-blue-50:focus{border-color:var(--blue-50) !important}.focus\:border-blue-100:focus{border-color:var(--blue-100) !important}.focus\:border-blue-200:focus{border-color:var(--blue-200) !important}.focus\:border-blue-300:focus{border-color:var(--blue-300) !important}.focus\:border-blue-400:focus{border-color:var(--blue-400) !important}.focus\:border-blue-500:focus{border-color:var(--blue-500) !important}.focus\:border-blue-600:focus{border-color:var(--blue-600) !important}.focus\:border-blue-700:focus{border-color:var(--blue-700) !important}.focus\:border-blue-800:focus{border-color:var(--blue-800) !important}.focus\:border-blue-900:focus{border-color:var(--blue-900) !important}.hover\:border-blue-50:hover{border-color:var(--blue-50) !important}.hover\:border-blue-100:hover{border-color:var(--blue-100) !important}.hover\:border-blue-200:hover{border-color:var(--blue-200) !important}.hover\:border-blue-300:hover{border-color:var(--blue-300) !important}.hover\:border-blue-400:hover{border-color:var(--blue-400) !important}.hover\:border-blue-500:hover{border-color:var(--blue-500) !important}.hover\:border-blue-600:hover{border-color:var(--blue-600) !important}.hover\:border-blue-700:hover{border-color:var(--blue-700) !important}.hover\:border-blue-800:hover{border-color:var(--blue-800) !important}.hover\:border-blue-900:hover{border-color:var(--blue-900) !important}.active\:border-blue-50:active{border-color:var(--blue-50) !important}.active\:border-blue-100:active{border-color:var(--blue-100) !important}.active\:border-blue-200:active{border-color:var(--blue-200) !important}.active\:border-blue-300:active{border-color:var(--blue-300) !important}.active\:border-blue-400:active{border-color:var(--blue-400) !important}.active\:border-blue-500:active{border-color:var(--blue-500) !important}.active\:border-blue-600:active{border-color:var(--blue-600) !important}.active\:border-blue-700:active{border-color:var(--blue-700) !important}.active\:border-blue-800:active{border-color:var(--blue-800) !important}.active\:border-blue-900:active{border-color:var(--blue-900) !important}.border-green-50{border-color:var(--green-50) !important}.border-green-100{border-color:var(--green-100) !important}.border-green-200{border-color:var(--green-200) !important}.border-green-300{border-color:var(--green-300) !important}.border-green-400{border-color:var(--green-400) !important}.border-green-500{border-color:var(--green-500) !important}.border-green-600{border-color:var(--green-600) !important}.border-green-700{border-color:var(--green-700) !important}.border-green-800{border-color:var(--green-800) !important}.border-green-900{border-color:var(--green-900) !important}.focus\:border-green-50:focus{border-color:var(--green-50) !important}.focus\:border-green-100:focus{border-color:var(--green-100) !important}.focus\:border-green-200:focus{border-color:var(--green-200) !important}.focus\:border-green-300:focus{border-color:var(--green-300) !important}.focus\:border-green-400:focus{border-color:var(--green-400) !important}.focus\:border-green-500:focus{border-color:var(--green-500) !important}.focus\:border-green-600:focus{border-color:var(--green-600) !important}.focus\:border-green-700:focus{border-color:var(--green-700) !important}.focus\:border-green-800:focus{border-color:var(--green-800) !important}.focus\:border-green-900:focus{border-color:var(--green-900) !important}.hover\:border-green-50:hover{border-color:var(--green-50) !important}.hover\:border-green-100:hover{border-color:var(--green-100) !important}.hover\:border-green-200:hover{border-color:var(--green-200) !important}.hover\:border-green-300:hover{border-color:var(--green-300) !important}.hover\:border-green-400:hover{border-color:var(--green-400) !important}.hover\:border-green-500:hover{border-color:var(--green-500) !important}.hover\:border-green-600:hover{border-color:var(--green-600) !important}.hover\:border-green-700:hover{border-color:var(--green-700) !important}.hover\:border-green-800:hover{border-color:var(--green-800) !important}.hover\:border-green-900:hover{border-color:var(--green-900) !important}.active\:border-green-50:active{border-color:var(--green-50) !important}.active\:border-green-100:active{border-color:var(--green-100) !important}.active\:border-green-200:active{border-color:var(--green-200) !important}.active\:border-green-300:active{border-color:var(--green-300) !important}.active\:border-green-400:active{border-color:var(--green-400) !important}.active\:border-green-500:active{border-color:var(--green-500) !important}.active\:border-green-600:active{border-color:var(--green-600) !important}.active\:border-green-700:active{border-color:var(--green-700) !important}.active\:border-green-800:active{border-color:var(--green-800) !important}.active\:border-green-900:active{border-color:var(--green-900) !important}.border-yellow-50{border-color:var(--yellow-50) !important}.border-yellow-100{border-color:var(--yellow-100) !important}.border-yellow-200{border-color:var(--yellow-200) !important}.border-yellow-300{border-color:var(--yellow-300) !important}.border-yellow-400{border-color:var(--yellow-400) !important}.border-yellow-500{border-color:var(--yellow-500) !important}.border-yellow-600{border-color:var(--yellow-600) !important}.border-yellow-700{border-color:var(--yellow-700) !important}.border-yellow-800{border-color:var(--yellow-800) !important}.border-yellow-900{border-color:var(--yellow-900) !important}.focus\:border-yellow-50:focus{border-color:var(--yellow-50) !important}.focus\:border-yellow-100:focus{border-color:var(--yellow-100) !important}.focus\:border-yellow-200:focus{border-color:var(--yellow-200) !important}.focus\:border-yellow-300:focus{border-color:var(--yellow-300) !important}.focus\:border-yellow-400:focus{border-color:var(--yellow-400) !important}.focus\:border-yellow-500:focus{border-color:var(--yellow-500) !important}.focus\:border-yellow-600:focus{border-color:var(--yellow-600) !important}.focus\:border-yellow-700:focus{border-color:var(--yellow-700) !important}.focus\:border-yellow-800:focus{border-color:var(--yellow-800) !important}.focus\:border-yellow-900:focus{border-color:var(--yellow-900) !important}.hover\:border-yellow-50:hover{border-color:var(--yellow-50) !important}.hover\:border-yellow-100:hover{border-color:var(--yellow-100) !important}.hover\:border-yellow-200:hover{border-color:var(--yellow-200) !important}.hover\:border-yellow-300:hover{border-color:var(--yellow-300) !important}.hover\:border-yellow-400:hover{border-color:var(--yellow-400) !important}.hover\:border-yellow-500:hover{border-color:var(--yellow-500) !important}.hover\:border-yellow-600:hover{border-color:var(--yellow-600) !important}.hover\:border-yellow-700:hover{border-color:var(--yellow-700) !important}.hover\:border-yellow-800:hover{border-color:var(--yellow-800) !important}.hover\:border-yellow-900:hover{border-color:var(--yellow-900) !important}.active\:border-yellow-50:active{border-color:var(--yellow-50) !important}.active\:border-yellow-100:active{border-color:var(--yellow-100) !important}.active\:border-yellow-200:active{border-color:var(--yellow-200) !important}.active\:border-yellow-300:active{border-color:var(--yellow-300) !important}.active\:border-yellow-400:active{border-color:var(--yellow-400) !important}.active\:border-yellow-500:active{border-color:var(--yellow-500) !important}.active\:border-yellow-600:active{border-color:var(--yellow-600) !important}.active\:border-yellow-700:active{border-color:var(--yellow-700) !important}.active\:border-yellow-800:active{border-color:var(--yellow-800) !important}.active\:border-yellow-900:active{border-color:var(--yellow-900) !important}.border-cyan-50{border-color:var(--cyan-50) !important}.border-cyan-100{border-color:var(--cyan-100) !important}.border-cyan-200{border-color:var(--cyan-200) !important}.border-cyan-300{border-color:var(--cyan-300) !important}.border-cyan-400{border-color:var(--cyan-400) !important}.border-cyan-500{border-color:var(--cyan-500) !important}.border-cyan-600{border-color:var(--cyan-600) !important}.border-cyan-700{border-color:var(--cyan-700) !important}.border-cyan-800{border-color:var(--cyan-800) !important}.border-cyan-900{border-color:var(--cyan-900) !important}.focus\:border-cyan-50:focus{border-color:var(--cyan-50) !important}.focus\:border-cyan-100:focus{border-color:var(--cyan-100) !important}.focus\:border-cyan-200:focus{border-color:var(--cyan-200) !important}.focus\:border-cyan-300:focus{border-color:var(--cyan-300) !important}.focus\:border-cyan-400:focus{border-color:var(--cyan-400) !important}.focus\:border-cyan-500:focus{border-color:var(--cyan-500) !important}.focus\:border-cyan-600:focus{border-color:var(--cyan-600) !important}.focus\:border-cyan-700:focus{border-color:var(--cyan-700) !important}.focus\:border-cyan-800:focus{border-color:var(--cyan-800) !important}.focus\:border-cyan-900:focus{border-color:var(--cyan-900) !important}.hover\:border-cyan-50:hover{border-color:var(--cyan-50) !important}.hover\:border-cyan-100:hover{border-color:var(--cyan-100) !important}.hover\:border-cyan-200:hover{border-color:var(--cyan-200) !important}.hover\:border-cyan-300:hover{border-color:var(--cyan-300) !important}.hover\:border-cyan-400:hover{border-color:var(--cyan-400) !important}.hover\:border-cyan-500:hover{border-color:var(--cyan-500) !important}.hover\:border-cyan-600:hover{border-color:var(--cyan-600) !important}.hover\:border-cyan-700:hover{border-color:var(--cyan-700) !important}.hover\:border-cyan-800:hover{border-color:var(--cyan-800) !important}.hover\:border-cyan-900:hover{border-color:var(--cyan-900) !important}.active\:border-cyan-50:active{border-color:var(--cyan-50) !important}.active\:border-cyan-100:active{border-color:var(--cyan-100) !important}.active\:border-cyan-200:active{border-color:var(--cyan-200) !important}.active\:border-cyan-300:active{border-color:var(--cyan-300) !important}.active\:border-cyan-400:active{border-color:var(--cyan-400) !important}.active\:border-cyan-500:active{border-color:var(--cyan-500) !important}.active\:border-cyan-600:active{border-color:var(--cyan-600) !important}.active\:border-cyan-700:active{border-color:var(--cyan-700) !important}.active\:border-cyan-800:active{border-color:var(--cyan-800) !important}.active\:border-cyan-900:active{border-color:var(--cyan-900) !important}.border-pink-50{border-color:var(--pink-50) !important}.border-pink-100{border-color:var(--pink-100) !important}.border-pink-200{border-color:var(--pink-200) !important}.border-pink-300{border-color:var(--pink-300) !important}.border-pink-400{border-color:var(--pink-400) !important}.border-pink-500{border-color:var(--pink-500) !important}.border-pink-600{border-color:var(--pink-600) !important}.border-pink-700{border-color:var(--pink-700) !important}.border-pink-800{border-color:var(--pink-800) !important}.border-pink-900{border-color:var(--pink-900) !important}.focus\:border-pink-50:focus{border-color:var(--pink-50) !important}.focus\:border-pink-100:focus{border-color:var(--pink-100) !important}.focus\:border-pink-200:focus{border-color:var(--pink-200) !important}.focus\:border-pink-300:focus{border-color:var(--pink-300) !important}.focus\:border-pink-400:focus{border-color:var(--pink-400) !important}.focus\:border-pink-500:focus{border-color:var(--pink-500) !important}.focus\:border-pink-600:focus{border-color:var(--pink-600) !important}.focus\:border-pink-700:focus{border-color:var(--pink-700) !important}.focus\:border-pink-800:focus{border-color:var(--pink-800) !important}.focus\:border-pink-900:focus{border-color:var(--pink-900) !important}.hover\:border-pink-50:hover{border-color:var(--pink-50) !important}.hover\:border-pink-100:hover{border-color:var(--pink-100) !important}.hover\:border-pink-200:hover{border-color:var(--pink-200) !important}.hover\:border-pink-300:hover{border-color:var(--pink-300) !important}.hover\:border-pink-400:hover{border-color:var(--pink-400) !important}.hover\:border-pink-500:hover{border-color:var(--pink-500) !important}.hover\:border-pink-600:hover{border-color:var(--pink-600) !important}.hover\:border-pink-700:hover{border-color:var(--pink-700) !important}.hover\:border-pink-800:hover{border-color:var(--pink-800) !important}.hover\:border-pink-900:hover{border-color:var(--pink-900) !important}.active\:border-pink-50:active{border-color:var(--pink-50) !important}.active\:border-pink-100:active{border-color:var(--pink-100) !important}.active\:border-pink-200:active{border-color:var(--pink-200) !important}.active\:border-pink-300:active{border-color:var(--pink-300) !important}.active\:border-pink-400:active{border-color:var(--pink-400) !important}.active\:border-pink-500:active{border-color:var(--pink-500) !important}.active\:border-pink-600:active{border-color:var(--pink-600) !important}.active\:border-pink-700:active{border-color:var(--pink-700) !important}.active\:border-pink-800:active{border-color:var(--pink-800) !important}.active\:border-pink-900:active{border-color:var(--pink-900) !important}.border-indigo-50{border-color:var(--indigo-50) !important}.border-indigo-100{border-color:var(--indigo-100) !important}.border-indigo-200{border-color:var(--indigo-200) !important}.border-indigo-300{border-color:var(--indigo-300) !important}.border-indigo-400{border-color:var(--indigo-400) !important}.border-indigo-500{border-color:var(--indigo-500) !important}.border-indigo-600{border-color:var(--indigo-600) !important}.border-indigo-700{border-color:var(--indigo-700) !important}.border-indigo-800{border-color:var(--indigo-800) !important}.border-indigo-900{border-color:var(--indigo-900) !important}.focus\:border-indigo-50:focus{border-color:var(--indigo-50) !important}.focus\:border-indigo-100:focus{border-color:var(--indigo-100) !important}.focus\:border-indigo-200:focus{border-color:var(--indigo-200) !important}.focus\:border-indigo-300:focus{border-color:var(--indigo-300) !important}.focus\:border-indigo-400:focus{border-color:var(--indigo-400) !important}.focus\:border-indigo-500:focus{border-color:var(--indigo-500) !important}.focus\:border-indigo-600:focus{border-color:var(--indigo-600) !important}.focus\:border-indigo-700:focus{border-color:var(--indigo-700) !important}.focus\:border-indigo-800:focus{border-color:var(--indigo-800) !important}.focus\:border-indigo-900:focus{border-color:var(--indigo-900) !important}.hover\:border-indigo-50:hover{border-color:var(--indigo-50) !important}.hover\:border-indigo-100:hover{border-color:var(--indigo-100) !important}.hover\:border-indigo-200:hover{border-color:var(--indigo-200) !important}.hover\:border-indigo-300:hover{border-color:var(--indigo-300) !important}.hover\:border-indigo-400:hover{border-color:var(--indigo-400) !important}.hover\:border-indigo-500:hover{border-color:var(--indigo-500) !important}.hover\:border-indigo-600:hover{border-color:var(--indigo-600) !important}.hover\:border-indigo-700:hover{border-color:var(--indigo-700) !important}.hover\:border-indigo-800:hover{border-color:var(--indigo-800) !important}.hover\:border-indigo-900:hover{border-color:var(--indigo-900) !important}.active\:border-indigo-50:active{border-color:var(--indigo-50) !important}.active\:border-indigo-100:active{border-color:var(--indigo-100) !important}.active\:border-indigo-200:active{border-color:var(--indigo-200) !important}.active\:border-indigo-300:active{border-color:var(--indigo-300) !important}.active\:border-indigo-400:active{border-color:var(--indigo-400) !important}.active\:border-indigo-500:active{border-color:var(--indigo-500) !important}.active\:border-indigo-600:active{border-color:var(--indigo-600) !important}.active\:border-indigo-700:active{border-color:var(--indigo-700) !important}.active\:border-indigo-800:active{border-color:var(--indigo-800) !important}.active\:border-indigo-900:active{border-color:var(--indigo-900) !important}.border-teal-50{border-color:var(--teal-50) !important}.border-teal-100{border-color:var(--teal-100) !important}.border-teal-200{border-color:var(--teal-200) !important}.border-teal-300{border-color:var(--teal-300) !important}.border-teal-400{border-color:var(--teal-400) !important}.border-teal-500{border-color:var(--teal-500) !important}.border-teal-600{border-color:var(--teal-600) !important}.border-teal-700{border-color:var(--teal-700) !important}.border-teal-800{border-color:var(--teal-800) !important}.border-teal-900{border-color:var(--teal-900) !important}.focus\:border-teal-50:focus{border-color:var(--teal-50) !important}.focus\:border-teal-100:focus{border-color:var(--teal-100) !important}.focus\:border-teal-200:focus{border-color:var(--teal-200) !important}.focus\:border-teal-300:focus{border-color:var(--teal-300) !important}.focus\:border-teal-400:focus{border-color:var(--teal-400) !important}.focus\:border-teal-500:focus{border-color:var(--teal-500) !important}.focus\:border-teal-600:focus{border-color:var(--teal-600) !important}.focus\:border-teal-700:focus{border-color:var(--teal-700) !important}.focus\:border-teal-800:focus{border-color:var(--teal-800) !important}.focus\:border-teal-900:focus{border-color:var(--teal-900) !important}.hover\:border-teal-50:hover{border-color:var(--teal-50) !important}.hover\:border-teal-100:hover{border-color:var(--teal-100) !important}.hover\:border-teal-200:hover{border-color:var(--teal-200) !important}.hover\:border-teal-300:hover{border-color:var(--teal-300) !important}.hover\:border-teal-400:hover{border-color:var(--teal-400) !important}.hover\:border-teal-500:hover{border-color:var(--teal-500) !important}.hover\:border-teal-600:hover{border-color:var(--teal-600) !important}.hover\:border-teal-700:hover{border-color:var(--teal-700) !important}.hover\:border-teal-800:hover{border-color:var(--teal-800) !important}.hover\:border-teal-900:hover{border-color:var(--teal-900) !important}.active\:border-teal-50:active{border-color:var(--teal-50) !important}.active\:border-teal-100:active{border-color:var(--teal-100) !important}.active\:border-teal-200:active{border-color:var(--teal-200) !important}.active\:border-teal-300:active{border-color:var(--teal-300) !important}.active\:border-teal-400:active{border-color:var(--teal-400) !important}.active\:border-teal-500:active{border-color:var(--teal-500) !important}.active\:border-teal-600:active{border-color:var(--teal-600) !important}.active\:border-teal-700:active{border-color:var(--teal-700) !important}.active\:border-teal-800:active{border-color:var(--teal-800) !important}.active\:border-teal-900:active{border-color:var(--teal-900) !important}.border-orange-50{border-color:var(--orange-50) !important}.border-orange-100{border-color:var(--orange-100) !important}.border-orange-200{border-color:var(--orange-200) !important}.border-orange-300{border-color:var(--orange-300) !important}.border-orange-400{border-color:var(--orange-400) !important}.border-orange-500{border-color:var(--orange-500) !important}.border-orange-600{border-color:var(--orange-600) !important}.border-orange-700{border-color:var(--orange-700) !important}.border-orange-800{border-color:var(--orange-800) !important}.border-orange-900{border-color:var(--orange-900) !important}.focus\:border-orange-50:focus{border-color:var(--orange-50) !important}.focus\:border-orange-100:focus{border-color:var(--orange-100) !important}.focus\:border-orange-200:focus{border-color:var(--orange-200) !important}.focus\:border-orange-300:focus{border-color:var(--orange-300) !important}.focus\:border-orange-400:focus{border-color:var(--orange-400) !important}.focus\:border-orange-500:focus{border-color:var(--orange-500) !important}.focus\:border-orange-600:focus{border-color:var(--orange-600) !important}.focus\:border-orange-700:focus{border-color:var(--orange-700) !important}.focus\:border-orange-800:focus{border-color:var(--orange-800) !important}.focus\:border-orange-900:focus{border-color:var(--orange-900) !important}.hover\:border-orange-50:hover{border-color:var(--orange-50) !important}.hover\:border-orange-100:hover{border-color:var(--orange-100) !important}.hover\:border-orange-200:hover{border-color:var(--orange-200) !important}.hover\:border-orange-300:hover{border-color:var(--orange-300) !important}.hover\:border-orange-400:hover{border-color:var(--orange-400) !important}.hover\:border-orange-500:hover{border-color:var(--orange-500) !important}.hover\:border-orange-600:hover{border-color:var(--orange-600) !important}.hover\:border-orange-700:hover{border-color:var(--orange-700) !important}.hover\:border-orange-800:hover{border-color:var(--orange-800) !important}.hover\:border-orange-900:hover{border-color:var(--orange-900) !important}.active\:border-orange-50:active{border-color:var(--orange-50) !important}.active\:border-orange-100:active{border-color:var(--orange-100) !important}.active\:border-orange-200:active{border-color:var(--orange-200) !important}.active\:border-orange-300:active{border-color:var(--orange-300) !important}.active\:border-orange-400:active{border-color:var(--orange-400) !important}.active\:border-orange-500:active{border-color:var(--orange-500) !important}.active\:border-orange-600:active{border-color:var(--orange-600) !important}.active\:border-orange-700:active{border-color:var(--orange-700) !important}.active\:border-orange-800:active{border-color:var(--orange-800) !important}.active\:border-orange-900:active{border-color:var(--orange-900) !important}.border-bluegray-50{border-color:var(--bluegray-50) !important}.border-bluegray-100{border-color:var(--bluegray-100) !important}.border-bluegray-200{border-color:var(--bluegray-200) !important}.border-bluegray-300{border-color:var(--bluegray-300) !important}.border-bluegray-400{border-color:var(--bluegray-400) !important}.border-bluegray-500{border-color:var(--bluegray-500) !important}.border-bluegray-600{border-color:var(--bluegray-600) !important}.border-bluegray-700{border-color:var(--bluegray-700) !important}.border-bluegray-800{border-color:var(--bluegray-800) !important}.border-bluegray-900{border-color:var(--bluegray-900) !important}.focus\:border-bluegray-50:focus{border-color:var(--bluegray-50) !important}.focus\:border-bluegray-100:focus{border-color:var(--bluegray-100) !important}.focus\:border-bluegray-200:focus{border-color:var(--bluegray-200) !important}.focus\:border-bluegray-300:focus{border-color:var(--bluegray-300) !important}.focus\:border-bluegray-400:focus{border-color:var(--bluegray-400) !important}.focus\:border-bluegray-500:focus{border-color:var(--bluegray-500) !important}.focus\:border-bluegray-600:focus{border-color:var(--bluegray-600) !important}.focus\:border-bluegray-700:focus{border-color:var(--bluegray-700) !important}.focus\:border-bluegray-800:focus{border-color:var(--bluegray-800) !important}.focus\:border-bluegray-900:focus{border-color:var(--bluegray-900) !important}.hover\:border-bluegray-50:hover{border-color:var(--bluegray-50) !important}.hover\:border-bluegray-100:hover{border-color:var(--bluegray-100) !important}.hover\:border-bluegray-200:hover{border-color:var(--bluegray-200) !important}.hover\:border-bluegray-300:hover{border-color:var(--bluegray-300) !important}.hover\:border-bluegray-400:hover{border-color:var(--bluegray-400) !important}.hover\:border-bluegray-500:hover{border-color:var(--bluegray-500) !important}.hover\:border-bluegray-600:hover{border-color:var(--bluegray-600) !important}.hover\:border-bluegray-700:hover{border-color:var(--bluegray-700) !important}.hover\:border-bluegray-800:hover{border-color:var(--bluegray-800) !important}.hover\:border-bluegray-900:hover{border-color:var(--bluegray-900) !important}.active\:border-bluegray-50:active{border-color:var(--bluegray-50) !important}.active\:border-bluegray-100:active{border-color:var(--bluegray-100) !important}.active\:border-bluegray-200:active{border-color:var(--bluegray-200) !important}.active\:border-bluegray-300:active{border-color:var(--bluegray-300) !important}.active\:border-bluegray-400:active{border-color:var(--bluegray-400) !important}.active\:border-bluegray-500:active{border-color:var(--bluegray-500) !important}.active\:border-bluegray-600:active{border-color:var(--bluegray-600) !important}.active\:border-bluegray-700:active{border-color:var(--bluegray-700) !important}.active\:border-bluegray-800:active{border-color:var(--bluegray-800) !important}.active\:border-bluegray-900:active{border-color:var(--bluegray-900) !important}.border-purple-50{border-color:var(--purple-50) !important}.border-purple-100{border-color:var(--purple-100) !important}.border-purple-200{border-color:var(--purple-200) !important}.border-purple-300{border-color:var(--purple-300) !important}.border-purple-400{border-color:var(--purple-400) !important}.border-purple-500{border-color:var(--purple-500) !important}.border-purple-600{border-color:var(--purple-600) !important}.border-purple-700{border-color:var(--purple-700) !important}.border-purple-800{border-color:var(--purple-800) !important}.border-purple-900{border-color:var(--purple-900) !important}.focus\:border-purple-50:focus{border-color:var(--purple-50) !important}.focus\:border-purple-100:focus{border-color:var(--purple-100) !important}.focus\:border-purple-200:focus{border-color:var(--purple-200) !important}.focus\:border-purple-300:focus{border-color:var(--purple-300) !important}.focus\:border-purple-400:focus{border-color:var(--purple-400) !important}.focus\:border-purple-500:focus{border-color:var(--purple-500) !important}.focus\:border-purple-600:focus{border-color:var(--purple-600) !important}.focus\:border-purple-700:focus{border-color:var(--purple-700) !important}.focus\:border-purple-800:focus{border-color:var(--purple-800) !important}.focus\:border-purple-900:focus{border-color:var(--purple-900) !important}.hover\:border-purple-50:hover{border-color:var(--purple-50) !important}.hover\:border-purple-100:hover{border-color:var(--purple-100) !important}.hover\:border-purple-200:hover{border-color:var(--purple-200) !important}.hover\:border-purple-300:hover{border-color:var(--purple-300) !important}.hover\:border-purple-400:hover{border-color:var(--purple-400) !important}.hover\:border-purple-500:hover{border-color:var(--purple-500) !important}.hover\:border-purple-600:hover{border-color:var(--purple-600) !important}.hover\:border-purple-700:hover{border-color:var(--purple-700) !important}.hover\:border-purple-800:hover{border-color:var(--purple-800) !important}.hover\:border-purple-900:hover{border-color:var(--purple-900) !important}.active\:border-purple-50:active{border-color:var(--purple-50) !important}.active\:border-purple-100:active{border-color:var(--purple-100) !important}.active\:border-purple-200:active{border-color:var(--purple-200) !important}.active\:border-purple-300:active{border-color:var(--purple-300) !important}.active\:border-purple-400:active{border-color:var(--purple-400) !important}.active\:border-purple-500:active{border-color:var(--purple-500) !important}.active\:border-purple-600:active{border-color:var(--purple-600) !important}.active\:border-purple-700:active{border-color:var(--purple-700) !important}.active\:border-purple-800:active{border-color:var(--purple-800) !important}.active\:border-purple-900:active{border-color:var(--purple-900) !important}.border-gray-50{border-color:var(--gray-50) !important}.border-gray-100{border-color:var(--gray-100) !important}.border-gray-200{border-color:var(--gray-200) !important}.border-gray-300{border-color:var(--gray-300) !important}.border-gray-400{border-color:var(--gray-400) !important}.border-gray-500{border-color:var(--gray-500) !important}.border-gray-600{border-color:var(--gray-600) !important}.border-gray-700{border-color:var(--gray-700) !important}.border-gray-800{border-color:var(--gray-800) !important}.border-gray-900{border-color:var(--gray-900) !important}.focus\:border-gray-50:focus{border-color:var(--gray-50) !important}.focus\:border-gray-100:focus{border-color:var(--gray-100) !important}.focus\:border-gray-200:focus{border-color:var(--gray-200) !important}.focus\:border-gray-300:focus{border-color:var(--gray-300) !important}.focus\:border-gray-400:focus{border-color:var(--gray-400) !important}.focus\:border-gray-500:focus{border-color:var(--gray-500) !important}.focus\:border-gray-600:focus{border-color:var(--gray-600) !important}.focus\:border-gray-700:focus{border-color:var(--gray-700) !important}.focus\:border-gray-800:focus{border-color:var(--gray-800) !important}.focus\:border-gray-900:focus{border-color:var(--gray-900) !important}.hover\:border-gray-50:hover{border-color:var(--gray-50) !important}.hover\:border-gray-100:hover{border-color:var(--gray-100) !important}.hover\:border-gray-200:hover{border-color:var(--gray-200) !important}.hover\:border-gray-300:hover{border-color:var(--gray-300) !important}.hover\:border-gray-400:hover{border-color:var(--gray-400) !important}.hover\:border-gray-500:hover{border-color:var(--gray-500) !important}.hover\:border-gray-600:hover{border-color:var(--gray-600) !important}.hover\:border-gray-700:hover{border-color:var(--gray-700) !important}.hover\:border-gray-800:hover{border-color:var(--gray-800) !important}.hover\:border-gray-900:hover{border-color:var(--gray-900) !important}.active\:border-gray-50:active{border-color:var(--gray-50) !important}.active\:border-gray-100:active{border-color:var(--gray-100) !important}.active\:border-gray-200:active{border-color:var(--gray-200) !important}.active\:border-gray-300:active{border-color:var(--gray-300) !important}.active\:border-gray-400:active{border-color:var(--gray-400) !important}.active\:border-gray-500:active{border-color:var(--gray-500) !important}.active\:border-gray-600:active{border-color:var(--gray-600) !important}.active\:border-gray-700:active{border-color:var(--gray-700) !important}.active\:border-gray-800:active{border-color:var(--gray-800) !important}.active\:border-gray-900:active{border-color:var(--gray-900) !important}.border-red-50{border-color:var(--red-50) !important}.border-red-100{border-color:var(--red-100) !important}.border-red-200{border-color:var(--red-200) !important}.border-red-300{border-color:var(--red-300) !important}.border-red-400{border-color:var(--red-400) !important}.border-red-500{border-color:var(--red-500) !important}.border-red-600{border-color:var(--red-600) !important}.border-red-700{border-color:var(--red-700) !important}.border-red-800{border-color:var(--red-800) !important}.border-red-900{border-color:var(--red-900) !important}.focus\:border-red-50:focus{border-color:var(--red-50) !important}.focus\:border-red-100:focus{border-color:var(--red-100) !important}.focus\:border-red-200:focus{border-color:var(--red-200) !important}.focus\:border-red-300:focus{border-color:var(--red-300) !important}.focus\:border-red-400:focus{border-color:var(--red-400) !important}.focus\:border-red-500:focus{border-color:var(--red-500) !important}.focus\:border-red-600:focus{border-color:var(--red-600) !important}.focus\:border-red-700:focus{border-color:var(--red-700) !important}.focus\:border-red-800:focus{border-color:var(--red-800) !important}.focus\:border-red-900:focus{border-color:var(--red-900) !important}.hover\:border-red-50:hover{border-color:var(--red-50) !important}.hover\:border-red-100:hover{border-color:var(--red-100) !important}.hover\:border-red-200:hover{border-color:var(--red-200) !important}.hover\:border-red-300:hover{border-color:var(--red-300) !important}.hover\:border-red-400:hover{border-color:var(--red-400) !important}.hover\:border-red-500:hover{border-color:var(--red-500) !important}.hover\:border-red-600:hover{border-color:var(--red-600) !important}.hover\:border-red-700:hover{border-color:var(--red-700) !important}.hover\:border-red-800:hover{border-color:var(--red-800) !important}.hover\:border-red-900:hover{border-color:var(--red-900) !important}.active\:border-red-50:active{border-color:var(--red-50) !important}.active\:border-red-100:active{border-color:var(--red-100) !important}.active\:border-red-200:active{border-color:var(--red-200) !important}.active\:border-red-300:active{border-color:var(--red-300) !important}.active\:border-red-400:active{border-color:var(--red-400) !important}.active\:border-red-500:active{border-color:var(--red-500) !important}.active\:border-red-600:active{border-color:var(--red-600) !important}.active\:border-red-700:active{border-color:var(--red-700) !important}.active\:border-red-800:active{border-color:var(--red-800) !important}.active\:border-red-900:active{border-color:var(--red-900) !important}.border-primary-50{border-color:var(--primary-50) !important}.border-primary-100{border-color:var(--primary-100) !important}.border-primary-200{border-color:var(--primary-200) !important}.border-primary-300{border-color:var(--primary-300) !important}.border-primary-400{border-color:var(--primary-400) !important}.border-primary-500{border-color:var(--primary-500) !important}.border-primary-600{border-color:var(--primary-600) !important}.border-primary-700{border-color:var(--primary-700) !important}.border-primary-800{border-color:var(--primary-800) !important}.border-primary-900{border-color:var(--primary-900) !important}.focus\:border-primary-50:focus{border-color:var(--primary-50) !important}.focus\:border-primary-100:focus{border-color:var(--primary-100) !important}.focus\:border-primary-200:focus{border-color:var(--primary-200) !important}.focus\:border-primary-300:focus{border-color:var(--primary-300) !important}.focus\:border-primary-400:focus{border-color:var(--primary-400) !important}.focus\:border-primary-500:focus{border-color:var(--primary-500) !important}.focus\:border-primary-600:focus{border-color:var(--primary-600) !important}.focus\:border-primary-700:focus{border-color:var(--primary-700) !important}.focus\:border-primary-800:focus{border-color:var(--primary-800) !important}.focus\:border-primary-900:focus{border-color:var(--primary-900) !important}.hover\:border-primary-50:hover{border-color:var(--primary-50) !important}.hover\:border-primary-100:hover{border-color:var(--primary-100) !important}.hover\:border-primary-200:hover{border-color:var(--primary-200) !important}.hover\:border-primary-300:hover{border-color:var(--primary-300) !important}.hover\:border-primary-400:hover{border-color:var(--primary-400) !important}.hover\:border-primary-500:hover{border-color:var(--primary-500) !important}.hover\:border-primary-600:hover{border-color:var(--primary-600) !important}.hover\:border-primary-700:hover{border-color:var(--primary-700) !important}.hover\:border-primary-800:hover{border-color:var(--primary-800) !important}.hover\:border-primary-900:hover{border-color:var(--primary-900) !important}.active\:border-primary-50:active{border-color:var(--primary-50) !important}.active\:border-primary-100:active{border-color:var(--primary-100) !important}.active\:border-primary-200:active{border-color:var(--primary-200) !important}.active\:border-primary-300:active{border-color:var(--primary-300) !important}.active\:border-primary-400:active{border-color:var(--primary-400) !important}.active\:border-primary-500:active{border-color:var(--primary-500) !important}.active\:border-primary-600:active{border-color:var(--primary-600) !important}.active\:border-primary-700:active{border-color:var(--primary-700) !important}.active\:border-primary-800:active{border-color:var(--primary-800) !important}.active\:border-primary-900:active{border-color:var(--primary-900) !important}.bg-white-alpha-10{background-color:rgba(255,255,255,0.1) !important}.bg-white-alpha-20{background-color:rgba(255,255,255,0.2) !important}.bg-white-alpha-30{background-color:rgba(255,255,255,0.3) !important}.bg-white-alpha-40{background-color:rgba(255,255,255,0.4) !important}.bg-white-alpha-50{background-color:rgba(255,255,255,0.5) !important}.bg-white-alpha-60{background-color:rgba(255,255,255,0.6) !important}.bg-white-alpha-70{background-color:rgba(255,255,255,0.7) !important}.bg-white-alpha-80{background-color:rgba(255,255,255,0.8) !important}.bg-white-alpha-90{background-color:rgba(255,255,255,0.9) !important}.hover\:bg-white-alpha-10:hover{background-color:rgba(255,255,255,0.1) !important}.hover\:bg-white-alpha-20:hover{background-color:rgba(255,255,255,0.2) !important}.hover\:bg-white-alpha-30:hover{background-color:rgba(255,255,255,0.3) !important}.hover\:bg-white-alpha-40:hover{background-color:rgba(255,255,255,0.4) !important}.hover\:bg-white-alpha-50:hover{background-color:rgba(255,255,255,0.5) !important}.hover\:bg-white-alpha-60:hover{background-color:rgba(255,255,255,0.6) !important}.hover\:bg-white-alpha-70:hover{background-color:rgba(255,255,255,0.7) !important}.hover\:bg-white-alpha-80:hover{background-color:rgba(255,255,255,0.8) !important}.hover\:bg-white-alpha-90:hover{background-color:rgba(255,255,255,0.9) !important}.focus\:bg-white-alpha-10:focus{background-color:rgba(255,255,255,0.1) !important}.focus\:bg-white-alpha-20:focus{background-color:rgba(255,255,255,0.2) !important}.focus\:bg-white-alpha-30:focus{background-color:rgba(255,255,255,0.3) !important}.focus\:bg-white-alpha-40:focus{background-color:rgba(255,255,255,0.4) !important}.focus\:bg-white-alpha-50:focus{background-color:rgba(255,255,255,0.5) !important}.focus\:bg-white-alpha-60:focus{background-color:rgba(255,255,255,0.6) !important}.focus\:bg-white-alpha-70:focus{background-color:rgba(255,255,255,0.7) !important}.focus\:bg-white-alpha-80:focus{background-color:rgba(255,255,255,0.8) !important}.focus\:bg-white-alpha-90:focus{background-color:rgba(255,255,255,0.9) !important}.active\:bg-white-alpha-10:active{background-color:rgba(255,255,255,0.1) !important}.active\:bg-white-alpha-20:active{background-color:rgba(255,255,255,0.2) !important}.active\:bg-white-alpha-30:active{background-color:rgba(255,255,255,0.3) !important}.active\:bg-white-alpha-40:active{background-color:rgba(255,255,255,0.4) !important}.active\:bg-white-alpha-50:active{background-color:rgba(255,255,255,0.5) !important}.active\:bg-white-alpha-60:active{background-color:rgba(255,255,255,0.6) !important}.active\:bg-white-alpha-70:active{background-color:rgba(255,255,255,0.7) !important}.active\:bg-white-alpha-80:active{background-color:rgba(255,255,255,0.8) !important}.active\:bg-white-alpha-90:active{background-color:rgba(255,255,255,0.9) !important}.bg-black-alpha-10{background-color:rgba(0,0,0,0.1) !important}.bg-black-alpha-20{background-color:rgba(0,0,0,0.2) !important}.bg-black-alpha-30{background-color:rgba(0,0,0,0.3) !important}.bg-black-alpha-40{background-color:rgba(0,0,0,0.4) !important}.bg-black-alpha-50{background-color:rgba(0,0,0,0.5) !important}.bg-black-alpha-60{background-color:rgba(0,0,0,0.6) !important}.bg-black-alpha-70{background-color:rgba(0,0,0,0.7) !important}.bg-black-alpha-80{background-color:rgba(0,0,0,0.8) !important}.bg-black-alpha-90{background-color:rgba(0,0,0,0.9) !important}.hover\:bg-black-alpha-10:hover{background-color:rgba(0,0,0,0.1) !important}.hover\:bg-black-alpha-20:hover{background-color:rgba(0,0,0,0.2) !important}.hover\:bg-black-alpha-30:hover{background-color:rgba(0,0,0,0.3) !important}.hover\:bg-black-alpha-40:hover{background-color:rgba(0,0,0,0.4) !important}.hover\:bg-black-alpha-50:hover{background-color:rgba(0,0,0,0.5) !important}.hover\:bg-black-alpha-60:hover{background-color:rgba(0,0,0,0.6) !important}.hover\:bg-black-alpha-70:hover{background-color:rgba(0,0,0,0.7) !important}.hover\:bg-black-alpha-80:hover{background-color:rgba(0,0,0,0.8) !important}.hover\:bg-black-alpha-90:hover{background-color:rgba(0,0,0,0.9) !important}.focus\:bg-black-alpha-10:focus{background-color:rgba(0,0,0,0.1) !important}.focus\:bg-black-alpha-20:focus{background-color:rgba(0,0,0,0.2) !important}.focus\:bg-black-alpha-30:focus{background-color:rgba(0,0,0,0.3) !important}.focus\:bg-black-alpha-40:focus{background-color:rgba(0,0,0,0.4) !important}.focus\:bg-black-alpha-50:focus{background-color:rgba(0,0,0,0.5) !important}.focus\:bg-black-alpha-60:focus{background-color:rgba(0,0,0,0.6) !important}.focus\:bg-black-alpha-70:focus{background-color:rgba(0,0,0,0.7) !important}.focus\:bg-black-alpha-80:focus{background-color:rgba(0,0,0,0.8) !important}.focus\:bg-black-alpha-90:focus{background-color:rgba(0,0,0,0.9) !important}.active\:bg-black-alpha-10:active{background-color:rgba(0,0,0,0.1) !important}.active\:bg-black-alpha-20:active{background-color:rgba(0,0,0,0.2) !important}.active\:bg-black-alpha-30:active{background-color:rgba(0,0,0,0.3) !important}.active\:bg-black-alpha-40:active{background-color:rgba(0,0,0,0.4) !important}.active\:bg-black-alpha-50:active{background-color:rgba(0,0,0,0.5) !important}.active\:bg-black-alpha-60:active{background-color:rgba(0,0,0,0.6) !important}.active\:bg-black-alpha-70:active{background-color:rgba(0,0,0,0.7) !important}.active\:bg-black-alpha-80:active{background-color:rgba(0,0,0,0.8) !important}.active\:bg-black-alpha-90:active{background-color:rgba(0,0,0,0.9) !important}.border-white-alpha-10{border-color:rgba(255,255,255,0.1) !important}.border-white-alpha-20{border-color:rgba(255,255,255,0.2) !important}.border-white-alpha-30{border-color:rgba(255,255,255,0.3) !important}.border-white-alpha-40{border-color:rgba(255,255,255,0.4) !important}.border-white-alpha-50{border-color:rgba(255,255,255,0.5) !important}.border-white-alpha-60{border-color:rgba(255,255,255,0.6) !important}.border-white-alpha-70{border-color:rgba(255,255,255,0.7) !important}.border-white-alpha-80{border-color:rgba(255,255,255,0.8) !important}.border-white-alpha-90{border-color:rgba(255,255,255,0.9) !important}.hover\:border-white-alpha-10:hover{border-color:rgba(255,255,255,0.1) !important}.hover\:border-white-alpha-20:hover{border-color:rgba(255,255,255,0.2) !important}.hover\:border-white-alpha-30:hover{border-color:rgba(255,255,255,0.3) !important}.hover\:border-white-alpha-40:hover{border-color:rgba(255,255,255,0.4) !important}.hover\:border-white-alpha-50:hover{border-color:rgba(255,255,255,0.5) !important}.hover\:border-white-alpha-60:hover{border-color:rgba(255,255,255,0.6) !important}.hover\:border-white-alpha-70:hover{border-color:rgba(255,255,255,0.7) !important}.hover\:border-white-alpha-80:hover{border-color:rgba(255,255,255,0.8) !important}.hover\:border-white-alpha-90:hover{border-color:rgba(255,255,255,0.9) !important}.focus\:border-white-alpha-10:focus{border-color:rgba(255,255,255,0.1) !important}.focus\:border-white-alpha-20:focus{border-color:rgba(255,255,255,0.2) !important}.focus\:border-white-alpha-30:focus{border-color:rgba(255,255,255,0.3) !important}.focus\:border-white-alpha-40:focus{border-color:rgba(255,255,255,0.4) !important}.focus\:border-white-alpha-50:focus{border-color:rgba(255,255,255,0.5) !important}.focus\:border-white-alpha-60:focus{border-color:rgba(255,255,255,0.6) !important}.focus\:border-white-alpha-70:focus{border-color:rgba(255,255,255,0.7) !important}.focus\:border-white-alpha-80:focus{border-color:rgba(255,255,255,0.8) !important}.focus\:border-white-alpha-90:focus{border-color:rgba(255,255,255,0.9) !important}.active\:border-white-alpha-10:active{border-color:rgba(255,255,255,0.1) !important}.active\:border-white-alpha-20:active{border-color:rgba(255,255,255,0.2) !important}.active\:border-white-alpha-30:active{border-color:rgba(255,255,255,0.3) !important}.active\:border-white-alpha-40:active{border-color:rgba(255,255,255,0.4) !important}.active\:border-white-alpha-50:active{border-color:rgba(255,255,255,0.5) !important}.active\:border-white-alpha-60:active{border-color:rgba(255,255,255,0.6) !important}.active\:border-white-alpha-70:active{border-color:rgba(255,255,255,0.7) !important}.active\:border-white-alpha-80:active{border-color:rgba(255,255,255,0.8) !important}.active\:border-white-alpha-90:active{border-color:rgba(255,255,255,0.9) !important}.border-black-alpha-10{border-color:rgba(0,0,0,0.1) !important}.border-black-alpha-20{border-color:rgba(0,0,0,0.2) !important}.border-black-alpha-30{border-color:rgba(0,0,0,0.3) !important}.border-black-alpha-40{border-color:rgba(0,0,0,0.4) !important}.border-black-alpha-50{border-color:rgba(0,0,0,0.5) !important}.border-black-alpha-60{border-color:rgba(0,0,0,0.6) !important}.border-black-alpha-70{border-color:rgba(0,0,0,0.7) !important}.border-black-alpha-80{border-color:rgba(0,0,0,0.8) !important}.border-black-alpha-90{border-color:rgba(0,0,0,0.9) !important}.hover\:border-black-alpha-10:hover{border-color:rgba(0,0,0,0.1) !important}.hover\:border-black-alpha-20:hover{border-color:rgba(0,0,0,0.2) !important}.hover\:border-black-alpha-30:hover{border-color:rgba(0,0,0,0.3) !important}.hover\:border-black-alpha-40:hover{border-color:rgba(0,0,0,0.4) !important}.hover\:border-black-alpha-50:hover{border-color:rgba(0,0,0,0.5) !important}.hover\:border-black-alpha-60:hover{border-color:rgba(0,0,0,0.6) !important}.hover\:border-black-alpha-70:hover{border-color:rgba(0,0,0,0.7) !important}.hover\:border-black-alpha-80:hover{border-color:rgba(0,0,0,0.8) !important}.hover\:border-black-alpha-90:hover{border-color:rgba(0,0,0,0.9) !important}.focus\:border-black-alpha-10:focus{border-color:rgba(0,0,0,0.1) !important}.focus\:border-black-alpha-20:focus{border-color:rgba(0,0,0,0.2) !important}.focus\:border-black-alpha-30:focus{border-color:rgba(0,0,0,0.3) !important}.focus\:border-black-alpha-40:focus{border-color:rgba(0,0,0,0.4) !important}.focus\:border-black-alpha-50:focus{border-color:rgba(0,0,0,0.5) !important}.focus\:border-black-alpha-60:focus{border-color:rgba(0,0,0,0.6) !important}.focus\:border-black-alpha-70:focus{border-color:rgba(0,0,0,0.7) !important}.focus\:border-black-alpha-80:focus{border-color:rgba(0,0,0,0.8) !important}.focus\:border-black-alpha-90:focus{border-color:rgba(0,0,0,0.9) !important}.active\:border-black-alpha-10:active{border-color:rgba(0,0,0,0.1) !important}.active\:border-black-alpha-20:active{border-color:rgba(0,0,0,0.2) !important}.active\:border-black-alpha-30:active{border-color:rgba(0,0,0,0.3) !important}.active\:border-black-alpha-40:active{border-color:rgba(0,0,0,0.4) !important}.active\:border-black-alpha-50:active{border-color:rgba(0,0,0,0.5) !important}.active\:border-black-alpha-60:active{border-color:rgba(0,0,0,0.6) !important}.active\:border-black-alpha-70:active{border-color:rgba(0,0,0,0.7) !important}.active\:border-black-alpha-80:active{border-color:rgba(0,0,0,0.8) !important}.active\:border-black-alpha-90:active{border-color:rgba(0,0,0,0.9) !important}.text-white-alpha-10{color:rgba(255,255,255,0.1) !important}.text-white-alpha-20{color:rgba(255,255,255,0.2) !important}.text-white-alpha-30{color:rgba(255,255,255,0.3) !important}.text-white-alpha-40{color:rgba(255,255,255,0.4) !important}.text-white-alpha-50{color:rgba(255,255,255,0.5) !important}.text-white-alpha-60{color:rgba(255,255,255,0.6) !important}.text-white-alpha-70{color:rgba(255,255,255,0.7) !important}.text-white-alpha-80{color:rgba(255,255,255,0.8) !important}.text-white-alpha-90{color:rgba(255,255,255,0.9) !important}.hover\:text-white-alpha-10:hover{color:rgba(255,255,255,0.1) !important}.hover\:text-white-alpha-20:hover{color:rgba(255,255,255,0.2) !important}.hover\:text-white-alpha-30:hover{color:rgba(255,255,255,0.3) !important}.hover\:text-white-alpha-40:hover{color:rgba(255,255,255,0.4) !important}.hover\:text-white-alpha-50:hover{color:rgba(255,255,255,0.5) !important}.hover\:text-white-alpha-60:hover{color:rgba(255,255,255,0.6) !important}.hover\:text-white-alpha-70:hover{color:rgba(255,255,255,0.7) !important}.hover\:text-white-alpha-80:hover{color:rgba(255,255,255,0.8) !important}.hover\:text-white-alpha-90:hover{color:rgba(255,255,255,0.9) !important}.focus\:text-white-alpha-10:focus{color:rgba(255,255,255,0.1) !important}.focus\:text-white-alpha-20:focus{color:rgba(255,255,255,0.2) !important}.focus\:text-white-alpha-30:focus{color:rgba(255,255,255,0.3) !important}.focus\:text-white-alpha-40:focus{color:rgba(255,255,255,0.4) !important}.focus\:text-white-alpha-50:focus{color:rgba(255,255,255,0.5) !important}.focus\:text-white-alpha-60:focus{color:rgba(255,255,255,0.6) !important}.focus\:text-white-alpha-70:focus{color:rgba(255,255,255,0.7) !important}.focus\:text-white-alpha-80:focus{color:rgba(255,255,255,0.8) !important}.focus\:text-white-alpha-90:focus{color:rgba(255,255,255,0.9) !important}.active\:text-white-alpha-10:active{color:rgba(255,255,255,0.1) !important}.active\:text-white-alpha-20:active{color:rgba(255,255,255,0.2) !important}.active\:text-white-alpha-30:active{color:rgba(255,255,255,0.3) !important}.active\:text-white-alpha-40:active{color:rgba(255,255,255,0.4) !important}.active\:text-white-alpha-50:active{color:rgba(255,255,255,0.5) !important}.active\:text-white-alpha-60:active{color:rgba(255,255,255,0.6) !important}.active\:text-white-alpha-70:active{color:rgba(255,255,255,0.7) !important}.active\:text-white-alpha-80:active{color:rgba(255,255,255,0.8) !important}.active\:text-white-alpha-90:active{color:rgba(255,255,255,0.9) !important}.text-black-alpha-10{color:rgba(0,0,0,0.1) !important}.text-black-alpha-20{color:rgba(0,0,0,0.2) !important}.text-black-alpha-30{color:rgba(0,0,0,0.3) !important}.text-black-alpha-40{color:rgba(0,0,0,0.4) !important}.text-black-alpha-50{color:rgba(0,0,0,0.5) !important}.text-black-alpha-60{color:rgba(0,0,0,0.6) !important}.text-black-alpha-70{color:rgba(0,0,0,0.7) !important}.text-black-alpha-80{color:rgba(0,0,0,0.8) !important}.text-black-alpha-90{color:rgba(0,0,0,0.9) !important}.hover\:text-black-alpha-10:hover{color:rgba(0,0,0,0.1) !important}.hover\:text-black-alpha-20:hover{color:rgba(0,0,0,0.2) !important}.hover\:text-black-alpha-30:hover{color:rgba(0,0,0,0.3) !important}.hover\:text-black-alpha-40:hover{color:rgba(0,0,0,0.4) !important}.hover\:text-black-alpha-50:hover{color:rgba(0,0,0,0.5) !important}.hover\:text-black-alpha-60:hover{color:rgba(0,0,0,0.6) !important}.hover\:text-black-alpha-70:hover{color:rgba(0,0,0,0.7) !important}.hover\:text-black-alpha-80:hover{color:rgba(0,0,0,0.8) !important}.hover\:text-black-alpha-90:hover{color:rgba(0,0,0,0.9) !important}.focus\:text-black-alpha-10:focus{color:rgba(0,0,0,0.1) !important}.focus\:text-black-alpha-20:focus{color:rgba(0,0,0,0.2) !important}.focus\:text-black-alpha-30:focus{color:rgba(0,0,0,0.3) !important}.focus\:text-black-alpha-40:focus{color:rgba(0,0,0,0.4) !important}.focus\:text-black-alpha-50:focus{color:rgba(0,0,0,0.5) !important}.focus\:text-black-alpha-60:focus{color:rgba(0,0,0,0.6) !important}.focus\:text-black-alpha-70:focus{color:rgba(0,0,0,0.7) !important}.focus\:text-black-alpha-80:focus{color:rgba(0,0,0,0.8) !important}.focus\:text-black-alpha-90:focus{color:rgba(0,0,0,0.9) !important}.active\:text-black-alpha-10:active{color:rgba(0,0,0,0.1) !important}.active\:text-black-alpha-20:active{color:rgba(0,0,0,0.2) !important}.active\:text-black-alpha-30:active{color:rgba(0,0,0,0.3) !important}.active\:text-black-alpha-40:active{color:rgba(0,0,0,0.4) !important}.active\:text-black-alpha-50:active{color:rgba(0,0,0,0.5) !important}.active\:text-black-alpha-60:active{color:rgba(0,0,0,0.6) !important}.active\:text-black-alpha-70:active{color:rgba(0,0,0,0.7) !important}.active\:text-black-alpha-80:active{color:rgba(0,0,0,0.8) !important}.active\:text-black-alpha-90:active{color:rgba(0,0,0,0.9) !important}.text-primary{color:var(--primary-color) !important}.bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.bg-white{background-color:#ffffff !important}.border-primary{border-color:var(--primary-color) !important}.text-white{color:#ffffff !important}.border-white{border-color:#ffffff !important}.text-color{color:var(--text-color) !important}.text-color-secondary{color:var(--text-color-secondary) !important}.surface-ground{background-color:var(--surface-ground) !important}.surface-section{background-color:var(--surface-section) !important}.surface-card{background-color:var(--surface-card) !important}.surface-overlay{background-color:var(--surface-overlay) !important}.surface-hover{background-color:var(--surface-hover) !important}.surface-border{border-color:var(--surface-border) !important}.focus\:text-primary:focus{color:var(--primary-color) !important}.hover\:text-primary:hover{color:var(--primary-color) !important}.active\:text-primary:active{color:var(--primary-color) !important}.focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.focus\:bg-white:focus{background-color:#ffffff !important}.hover\:bg-white:hover{background-color:#ffffff !important}.active\:bg-white:active{background-color:#ffffff !important}.focus\:border-primary:focus{border-color:var(--primary-color) !important}.hover\:border-primary:hover{border-color:var(--primary-color) !important}.active\:border-primary:active{border-color:var(--primary-color) !important}.focus\:text-white:focus{color:#ffffff !important}.hover\:text-white:hover{color:#ffffff !important}.active\:text-white:active{color:#ffffff !important}.focus\:border-white:focus{border-color:#ffffff !important}.hover\:border-white:hover{border-color:#ffffff !important}.active\:border-white:active{border-color:#ffffff !important}.focus\:text-color:focus{color:var(--text-color) !important}.hover\:text-color:hover{color:var(--text-color) !important}.active\:text-color:active{color:var(--text-color) !important}.focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.active\:surface-ground:active{background-color:var(--surface-ground) !important}.focus\:surface-section:focus{background-color:var(--surface-section) !important}.hover\:surface-section:hover{background-color:var(--surface-section) !important}.active\:surface-section:active{background-color:var(--surface-section) !important}.focus\:surface-card:focus{background-color:var(--surface-card) !important}.hover\:surface-card:hover{background-color:var(--surface-card) !important}.active\:surface-card:active{background-color:var(--surface-card) !important}.focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.active\:surface-hover:active{background-color:var(--surface-hover) !important}.focus\:surface-border:focus{border-color:var(--surface-border) !important}.hover\:surface-border:hover{border-color:var(--surface-border) !important}.active\:surface-border:active{border-color:var(--surface-border) !important}@media screen and (min-width: 576px){.sm\:text-primary{color:var(--primary-color) !important}.sm\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:bg-white{background-color:#ffffff !important}.sm\:border-primary{border-color:var(--primary-color) !important}.sm\:text-white{color:#ffffff !important}.sm\:border-white{border-color:#ffffff !important}.sm\:text-color{color:var(--text-color) !important}.sm\:text-color-secondary{color:var(--text-color-secondary) !important}.sm\:surface-ground{background-color:var(--surface-ground) !important}.sm\:surface-section{background-color:var(--surface-section) !important}.sm\:surface-card{background-color:var(--surface-card) !important}.sm\:surface-overlay{background-color:var(--surface-overlay) !important}.sm\:surface-hover{background-color:var(--surface-hover) !important}.sm\:surface-border{border-color:var(--surface-border) !important}.sm\:focus\:text-primary:focus{color:var(--primary-color) !important}.sm\:hover\:text-primary:hover{color:var(--primary-color) !important}.sm\:active\:text-primary:active{color:var(--primary-color) !important}.sm\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:focus\:bg-white:focus{background-color:#ffffff !important}.sm\:hover\:bg-white:hover{background-color:#ffffff !important}.sm\:active\:bg-white:active{background-color:#ffffff !important}.sm\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.sm\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.sm\:active\:border-primary:active{border-color:var(--primary-color) !important}.sm\:focus\:text-white:focus{color:#ffffff !important}.sm\:hover\:text-white:hover{color:#ffffff !important}.sm\:active\:text-white:active{color:#ffffff !important}.sm\:focus\:border-white:focus{border-color:#ffffff !important}.sm\:hover\:border-white:hover{border-color:#ffffff !important}.sm\:active\:border-white:active{border-color:#ffffff !important}.sm\:focus\:text-color:focus{color:var(--text-color) !important}.sm\:hover\:text-color:hover{color:var(--text-color) !important}.sm\:active\:text-color:active{color:var(--text-color) !important}.sm\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.sm\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.sm\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.sm\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.sm\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.sm\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.sm\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.sm\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.sm\:active\:surface-section:active{background-color:var(--surface-section) !important}.sm\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.sm\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.sm\:active\:surface-card:active{background-color:var(--surface-card) !important}.sm\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.sm\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.sm\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.sm\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.sm\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.sm\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.sm\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.sm\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.sm\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 768px){.md\:text-primary{color:var(--primary-color) !important}.md\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:bg-white{background-color:#ffffff !important}.md\:border-primary{border-color:var(--primary-color) !important}.md\:text-white{color:#ffffff !important}.md\:border-white{border-color:#ffffff !important}.md\:text-color{color:var(--text-color) !important}.md\:text-color-secondary{color:var(--text-color-secondary) !important}.md\:surface-ground{background-color:var(--surface-ground) !important}.md\:surface-section{background-color:var(--surface-section) !important}.md\:surface-card{background-color:var(--surface-card) !important}.md\:surface-overlay{background-color:var(--surface-overlay) !important}.md\:surface-hover{background-color:var(--surface-hover) !important}.md\:surface-border{border-color:var(--surface-border) !important}.md\:focus\:text-primary:focus{color:var(--primary-color) !important}.md\:hover\:text-primary:hover{color:var(--primary-color) !important}.md\:active\:text-primary:active{color:var(--primary-color) !important}.md\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:focus\:bg-white:focus{background-color:#ffffff !important}.md\:hover\:bg-white:hover{background-color:#ffffff !important}.md\:active\:bg-white:active{background-color:#ffffff !important}.md\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.md\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.md\:active\:border-primary:active{border-color:var(--primary-color) !important}.md\:focus\:text-white:focus{color:#ffffff !important}.md\:hover\:text-white:hover{color:#ffffff !important}.md\:active\:text-white:active{color:#ffffff !important}.md\:focus\:border-white:focus{border-color:#ffffff !important}.md\:hover\:border-white:hover{border-color:#ffffff !important}.md\:active\:border-white:active{border-color:#ffffff !important}.md\:focus\:text-color:focus{color:var(--text-color) !important}.md\:hover\:text-color:hover{color:var(--text-color) !important}.md\:active\:text-color:active{color:var(--text-color) !important}.md\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.md\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.md\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.md\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.md\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.md\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.md\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.md\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.md\:active\:surface-section:active{background-color:var(--surface-section) !important}.md\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.md\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.md\:active\:surface-card:active{background-color:var(--surface-card) !important}.md\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.md\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.md\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.md\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.md\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.md\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.md\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.md\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.md\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 992px){.lg\:text-primary{color:var(--primary-color) !important}.lg\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:bg-white{background-color:#ffffff !important}.lg\:border-primary{border-color:var(--primary-color) !important}.lg\:text-white{color:#ffffff !important}.lg\:border-white{border-color:#ffffff !important}.lg\:text-color{color:var(--text-color) !important}.lg\:text-color-secondary{color:var(--text-color-secondary) !important}.lg\:surface-ground{background-color:var(--surface-ground) !important}.lg\:surface-section{background-color:var(--surface-section) !important}.lg\:surface-card{background-color:var(--surface-card) !important}.lg\:surface-overlay{background-color:var(--surface-overlay) !important}.lg\:surface-hover{background-color:var(--surface-hover) !important}.lg\:surface-border{border-color:var(--surface-border) !important}.lg\:focus\:text-primary:focus{color:var(--primary-color) !important}.lg\:hover\:text-primary:hover{color:var(--primary-color) !important}.lg\:active\:text-primary:active{color:var(--primary-color) !important}.lg\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:focus\:bg-white:focus{background-color:#ffffff !important}.lg\:hover\:bg-white:hover{background-color:#ffffff !important}.lg\:active\:bg-white:active{background-color:#ffffff !important}.lg\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.lg\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.lg\:active\:border-primary:active{border-color:var(--primary-color) !important}.lg\:focus\:text-white:focus{color:#ffffff !important}.lg\:hover\:text-white:hover{color:#ffffff !important}.lg\:active\:text-white:active{color:#ffffff !important}.lg\:focus\:border-white:focus{border-color:#ffffff !important}.lg\:hover\:border-white:hover{border-color:#ffffff !important}.lg\:active\:border-white:active{border-color:#ffffff !important}.lg\:focus\:text-color:focus{color:var(--text-color) !important}.lg\:hover\:text-color:hover{color:var(--text-color) !important}.lg\:active\:text-color:active{color:var(--text-color) !important}.lg\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.lg\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.lg\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.lg\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.lg\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.lg\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.lg\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.lg\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.lg\:active\:surface-section:active{background-color:var(--surface-section) !important}.lg\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.lg\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.lg\:active\:surface-card:active{background-color:var(--surface-card) !important}.lg\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.lg\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.lg\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.lg\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.lg\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.lg\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.lg\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.lg\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.lg\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 1200px){.xl\:text-primary{color:var(--primary-color) !important}.xl\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:bg-white{background-color:#ffffff !important}.xl\:border-primary{border-color:var(--primary-color) !important}.xl\:text-white{color:#ffffff !important}.xl\:border-white{border-color:#ffffff !important}.xl\:text-color{color:var(--text-color) !important}.xl\:text-color-secondary{color:var(--text-color-secondary) !important}.xl\:surface-ground{background-color:var(--surface-ground) !important}.xl\:surface-section{background-color:var(--surface-section) !important}.xl\:surface-card{background-color:var(--surface-card) !important}.xl\:surface-overlay{background-color:var(--surface-overlay) !important}.xl\:surface-hover{background-color:var(--surface-hover) !important}.xl\:surface-border{border-color:var(--surface-border) !important}.xl\:focus\:text-primary:focus{color:var(--primary-color) !important}.xl\:hover\:text-primary:hover{color:var(--primary-color) !important}.xl\:active\:text-primary:active{color:var(--primary-color) !important}.xl\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:focus\:bg-white:focus{background-color:#ffffff !important}.xl\:hover\:bg-white:hover{background-color:#ffffff !important}.xl\:active\:bg-white:active{background-color:#ffffff !important}.xl\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.xl\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.xl\:active\:border-primary:active{border-color:var(--primary-color) !important}.xl\:focus\:text-white:focus{color:#ffffff !important}.xl\:hover\:text-white:hover{color:#ffffff !important}.xl\:active\:text-white:active{color:#ffffff !important}.xl\:focus\:border-white:focus{border-color:#ffffff !important}.xl\:hover\:border-white:hover{border-color:#ffffff !important}.xl\:active\:border-white:active{border-color:#ffffff !important}.xl\:focus\:text-color:focus{color:var(--text-color) !important}.xl\:hover\:text-color:hover{color:var(--text-color) !important}.xl\:active\:text-color:active{color:var(--text-color) !important}.xl\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.xl\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.xl\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.xl\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.xl\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.xl\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.xl\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.xl\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.xl\:active\:surface-section:active{background-color:var(--surface-section) !important}.xl\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.xl\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.xl\:active\:surface-card:active{background-color:var(--surface-card) !important}.xl\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.xl\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.xl\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.xl\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.xl\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.xl\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.xl\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.xl\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.xl\:active\:surface-border:active{border-color:var(--surface-border) !important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:inline{display:inline !important}.sm\:inline-block{display:inline-block !important}.sm\:flex{display:flex !important}.sm\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:inline{display:inline !important}.md\:inline-block{display:inline-block !important}.md\:flex{display:flex !important}.md\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:inline{display:inline !important}.lg\:inline-block{display:inline-block !important}.lg\:flex{display:flex !important}.lg\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.xl\:hidden{display:none !important}.xl\:block{display:block !important}.xl\:inline{display:inline !important}.xl\:inline-block{display:inline-block !important}.xl\:flex{display:flex !important}.xl\:inline-flex{display:inline-flex !important}}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media screen and (min-width: 576px){.sm\:text-center{text-align:center !important}.sm\:text-justify{text-align:justify !important}.sm\:text-left{text-align:left !important}.sm\:text-right{text-align:right !important}}@media screen and (min-width: 768px){.md\:text-center{text-align:center !important}.md\:text-justify{text-align:justify !important}.md\:text-left{text-align:left !important}.md\:text-right{text-align:right !important}}@media screen and (min-width: 992px){.lg\:text-center{text-align:center !important}.lg\:text-justify{text-align:justify !important}.lg\:text-left{text-align:left !important}.lg\:text-right{text-align:right !important}}@media screen and (min-width: 1200px){.xl\:text-center{text-align:center !important}.xl\:text-justify{text-align:justify !important}.xl\:text-left{text-align:left !important}.xl\:text-right{text-align:right !important}}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.no-underline{text-decoration:none !important}.focus\:underline:focus{text-decoration:underline !important}.hover\:underline:hover{text-decoration:underline !important}.active\:underline:active{text-decoration:underline !important}.focus\:line-through:focus{text-decoration:line-through !important}.hover\:line-through:hover{text-decoration:line-through !important}.active\:line-through:active{text-decoration:line-through !important}.focus\:no-underline:focus{text-decoration:none !important}.hover\:no-underline:hover{text-decoration:none !important}.active\:no-underline:active{text-decoration:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.capitalize{text-transform:capitalize !important}.text-overflow-clip{text-overflow:clip !important}.text-overflow-ellipsis{text-overflow:ellipsis !important}@media screen and (min-width: 576px){.sm\:text-overflow-clip{text-overflow:clip !important}.sm\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 768px){.md\:text-overflow-clip{text-overflow:clip !important}.md\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 992px){.lg\:text-overflow-clip{text-overflow:clip !important}.lg\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 1200px){.xl\:text-overflow-clip{text-overflow:clip !important}.xl\:text-overflow-ellipsis{text-overflow:ellipsis !important}}.font-light{font-weight:300 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}@media screen and (min-width: 576px){.sm\:font-light{font-weight:300 !important}.sm\:font-normal{font-weight:400 !important}.sm\:font-medium{font-weight:500 !important}.sm\:font-semibold{font-weight:600 !important}.sm\:font-bold{font-weight:700 !important}}@media screen and (min-width: 768px){.md\:font-light{font-weight:300 !important}.md\:font-normal{font-weight:400 !important}.md\:font-medium{font-weight:500 !important}.md\:font-semibold{font-weight:600 !important}.md\:font-bold{font-weight:700 !important}}@media screen and (min-width: 992px){.lg\:font-light{font-weight:300 !important}.lg\:font-normal{font-weight:400 !important}.lg\:font-medium{font-weight:500 !important}.lg\:font-semibold{font-weight:600 !important}.lg\:font-bold{font-weight:700 !important}}@media screen and (min-width: 1200px){.xl\:font-light{font-weight:300 !important}.xl\:font-normal{font-weight:400 !important}.xl\:font-medium{font-weight:500 !important}.xl\:font-semibold{font-weight:600 !important}.xl\:font-bold{font-weight:700 !important}}.font-italic{font-style:italic !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.75rem !important}.text-4xl{font-size:2rem !important}.text-5xl{font-size:2.5rem !important}.text-6xl{font-size:3rem !important}.text-7xl{font-size:4rem !important}.text-8xl{font-size:6rem !important}@media screen and (min-width: 576px){.sm\:text-xs{font-size:0.75rem !important}.sm\:text-sm{font-size:0.875rem !important}.sm\:text-base{font-size:1rem !important}.sm\:text-lg{font-size:1.125rem !important}.sm\:text-xl{font-size:1.25rem !important}.sm\:text-2xl{font-size:1.5rem !important}.sm\:text-3xl{font-size:1.75rem !important}.sm\:text-4xl{font-size:2rem !important}.sm\:text-5xl{font-size:2.5rem !important}.sm\:text-6xl{font-size:3rem !important}.sm\:text-7xl{font-size:4rem !important}.sm\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 768px){.md\:text-xs{font-size:0.75rem !important}.md\:text-sm{font-size:0.875rem !important}.md\:text-base{font-size:1rem !important}.md\:text-lg{font-size:1.125rem !important}.md\:text-xl{font-size:1.25rem !important}.md\:text-2xl{font-size:1.5rem !important}.md\:text-3xl{font-size:1.75rem !important}.md\:text-4xl{font-size:2rem !important}.md\:text-5xl{font-size:2.5rem !important}.md\:text-6xl{font-size:3rem !important}.md\:text-7xl{font-size:4rem !important}.md\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 992px){.lg\:text-xs{font-size:0.75rem !important}.lg\:text-sm{font-size:0.875rem !important}.lg\:text-base{font-size:1rem !important}.lg\:text-lg{font-size:1.125rem !important}.lg\:text-xl{font-size:1.25rem !important}.lg\:text-2xl{font-size:1.5rem !important}.lg\:text-3xl{font-size:1.75rem !important}.lg\:text-4xl{font-size:2rem !important}.lg\:text-5xl{font-size:2.5rem !important}.lg\:text-6xl{font-size:3rem !important}.lg\:text-7xl{font-size:4rem !important}.lg\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 1200px){.xl\:text-xs{font-size:0.75rem !important}.xl\:text-sm{font-size:0.875rem !important}.xl\:text-base{font-size:1rem !important}.xl\:text-lg{font-size:1.125rem !important}.xl\:text-xl{font-size:1.25rem !important}.xl\:text-2xl{font-size:1.5rem !important}.xl\:text-3xl{font-size:1.75rem !important}.xl\:text-4xl{font-size:2rem !important}.xl\:text-5xl{font-size:2.5rem !important}.xl\:text-6xl{font-size:3rem !important}.xl\:text-7xl{font-size:4rem !important}.xl\:text-8xl{font-size:6rem !important}}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.25 !important}.line-height-3{line-height:1.5 !important}.line-height-4{line-height:2 !important}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.vertical-align-baseline{vertical-align:baseline !important}.vertical-align-top{vertical-align:top !important}.vertical-align-middle{vertical-align:middle !important}.vertical-align-bottom{vertical-align:bottom !important}.vertical-align-text-top{vertical-align:text-top !important}.vertical-align-text-bottom{vertical-align:text-bottom !important}.vertical-align-sub{vertical-align:sub !important}.vertical-align-super{vertical-align:super !important}@media screen and (min-width: 576px){.sm\:vertical-align-baseline{vertical-align:baseline !important}.sm\:vertical-align-top{vertical-align:top !important}.sm\:vertical-align-middle{vertical-align:middle !important}.sm\:vertical-align-bottom{vertical-align:bottom !important}.sm\:vertical-align-text-top{vertical-align:text-top !important}.sm\:vertical-align-text-bottom{vertical-align:text-bottom !important}.sm\:vertical-align-sub{vertical-align:sub !important}.sm\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 768px){.md\:vertical-align-baseline{vertical-align:baseline !important}.md\:vertical-align-top{vertical-align:top !important}.md\:vertical-align-middle{vertical-align:middle !important}.md\:vertical-align-bottom{vertical-align:bottom !important}.md\:vertical-align-text-top{vertical-align:text-top !important}.md\:vertical-align-text-bottom{vertical-align:text-bottom !important}.md\:vertical-align-sub{vertical-align:sub !important}.md\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 992px){.lg\:vertical-align-baseline{vertical-align:baseline !important}.lg\:vertical-align-top{vertical-align:top !important}.lg\:vertical-align-middle{vertical-align:middle !important}.lg\:vertical-align-bottom{vertical-align:bottom !important}.lg\:vertical-align-text-top{vertical-align:text-top !important}.lg\:vertical-align-text-bottom{vertical-align:text-bottom !important}.lg\:vertical-align-sub{vertical-align:sub !important}.lg\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 1200px){.xl\:vertical-align-baseline{vertical-align:baseline !important}.xl\:vertical-align-top{vertical-align:top !important}.xl\:vertical-align-middle{vertical-align:middle !important}.xl\:vertical-align-bottom{vertical-align:bottom !important}.xl\:vertical-align-text-top{vertical-align:text-top !important}.xl\:vertical-align-text-bottom{vertical-align:text-bottom !important}.xl\:vertical-align-sub{vertical-align:sub !important}.xl\:vertical-align-super{vertical-align:super !important}}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column{flex-direction:column !important}.flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.sm\:flex-row{flex-direction:row !important}.sm\:flex-row-reverse{flex-direction:row-reverse !important}.sm\:flex-column{flex-direction:column !important}.sm\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.md\:flex-row{flex-direction:row !important}.md\:flex-row-reverse{flex-direction:row-reverse !important}.md\:flex-column{flex-direction:column !important}.md\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.lg\:flex-row{flex-direction:row !important}.lg\:flex-row-reverse{flex-direction:row-reverse !important}.lg\:flex-column{flex-direction:column !important}.lg\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.xl\:flex-row{flex-direction:row !important}.xl\:flex-row-reverse{flex-direction:row-reverse !important}.xl\:flex-column{flex-direction:column !important}.xl\:flex-column-reverse{flex-direction:column-reverse !important}}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}@media screen and (min-width: 576px){.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.sm\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 768px){.md\:flex-wrap{flex-wrap:wrap !important}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.md\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 992px){.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 1200px){.xl\:flex-wrap{flex-wrap:wrap !important}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.xl\:flex-nowrap{flex-wrap:nowrap !important}}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:justify-content-start{justify-content:flex-start !important}.sm\:justify-content-end{justify-content:flex-end !important}.sm\:justify-content-center{justify-content:center !important}.sm\:justify-content-between{justify-content:space-between !important}.sm\:justify-content-around{justify-content:space-around !important}.sm\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:justify-content-start{justify-content:flex-start !important}.md\:justify-content-end{justify-content:flex-end !important}.md\:justify-content-center{justify-content:center !important}.md\:justify-content-between{justify-content:space-between !important}.md\:justify-content-around{justify-content:space-around !important}.md\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:justify-content-start{justify-content:flex-start !important}.lg\:justify-content-end{justify-content:flex-end !important}.lg\:justify-content-center{justify-content:center !important}.lg\:justify-content-between{justify-content:space-between !important}.lg\:justify-content-around{justify-content:space-around !important}.lg\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:justify-content-start{justify-content:flex-start !important}.xl\:justify-content-end{justify-content:flex-end !important}.xl\:justify-content-center{justify-content:center !important}.xl\:justify-content-between{justify-content:space-between !important}.xl\:justify-content-around{justify-content:space-around !important}.xl\:justify-content-evenly{justify-content:space-evenly !important}}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-evenly{align-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:align-content-start{align-content:flex-start !important}.sm\:align-content-end{align-content:flex-end !important}.sm\:align-content-center{align-content:center !important}.sm\:align-content-between{align-content:space-between !important}.sm\:align-content-around{align-content:space-around !important}.sm\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:align-content-start{align-content:flex-start !important}.md\:align-content-end{align-content:flex-end !important}.md\:align-content-center{align-content:center !important}.md\:align-content-between{align-content:space-between !important}.md\:align-content-around{align-content:space-around !important}.md\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:align-content-start{align-content:flex-start !important}.lg\:align-content-end{align-content:flex-end !important}.lg\:align-content-center{align-content:center !important}.lg\:align-content-between{align-content:space-between !important}.lg\:align-content-around{align-content:space-around !important}.lg\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:align-content-start{align-content:flex-start !important}.xl\:align-content-end{align-content:flex-end !important}.xl\:align-content-center{align-content:center !important}.xl\:align-content-between{align-content:space-between !important}.xl\:align-content-around{align-content:space-around !important}.xl\:align-content-evenly{align-content:space-evenly !important}}.align-items-stretch{align-items:stretch !important}.align-items-start{align-items:flex-start !important}.align-items-center{align-items:center !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}@media screen and (min-width: 576px){.sm\:align-items-stretch{align-items:stretch !important}.sm\:align-items-start{align-items:flex-start !important}.sm\:align-items-center{align-items:center !important}.sm\:align-items-end{align-items:flex-end !important}.sm\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 768px){.md\:align-items-stretch{align-items:stretch !important}.md\:align-items-start{align-items:flex-start !important}.md\:align-items-center{align-items:center !important}.md\:align-items-end{align-items:flex-end !important}.md\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 992px){.lg\:align-items-stretch{align-items:stretch !important}.lg\:align-items-start{align-items:flex-start !important}.lg\:align-items-center{align-items:center !important}.lg\:align-items-end{align-items:flex-end !important}.lg\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-items-stretch{align-items:stretch !important}.xl\:align-items-start{align-items:flex-start !important}.xl\:align-items-center{align-items:center !important}.xl\:align-items-end{align-items:flex-end !important}.xl\:align-items-baseline{align-items:baseline !important}}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-stretch{align-self:stretch !important}.align-self-baseline{align-self:baseline !important}@media screen and (min-width: 576px){.sm\:align-self-auto{align-self:auto !important}.sm\:align-self-start{align-self:flex-start !important}.sm\:align-self-end{align-self:flex-end !important}.sm\:align-self-center{align-self:center !important}.sm\:align-self-stretch{align-self:stretch !important}.sm\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 768px){.md\:align-self-auto{align-self:auto !important}.md\:align-self-start{align-self:flex-start !important}.md\:align-self-end{align-self:flex-end !important}.md\:align-self-center{align-self:center !important}.md\:align-self-stretch{align-self:stretch !important}.md\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 992px){.lg\:align-self-auto{align-self:auto !important}.lg\:align-self-start{align-self:flex-start !important}.lg\:align-self-end{align-self:flex-end !important}.lg\:align-self-center{align-self:center !important}.lg\:align-self-stretch{align-self:stretch !important}.lg\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-self-auto{align-self:auto !important}.xl\:align-self-start{align-self:flex-start !important}.xl\:align-self-end{align-self:flex-end !important}.xl\:align-self-center{align-self:center !important}.xl\:align-self-stretch{align-self:stretch !important}.xl\:align-self-baseline{align-self:baseline !important}}.flex-order-0{order:0 !important}.flex-order-1{order:1 !important}.flex-order-2{order:2 !important}.flex-order-3{order:3 !important}.flex-order-4{order:4 !important}.flex-order-5{order:5 !important}.flex-order-6{order:6 !important}@media screen and (min-width: 576px){.sm\:flex-order-0{order:0 !important}.sm\:flex-order-1{order:1 !important}.sm\:flex-order-2{order:2 !important}.sm\:flex-order-3{order:3 !important}.sm\:flex-order-4{order:4 !important}.sm\:flex-order-5{order:5 !important}.sm\:flex-order-6{order:6 !important}}@media screen and (min-width: 768px){.md\:flex-order-0{order:0 !important}.md\:flex-order-1{order:1 !important}.md\:flex-order-2{order:2 !important}.md\:flex-order-3{order:3 !important}.md\:flex-order-4{order:4 !important}.md\:flex-order-5{order:5 !important}.md\:flex-order-6{order:6 !important}}@media screen and (min-width: 992px){.lg\:flex-order-0{order:0 !important}.lg\:flex-order-1{order:1 !important}.lg\:flex-order-2{order:2 !important}.lg\:flex-order-3{order:3 !important}.lg\:flex-order-4{order:4 !important}.lg\:flex-order-5{order:5 !important}.lg\:flex-order-6{order:6 !important}}@media screen and (min-width: 1200px){.xl\:flex-order-0{order:0 !important}.xl\:flex-order-1{order:1 !important}.xl\:flex-order-2{order:2 !important}.xl\:flex-order-3{order:3 !important}.xl\:flex-order-4{order:4 !important}.xl\:flex-order-5{order:5 !important}.xl\:flex-order-6{order:6 !important}}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}@media screen and (min-width: 576px){.sm\:flex-1{flex:1 1 0% !important}.sm\:flex-auto{flex:1 1 auto !important}.sm\:flex-initial{flex:0 1 auto !important}.sm\:flex-none{flex:none !important}}@media screen and (min-width: 768px){.md\:flex-1{flex:1 1 0% !important}.md\:flex-auto{flex:1 1 auto !important}.md\:flex-initial{flex:0 1 auto !important}.md\:flex-none{flex:none !important}}@media screen and (min-width: 992px){.lg\:flex-1{flex:1 1 0% !important}.lg\:flex-auto{flex:1 1 auto !important}.lg\:flex-initial{flex:0 1 auto !important}.lg\:flex-none{flex:none !important}}@media screen and (min-width: 1200px){.xl\:flex-1{flex:1 1 0% !important}.xl\:flex-auto{flex:1 1 auto !important}.xl\:flex-initial{flex:0 1 auto !important}.xl\:flex-none{flex:none !important}}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}@media screen and (min-width: 576px){.sm\:flex-grow-0{flex-grow:0 !important}.sm\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 768px){.md\:flex-grow-0{flex-grow:0 !important}.md\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 992px){.lg\:flex-grow-0{flex-grow:0 !important}.lg\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-grow-0{flex-grow:0 !important}.xl\:flex-grow-1{flex-grow:1 !important}}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}@media screen and (min-width: 576px){.sm\:flex-shrink-0{flex-shrink:0 !important}.sm\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 768px){.md\:flex-shrink-0{flex-shrink:0 !important}.md\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 992px){.lg\:flex-shrink-0{flex-shrink:0 !important}.lg\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-shrink-0{flex-shrink:0 !important}.xl\:flex-shrink-1{flex-shrink:1 !important}}.gap-0{gap:0rem !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:2rem !important}.gap-6{gap:3rem !important}.gap-7{gap:4rem !important}.gap-8{gap:5rem !important}.row-gap-0{row-gap:0rem !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:2rem !important}.row-gap-6{row-gap:3rem !important}.row-gap-7{row-gap:4rem !important}.row-gap-8{row-gap:5rem !important}.column-gap-0{column-gap:0rem !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:2rem !important}.column-gap-6{column-gap:3rem !important}.column-gap-7{column-gap:4rem !important}.column-gap-8{column-gap:5rem !important}@media screen and (min-width: 576px){.sm\:gap-0{gap:0rem !important}.sm\:gap-1{gap:.25rem !important}.sm\:gap-2{gap:.5rem !important}.sm\:gap-3{gap:1rem !important}.sm\:gap-4{gap:1.5rem !important}.sm\:gap-5{gap:2rem !important}.sm\:gap-6{gap:3rem !important}.sm\:gap-7{gap:4rem !important}.sm\:gap-8{gap:5rem !important}.sm\:row-gap-0{row-gap:0rem !important}.sm\:row-gap-1{row-gap:.25rem !important}.sm\:row-gap-2{row-gap:.5rem !important}.sm\:row-gap-3{row-gap:1rem !important}.sm\:row-gap-4{row-gap:1.5rem !important}.sm\:row-gap-5{row-gap:2rem !important}.sm\:row-gap-6{row-gap:3rem !important}.sm\:row-gap-7{row-gap:4rem !important}.sm\:row-gap-8{row-gap:5rem !important}.sm\:column-gap-0{column-gap:0rem !important}.sm\:column-gap-1{column-gap:.25rem !important}.sm\:column-gap-2{column-gap:.5rem !important}.sm\:column-gap-3{column-gap:1rem !important}.sm\:column-gap-4{column-gap:1.5rem !important}.sm\:column-gap-5{column-gap:2rem !important}.sm\:column-gap-6{column-gap:3rem !important}.sm\:column-gap-7{column-gap:4rem !important}.sm\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 768px){.md\:gap-0{gap:0rem !important}.md\:gap-1{gap:.25rem !important}.md\:gap-2{gap:.5rem !important}.md\:gap-3{gap:1rem !important}.md\:gap-4{gap:1.5rem !important}.md\:gap-5{gap:2rem !important}.md\:gap-6{gap:3rem !important}.md\:gap-7{gap:4rem !important}.md\:gap-8{gap:5rem !important}.md\:row-gap-0{row-gap:0rem !important}.md\:row-gap-1{row-gap:.25rem !important}.md\:row-gap-2{row-gap:.5rem !important}.md\:row-gap-3{row-gap:1rem !important}.md\:row-gap-4{row-gap:1.5rem !important}.md\:row-gap-5{row-gap:2rem !important}.md\:row-gap-6{row-gap:3rem !important}.md\:row-gap-7{row-gap:4rem !important}.md\:row-gap-8{row-gap:5rem !important}.md\:column-gap-0{column-gap:0rem !important}.md\:column-gap-1{column-gap:.25rem !important}.md\:column-gap-2{column-gap:.5rem !important}.md\:column-gap-3{column-gap:1rem !important}.md\:column-gap-4{column-gap:1.5rem !important}.md\:column-gap-5{column-gap:2rem !important}.md\:column-gap-6{column-gap:3rem !important}.md\:column-gap-7{column-gap:4rem !important}.md\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 992px){.lg\:gap-0{gap:0rem !important}.lg\:gap-1{gap:.25rem !important}.lg\:gap-2{gap:.5rem !important}.lg\:gap-3{gap:1rem !important}.lg\:gap-4{gap:1.5rem !important}.lg\:gap-5{gap:2rem !important}.lg\:gap-6{gap:3rem !important}.lg\:gap-7{gap:4rem !important}.lg\:gap-8{gap:5rem !important}.lg\:row-gap-0{row-gap:0rem !important}.lg\:row-gap-1{row-gap:.25rem !important}.lg\:row-gap-2{row-gap:.5rem !important}.lg\:row-gap-3{row-gap:1rem !important}.lg\:row-gap-4{row-gap:1.5rem !important}.lg\:row-gap-5{row-gap:2rem !important}.lg\:row-gap-6{row-gap:3rem !important}.lg\:row-gap-7{row-gap:4rem !important}.lg\:row-gap-8{row-gap:5rem !important}.lg\:column-gap-0{column-gap:0rem !important}.lg\:column-gap-1{column-gap:.25rem !important}.lg\:column-gap-2{column-gap:.5rem !important}.lg\:column-gap-3{column-gap:1rem !important}.lg\:column-gap-4{column-gap:1.5rem !important}.lg\:column-gap-5{column-gap:2rem !important}.lg\:column-gap-6{column-gap:3rem !important}.lg\:column-gap-7{column-gap:4rem !important}.lg\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 1200px){.xl\:gap-0{gap:0rem !important}.xl\:gap-1{gap:.25rem !important}.xl\:gap-2{gap:.5rem !important}.xl\:gap-3{gap:1rem !important}.xl\:gap-4{gap:1.5rem !important}.xl\:gap-5{gap:2rem !important}.xl\:gap-6{gap:3rem !important}.xl\:gap-7{gap:4rem !important}.xl\:gap-8{gap:5rem !important}.xl\:row-gap-0{row-gap:0rem !important}.xl\:row-gap-1{row-gap:.25rem !important}.xl\:row-gap-2{row-gap:.5rem !important}.xl\:row-gap-3{row-gap:1rem !important}.xl\:row-gap-4{row-gap:1.5rem !important}.xl\:row-gap-5{row-gap:2rem !important}.xl\:row-gap-6{row-gap:3rem !important}.xl\:row-gap-7{row-gap:4rem !important}.xl\:row-gap-8{row-gap:5rem !important}.xl\:column-gap-0{column-gap:0rem !important}.xl\:column-gap-1{column-gap:.25rem !important}.xl\:column-gap-2{column-gap:.5rem !important}.xl\:column-gap-3{column-gap:1rem !important}.xl\:column-gap-4{column-gap:1.5rem !important}.xl\:column-gap-5{column-gap:2rem !important}.xl\:column-gap-6{column-gap:3rem !important}.xl\:column-gap-7{column-gap:4rem !important}.xl\:column-gap-8{column-gap:5rem !important}}.p-0{padding:0rem !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:2rem !important}.p-6{padding:3rem !important}.p-7{padding:4rem !important}.p-8{padding:5rem !important}.pt-0{padding-top:0rem !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:2rem !important}.pt-6{padding-top:3rem !important}.pt-7{padding-top:4rem !important}.pt-8{padding-top:5rem !important}.pr-0{padding-right:0rem !important}.pr-1{padding-right:.25rem !important}.pr-2{padding-right:.5rem !important}.pr-3{padding-right:1rem !important}.pr-4{padding-right:1.5rem !important}.pr-5{padding-right:2rem !important}.pr-6{padding-right:3rem !important}.pr-7{padding-right:4rem !important}.pr-8{padding-right:5rem !important}.pl-0{padding-left:0rem !important}.pl-1{padding-left:.25rem !important}.pl-2{padding-left:.5rem !important}.pl-3{padding-left:1rem !important}.pl-4{padding-left:1.5rem !important}.pl-5{padding-left:2rem !important}.pl-6{padding-left:3rem !important}.pl-7{padding-left:4rem !important}.pl-8{padding-left:5rem !important}.pb-0{padding-bottom:0rem !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:2rem !important}.pb-6{padding-bottom:3rem !important}.pb-7{padding-bottom:4rem !important}.pb-8{padding-bottom:5rem !important}.px-0{padding-left:0rem !important;padding-right:0rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.px-3{padding-left:1rem !important;padding-right:1rem !important}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-5{padding-left:2rem !important;padding-right:2rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.px-7{padding-left:4rem !important;padding-right:4rem !important}.px-8{padding-left:5rem !important;padding-right:5rem !important}.py-0{padding-top:0rem !important;padding-bottom:0rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.py-7{padding-top:4rem !important;padding-bottom:4rem !important}.py-8{padding-top:5rem !important;padding-bottom:5rem !important}@media screen and (min-width: 576px){.sm\:p-0{padding:0rem !important}.sm\:p-1{padding:.25rem !important}.sm\:p-2{padding:.5rem !important}.sm\:p-3{padding:1rem !important}.sm\:p-4{padding:1.5rem !important}.sm\:p-5{padding:2rem !important}.sm\:p-6{padding:3rem !important}.sm\:p-7{padding:4rem !important}.sm\:p-8{padding:5rem !important}.sm\:pt-0{padding-top:0rem !important}.sm\:pt-1{padding-top:.25rem !important}.sm\:pt-2{padding-top:.5rem !important}.sm\:pt-3{padding-top:1rem !important}.sm\:pt-4{padding-top:1.5rem !important}.sm\:pt-5{padding-top:2rem !important}.sm\:pt-6{padding-top:3rem !important}.sm\:pt-7{padding-top:4rem !important}.sm\:pt-8{padding-top:5rem !important}.sm\:pr-0{padding-right:0rem !important}.sm\:pr-1{padding-right:.25rem !important}.sm\:pr-2{padding-right:.5rem !important}.sm\:pr-3{padding-right:1rem !important}.sm\:pr-4{padding-right:1.5rem !important}.sm\:pr-5{padding-right:2rem !important}.sm\:pr-6{padding-right:3rem !important}.sm\:pr-7{padding-right:4rem !important}.sm\:pr-8{padding-right:5rem !important}.sm\:pl-0{padding-left:0rem !important}.sm\:pl-1{padding-left:.25rem !important}.sm\:pl-2{padding-left:.5rem !important}.sm\:pl-3{padding-left:1rem !important}.sm\:pl-4{padding-left:1.5rem !important}.sm\:pl-5{padding-left:2rem !important}.sm\:pl-6{padding-left:3rem !important}.sm\:pl-7{padding-left:4rem !important}.sm\:pl-8{padding-left:5rem !important}.sm\:pb-0{padding-bottom:0rem !important}.sm\:pb-1{padding-bottom:.25rem !important}.sm\:pb-2{padding-bottom:.5rem !important}.sm\:pb-3{padding-bottom:1rem !important}.sm\:pb-4{padding-bottom:1.5rem !important}.sm\:pb-5{padding-bottom:2rem !important}.sm\:pb-6{padding-bottom:3rem !important}.sm\:pb-7{padding-bottom:4rem !important}.sm\:pb-8{padding-bottom:5rem !important}.sm\:px-0{padding-left:0rem !important;padding-right:0rem !important}.sm\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.sm\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.sm\:px-3{padding-left:1rem !important;padding-right:1rem !important}.sm\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.sm\:px-5{padding-left:2rem !important;padding-right:2rem !important}.sm\:px-6{padding-left:3rem !important;padding-right:3rem !important}.sm\:px-7{padding-left:4rem !important;padding-right:4rem !important}.sm\:px-8{padding-left:5rem !important;padding-right:5rem !important}.sm\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.sm\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.sm\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.sm\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.sm\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.sm\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.sm\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.sm\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.sm\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 768px){.md\:p-0{padding:0rem !important}.md\:p-1{padding:.25rem !important}.md\:p-2{padding:.5rem !important}.md\:p-3{padding:1rem !important}.md\:p-4{padding:1.5rem !important}.md\:p-5{padding:2rem !important}.md\:p-6{padding:3rem !important}.md\:p-7{padding:4rem !important}.md\:p-8{padding:5rem !important}.md\:pt-0{padding-top:0rem !important}.md\:pt-1{padding-top:.25rem !important}.md\:pt-2{padding-top:.5rem !important}.md\:pt-3{padding-top:1rem !important}.md\:pt-4{padding-top:1.5rem !important}.md\:pt-5{padding-top:2rem !important}.md\:pt-6{padding-top:3rem !important}.md\:pt-7{padding-top:4rem !important}.md\:pt-8{padding-top:5rem !important}.md\:pr-0{padding-right:0rem !important}.md\:pr-1{padding-right:.25rem !important}.md\:pr-2{padding-right:.5rem !important}.md\:pr-3{padding-right:1rem !important}.md\:pr-4{padding-right:1.5rem !important}.md\:pr-5{padding-right:2rem !important}.md\:pr-6{padding-right:3rem !important}.md\:pr-7{padding-right:4rem !important}.md\:pr-8{padding-right:5rem !important}.md\:pl-0{padding-left:0rem !important}.md\:pl-1{padding-left:.25rem !important}.md\:pl-2{padding-left:.5rem !important}.md\:pl-3{padding-left:1rem !important}.md\:pl-4{padding-left:1.5rem !important}.md\:pl-5{padding-left:2rem !important}.md\:pl-6{padding-left:3rem !important}.md\:pl-7{padding-left:4rem !important}.md\:pl-8{padding-left:5rem !important}.md\:pb-0{padding-bottom:0rem !important}.md\:pb-1{padding-bottom:.25rem !important}.md\:pb-2{padding-bottom:.5rem !important}.md\:pb-3{padding-bottom:1rem !important}.md\:pb-4{padding-bottom:1.5rem !important}.md\:pb-5{padding-bottom:2rem !important}.md\:pb-6{padding-bottom:3rem !important}.md\:pb-7{padding-bottom:4rem !important}.md\:pb-8{padding-bottom:5rem !important}.md\:px-0{padding-left:0rem !important;padding-right:0rem !important}.md\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.md\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.md\:px-3{padding-left:1rem !important;padding-right:1rem !important}.md\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.md\:px-5{padding-left:2rem !important;padding-right:2rem !important}.md\:px-6{padding-left:3rem !important;padding-right:3rem !important}.md\:px-7{padding-left:4rem !important;padding-right:4rem !important}.md\:px-8{padding-left:5rem !important;padding-right:5rem !important}.md\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.md\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.md\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.md\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.md\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.md\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.md\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.md\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.md\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 992px){.lg\:p-0{padding:0rem !important}.lg\:p-1{padding:.25rem !important}.lg\:p-2{padding:.5rem !important}.lg\:p-3{padding:1rem !important}.lg\:p-4{padding:1.5rem !important}.lg\:p-5{padding:2rem !important}.lg\:p-6{padding:3rem !important}.lg\:p-7{padding:4rem !important}.lg\:p-8{padding:5rem !important}.lg\:pt-0{padding-top:0rem !important}.lg\:pt-1{padding-top:.25rem !important}.lg\:pt-2{padding-top:.5rem !important}.lg\:pt-3{padding-top:1rem !important}.lg\:pt-4{padding-top:1.5rem !important}.lg\:pt-5{padding-top:2rem !important}.lg\:pt-6{padding-top:3rem !important}.lg\:pt-7{padding-top:4rem !important}.lg\:pt-8{padding-top:5rem !important}.lg\:pr-0{padding-right:0rem !important}.lg\:pr-1{padding-right:.25rem !important}.lg\:pr-2{padding-right:.5rem !important}.lg\:pr-3{padding-right:1rem !important}.lg\:pr-4{padding-right:1.5rem !important}.lg\:pr-5{padding-right:2rem !important}.lg\:pr-6{padding-right:3rem !important}.lg\:pr-7{padding-right:4rem !important}.lg\:pr-8{padding-right:5rem !important}.lg\:pl-0{padding-left:0rem !important}.lg\:pl-1{padding-left:.25rem !important}.lg\:pl-2{padding-left:.5rem !important}.lg\:pl-3{padding-left:1rem !important}.lg\:pl-4{padding-left:1.5rem !important}.lg\:pl-5{padding-left:2rem !important}.lg\:pl-6{padding-left:3rem !important}.lg\:pl-7{padding-left:4rem !important}.lg\:pl-8{padding-left:5rem !important}.lg\:pb-0{padding-bottom:0rem !important}.lg\:pb-1{padding-bottom:.25rem !important}.lg\:pb-2{padding-bottom:.5rem !important}.lg\:pb-3{padding-bottom:1rem !important}.lg\:pb-4{padding-bottom:1.5rem !important}.lg\:pb-5{padding-bottom:2rem !important}.lg\:pb-6{padding-bottom:3rem !important}.lg\:pb-7{padding-bottom:4rem !important}.lg\:pb-8{padding-bottom:5rem !important}.lg\:px-0{padding-left:0rem !important;padding-right:0rem !important}.lg\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.lg\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.lg\:px-3{padding-left:1rem !important;padding-right:1rem !important}.lg\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.lg\:px-5{padding-left:2rem !important;padding-right:2rem !important}.lg\:px-6{padding-left:3rem !important;padding-right:3rem !important}.lg\:px-7{padding-left:4rem !important;padding-right:4rem !important}.lg\:px-8{padding-left:5rem !important;padding-right:5rem !important}.lg\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.lg\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.lg\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.lg\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.lg\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.lg\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.lg\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.lg\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.lg\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1200px){.xl\:p-0{padding:0rem !important}.xl\:p-1{padding:.25rem !important}.xl\:p-2{padding:.5rem !important}.xl\:p-3{padding:1rem !important}.xl\:p-4{padding:1.5rem !important}.xl\:p-5{padding:2rem !important}.xl\:p-6{padding:3rem !important}.xl\:p-7{padding:4rem !important}.xl\:p-8{padding:5rem !important}.xl\:pt-0{padding-top:0rem !important}.xl\:pt-1{padding-top:.25rem !important}.xl\:pt-2{padding-top:.5rem !important}.xl\:pt-3{padding-top:1rem !important}.xl\:pt-4{padding-top:1.5rem !important}.xl\:pt-5{padding-top:2rem !important}.xl\:pt-6{padding-top:3rem !important}.xl\:pt-7{padding-top:4rem !important}.xl\:pt-8{padding-top:5rem !important}.xl\:pr-0{padding-right:0rem !important}.xl\:pr-1{padding-right:.25rem !important}.xl\:pr-2{padding-right:.5rem !important}.xl\:pr-3{padding-right:1rem !important}.xl\:pr-4{padding-right:1.5rem !important}.xl\:pr-5{padding-right:2rem !important}.xl\:pr-6{padding-right:3rem !important}.xl\:pr-7{padding-right:4rem !important}.xl\:pr-8{padding-right:5rem !important}.xl\:pl-0{padding-left:0rem !important}.xl\:pl-1{padding-left:.25rem !important}.xl\:pl-2{padding-left:.5rem !important}.xl\:pl-3{padding-left:1rem !important}.xl\:pl-4{padding-left:1.5rem !important}.xl\:pl-5{padding-left:2rem !important}.xl\:pl-6{padding-left:3rem !important}.xl\:pl-7{padding-left:4rem !important}.xl\:pl-8{padding-left:5rem !important}.xl\:pb-0{padding-bottom:0rem !important}.xl\:pb-1{padding-bottom:.25rem !important}.xl\:pb-2{padding-bottom:.5rem !important}.xl\:pb-3{padding-bottom:1rem !important}.xl\:pb-4{padding-bottom:1.5rem !important}.xl\:pb-5{padding-bottom:2rem !important}.xl\:pb-6{padding-bottom:3rem !important}.xl\:pb-7{padding-bottom:4rem !important}.xl\:pb-8{padding-bottom:5rem !important}.xl\:px-0{padding-left:0rem !important;padding-right:0rem !important}.xl\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.xl\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.xl\:px-3{padding-left:1rem !important;padding-right:1rem !important}.xl\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.xl\:px-5{padding-left:2rem !important;padding-right:2rem !important}.xl\:px-6{padding-left:3rem !important;padding-right:3rem !important}.xl\:px-7{padding-left:4rem !important;padding-right:4rem !important}.xl\:px-8{padding-left:5rem !important;padding-right:5rem !important}.xl\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.xl\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.xl\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.xl\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.xl\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.xl\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.xl\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.xl\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.xl\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}.m-0{margin:0rem !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:2rem !important}.m-6{margin:3rem !important}.m-7{margin:4rem !important}.m-8{margin:5rem !important}.-m-1{margin:-0.25rem !important}.-m-2{margin:-0.5rem !important}.-m-3{margin:-1rem !important}.-m-4{margin:-1.5rem !important}.-m-5{margin:-2rem !important}.-m-6{margin:-3rem !important}.-m-7{margin:-4rem !important}.-m-8{margin:-5rem !important}.m-auto{margin:auto !important}.mt-0{margin-top:0rem !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:2rem !important}.mt-6{margin-top:3rem !important}.mt-7{margin-top:4rem !important}.mt-8{margin-top:5rem !important}.-mt-1{margin-top:-0.25rem !important}.-mt-2{margin-top:-0.5rem !important}.-mt-3{margin-top:-1rem !important}.-mt-4{margin-top:-1.5rem !important}.-mt-5{margin-top:-2rem !important}.-mt-6{margin-top:-3rem !important}.-mt-7{margin-top:-4rem !important}.-mt-8{margin-top:-5rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0rem !important}.mr-1{margin-right:.25rem !important}.mr-2{margin-right:.5rem !important}.mr-3{margin-right:1rem !important}.mr-4{margin-right:1.5rem !important}.mr-5{margin-right:2rem !important}.mr-6{margin-right:3rem !important}.mr-7{margin-right:4rem !important}.mr-8{margin-right:5rem !important}.-mr-1{margin-right:-0.25rem !important}.-mr-2{margin-right:-0.5rem !important}.-mr-3{margin-right:-1rem !important}.-mr-4{margin-right:-1.5rem !important}.-mr-5{margin-right:-2rem !important}.-mr-6{margin-right:-3rem !important}.-mr-7{margin-right:-4rem !important}.-mr-8{margin-right:-5rem !important}.mr-auto{margin-right:auto !important}.ml-0{margin-left:0rem !important}.ml-1{margin-left:.25rem !important}.ml-2{margin-left:.5rem !important}.ml-3{margin-left:1rem !important}.ml-4{margin-left:1.5rem !important}.ml-5{margin-left:2rem !important}.ml-6{margin-left:3rem !important}.ml-7{margin-left:4rem !important}.ml-8{margin-left:5rem !important}.-ml-1{margin-left:-0.25rem !important}.-ml-2{margin-left:-0.5rem !important}.-ml-3{margin-left:-1rem !important}.-ml-4{margin-left:-1.5rem !important}.-ml-5{margin-left:-2rem !important}.-ml-6{margin-left:-3rem !important}.-ml-7{margin-left:-4rem !important}.-ml-8{margin-left:-5rem !important}.ml-auto{margin-left:auto !important}.mb-0{margin-bottom:0rem !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:2rem !important}.mb-6{margin-bottom:3rem !important}.mb-7{margin-bottom:4rem !important}.mb-8{margin-bottom:5rem !important}.-mb-1{margin-bottom:-0.25rem !important}.-mb-2{margin-bottom:-0.5rem !important}.-mb-3{margin-bottom:-1rem !important}.-mb-4{margin-bottom:-1.5rem !important}.-mb-5{margin-bottom:-2rem !important}.-mb-6{margin-bottom:-3rem !important}.-mb-7{margin-bottom:-4rem !important}.-mb-8{margin-bottom:-5rem !important}.mb-auto{margin-bottom:auto !important}.mx-0{margin-left:0rem !important;margin-right:0rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.mx-3{margin-left:1rem !important;margin-right:1rem !important}.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.mx-5{margin-left:2rem !important;margin-right:2rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.mx-7{margin-left:4rem !important;margin-right:4rem !important}.mx-8{margin-left:5rem !important;margin-right:5rem !important}.-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-0{margin-top:0rem !important;margin-bottom:0rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:2rem !important;margin-bottom:2rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-7{margin-top:4rem !important;margin-bottom:4rem !important}.my-8{margin-top:5rem !important;margin-bottom:5rem !important}.-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media screen and (min-width: 576px){.sm\:m-0{margin:0rem !important}.sm\:m-1{margin:.25rem !important}.sm\:m-2{margin:.5rem !important}.sm\:m-3{margin:1rem !important}.sm\:m-4{margin:1.5rem !important}.sm\:m-5{margin:2rem !important}.sm\:m-6{margin:3rem !important}.sm\:m-7{margin:4rem !important}.sm\:m-8{margin:5rem !important}.sm\:-m-1{margin:-0.25rem !important}.sm\:-m-2{margin:-0.5rem !important}.sm\:-m-3{margin:-1rem !important}.sm\:-m-4{margin:-1.5rem !important}.sm\:-m-5{margin:-2rem !important}.sm\:-m-6{margin:-3rem !important}.sm\:-m-7{margin:-4rem !important}.sm\:-m-8{margin:-5rem !important}.sm\:m-auto{margin:auto !important}.sm\:mt-0{margin-top:0rem !important}.sm\:mt-1{margin-top:.25rem !important}.sm\:mt-2{margin-top:.5rem !important}.sm\:mt-3{margin-top:1rem !important}.sm\:mt-4{margin-top:1.5rem !important}.sm\:mt-5{margin-top:2rem !important}.sm\:mt-6{margin-top:3rem !important}.sm\:mt-7{margin-top:4rem !important}.sm\:mt-8{margin-top:5rem !important}.sm\:-mt-1{margin-top:-0.25rem !important}.sm\:-mt-2{margin-top:-0.5rem !important}.sm\:-mt-3{margin-top:-1rem !important}.sm\:-mt-4{margin-top:-1.5rem !important}.sm\:-mt-5{margin-top:-2rem !important}.sm\:-mt-6{margin-top:-3rem !important}.sm\:-mt-7{margin-top:-4rem !important}.sm\:-mt-8{margin-top:-5rem !important}.sm\:mt-auto{margin-top:auto !important}.sm\:mr-0{margin-right:0rem !important}.sm\:mr-1{margin-right:.25rem !important}.sm\:mr-2{margin-right:.5rem !important}.sm\:mr-3{margin-right:1rem !important}.sm\:mr-4{margin-right:1.5rem !important}.sm\:mr-5{margin-right:2rem !important}.sm\:mr-6{margin-right:3rem !important}.sm\:mr-7{margin-right:4rem !important}.sm\:mr-8{margin-right:5rem !important}.sm\:-mr-1{margin-right:-0.25rem !important}.sm\:-mr-2{margin-right:-0.5rem !important}.sm\:-mr-3{margin-right:-1rem !important}.sm\:-mr-4{margin-right:-1.5rem !important}.sm\:-mr-5{margin-right:-2rem !important}.sm\:-mr-6{margin-right:-3rem !important}.sm\:-mr-7{margin-right:-4rem !important}.sm\:-mr-8{margin-right:-5rem !important}.sm\:mr-auto{margin-right:auto !important}.sm\:ml-0{margin-left:0rem !important}.sm\:ml-1{margin-left:.25rem !important}.sm\:ml-2{margin-left:.5rem !important}.sm\:ml-3{margin-left:1rem !important}.sm\:ml-4{margin-left:1.5rem !important}.sm\:ml-5{margin-left:2rem !important}.sm\:ml-6{margin-left:3rem !important}.sm\:ml-7{margin-left:4rem !important}.sm\:ml-8{margin-left:5rem !important}.sm\:-ml-1{margin-left:-0.25rem !important}.sm\:-ml-2{margin-left:-0.5rem !important}.sm\:-ml-3{margin-left:-1rem !important}.sm\:-ml-4{margin-left:-1.5rem !important}.sm\:-ml-5{margin-left:-2rem !important}.sm\:-ml-6{margin-left:-3rem !important}.sm\:-ml-7{margin-left:-4rem !important}.sm\:-ml-8{margin-left:-5rem !important}.sm\:ml-auto{margin-left:auto !important}.sm\:mb-0{margin-bottom:0rem !important}.sm\:mb-1{margin-bottom:.25rem !important}.sm\:mb-2{margin-bottom:.5rem !important}.sm\:mb-3{margin-bottom:1rem !important}.sm\:mb-4{margin-bottom:1.5rem !important}.sm\:mb-5{margin-bottom:2rem !important}.sm\:mb-6{margin-bottom:3rem !important}.sm\:mb-7{margin-bottom:4rem !important}.sm\:mb-8{margin-bottom:5rem !important}.sm\:-mb-1{margin-bottom:-0.25rem !important}.sm\:-mb-2{margin-bottom:-0.5rem !important}.sm\:-mb-3{margin-bottom:-1rem !important}.sm\:-mb-4{margin-bottom:-1.5rem !important}.sm\:-mb-5{margin-bottom:-2rem !important}.sm\:-mb-6{margin-bottom:-3rem !important}.sm\:-mb-7{margin-bottom:-4rem !important}.sm\:-mb-8{margin-bottom:-5rem !important}.sm\:mb-auto{margin-bottom:auto !important}.sm\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.sm\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.sm\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.sm\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.sm\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.sm\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.sm\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.sm\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.sm\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.sm\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.sm\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.sm\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.sm\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.sm\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.sm\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.sm\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.sm\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.sm\:mx-auto{margin-left:auto !important;margin-right:auto !important}.sm\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.sm\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.sm\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.sm\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.sm\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.sm\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.sm\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.sm\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.sm\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.sm\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.sm\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.sm\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.sm\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.sm\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.sm\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.sm\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.sm\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.sm\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 768px){.md\:m-0{margin:0rem !important}.md\:m-1{margin:.25rem !important}.md\:m-2{margin:.5rem !important}.md\:m-3{margin:1rem !important}.md\:m-4{margin:1.5rem !important}.md\:m-5{margin:2rem !important}.md\:m-6{margin:3rem !important}.md\:m-7{margin:4rem !important}.md\:m-8{margin:5rem !important}.md\:-m-1{margin:-0.25rem !important}.md\:-m-2{margin:-0.5rem !important}.md\:-m-3{margin:-1rem !important}.md\:-m-4{margin:-1.5rem !important}.md\:-m-5{margin:-2rem !important}.md\:-m-6{margin:-3rem !important}.md\:-m-7{margin:-4rem !important}.md\:-m-8{margin:-5rem !important}.md\:m-auto{margin:auto !important}.md\:mt-0{margin-top:0rem !important}.md\:mt-1{margin-top:.25rem !important}.md\:mt-2{margin-top:.5rem !important}.md\:mt-3{margin-top:1rem !important}.md\:mt-4{margin-top:1.5rem !important}.md\:mt-5{margin-top:2rem !important}.md\:mt-6{margin-top:3rem !important}.md\:mt-7{margin-top:4rem !important}.md\:mt-8{margin-top:5rem !important}.md\:-mt-1{margin-top:-0.25rem !important}.md\:-mt-2{margin-top:-0.5rem !important}.md\:-mt-3{margin-top:-1rem !important}.md\:-mt-4{margin-top:-1.5rem !important}.md\:-mt-5{margin-top:-2rem !important}.md\:-mt-6{margin-top:-3rem !important}.md\:-mt-7{margin-top:-4rem !important}.md\:-mt-8{margin-top:-5rem !important}.md\:mt-auto{margin-top:auto !important}.md\:mr-0{margin-right:0rem !important}.md\:mr-1{margin-right:.25rem !important}.md\:mr-2{margin-right:.5rem !important}.md\:mr-3{margin-right:1rem !important}.md\:mr-4{margin-right:1.5rem !important}.md\:mr-5{margin-right:2rem !important}.md\:mr-6{margin-right:3rem !important}.md\:mr-7{margin-right:4rem !important}.md\:mr-8{margin-right:5rem !important}.md\:-mr-1{margin-right:-0.25rem !important}.md\:-mr-2{margin-right:-0.5rem !important}.md\:-mr-3{margin-right:-1rem !important}.md\:-mr-4{margin-right:-1.5rem !important}.md\:-mr-5{margin-right:-2rem !important}.md\:-mr-6{margin-right:-3rem !important}.md\:-mr-7{margin-right:-4rem !important}.md\:-mr-8{margin-right:-5rem !important}.md\:mr-auto{margin-right:auto !important}.md\:ml-0{margin-left:0rem !important}.md\:ml-1{margin-left:.25rem !important}.md\:ml-2{margin-left:.5rem !important}.md\:ml-3{margin-left:1rem !important}.md\:ml-4{margin-left:1.5rem !important}.md\:ml-5{margin-left:2rem !important}.md\:ml-6{margin-left:3rem !important}.md\:ml-7{margin-left:4rem !important}.md\:ml-8{margin-left:5rem !important}.md\:-ml-1{margin-left:-0.25rem !important}.md\:-ml-2{margin-left:-0.5rem !important}.md\:-ml-3{margin-left:-1rem !important}.md\:-ml-4{margin-left:-1.5rem !important}.md\:-ml-5{margin-left:-2rem !important}.md\:-ml-6{margin-left:-3rem !important}.md\:-ml-7{margin-left:-4rem !important}.md\:-ml-8{margin-left:-5rem !important}.md\:ml-auto{margin-left:auto !important}.md\:mb-0{margin-bottom:0rem !important}.md\:mb-1{margin-bottom:.25rem !important}.md\:mb-2{margin-bottom:.5rem !important}.md\:mb-3{margin-bottom:1rem !important}.md\:mb-4{margin-bottom:1.5rem !important}.md\:mb-5{margin-bottom:2rem !important}.md\:mb-6{margin-bottom:3rem !important}.md\:mb-7{margin-bottom:4rem !important}.md\:mb-8{margin-bottom:5rem !important}.md\:-mb-1{margin-bottom:-0.25rem !important}.md\:-mb-2{margin-bottom:-0.5rem !important}.md\:-mb-3{margin-bottom:-1rem !important}.md\:-mb-4{margin-bottom:-1.5rem !important}.md\:-mb-5{margin-bottom:-2rem !important}.md\:-mb-6{margin-bottom:-3rem !important}.md\:-mb-7{margin-bottom:-4rem !important}.md\:-mb-8{margin-bottom:-5rem !important}.md\:mb-auto{margin-bottom:auto !important}.md\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.md\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.md\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.md\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.md\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.md\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.md\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.md\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.md\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.md\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.md\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.md\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.md\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.md\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.md\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.md\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.md\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.md\:mx-auto{margin-left:auto !important;margin-right:auto !important}.md\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.md\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.md\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.md\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.md\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.md\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.md\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.md\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.md\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.md\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.md\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.md\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.md\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.md\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.md\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.md\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.md\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.md\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 992px){.lg\:m-0{margin:0rem !important}.lg\:m-1{margin:.25rem !important}.lg\:m-2{margin:.5rem !important}.lg\:m-3{margin:1rem !important}.lg\:m-4{margin:1.5rem !important}.lg\:m-5{margin:2rem !important}.lg\:m-6{margin:3rem !important}.lg\:m-7{margin:4rem !important}.lg\:m-8{margin:5rem !important}.lg\:-m-1{margin:-0.25rem !important}.lg\:-m-2{margin:-0.5rem !important}.lg\:-m-3{margin:-1rem !important}.lg\:-m-4{margin:-1.5rem !important}.lg\:-m-5{margin:-2rem !important}.lg\:-m-6{margin:-3rem !important}.lg\:-m-7{margin:-4rem !important}.lg\:-m-8{margin:-5rem !important}.lg\:m-auto{margin:auto !important}.lg\:mt-0{margin-top:0rem !important}.lg\:mt-1{margin-top:.25rem !important}.lg\:mt-2{margin-top:.5rem !important}.lg\:mt-3{margin-top:1rem !important}.lg\:mt-4{margin-top:1.5rem !important}.lg\:mt-5{margin-top:2rem !important}.lg\:mt-6{margin-top:3rem !important}.lg\:mt-7{margin-top:4rem !important}.lg\:mt-8{margin-top:5rem !important}.lg\:-mt-1{margin-top:-0.25rem !important}.lg\:-mt-2{margin-top:-0.5rem !important}.lg\:-mt-3{margin-top:-1rem !important}.lg\:-mt-4{margin-top:-1.5rem !important}.lg\:-mt-5{margin-top:-2rem !important}.lg\:-mt-6{margin-top:-3rem !important}.lg\:-mt-7{margin-top:-4rem !important}.lg\:-mt-8{margin-top:-5rem !important}.lg\:mt-auto{margin-top:auto !important}.lg\:mr-0{margin-right:0rem !important}.lg\:mr-1{margin-right:.25rem !important}.lg\:mr-2{margin-right:.5rem !important}.lg\:mr-3{margin-right:1rem !important}.lg\:mr-4{margin-right:1.5rem !important}.lg\:mr-5{margin-right:2rem !important}.lg\:mr-6{margin-right:3rem !important}.lg\:mr-7{margin-right:4rem !important}.lg\:mr-8{margin-right:5rem !important}.lg\:-mr-1{margin-right:-0.25rem !important}.lg\:-mr-2{margin-right:-0.5rem !important}.lg\:-mr-3{margin-right:-1rem !important}.lg\:-mr-4{margin-right:-1.5rem !important}.lg\:-mr-5{margin-right:-2rem !important}.lg\:-mr-6{margin-right:-3rem !important}.lg\:-mr-7{margin-right:-4rem !important}.lg\:-mr-8{margin-right:-5rem !important}.lg\:mr-auto{margin-right:auto !important}.lg\:ml-0{margin-left:0rem !important}.lg\:ml-1{margin-left:.25rem !important}.lg\:ml-2{margin-left:.5rem !important}.lg\:ml-3{margin-left:1rem !important}.lg\:ml-4{margin-left:1.5rem !important}.lg\:ml-5{margin-left:2rem !important}.lg\:ml-6{margin-left:3rem !important}.lg\:ml-7{margin-left:4rem !important}.lg\:ml-8{margin-left:5rem !important}.lg\:-ml-1{margin-left:-0.25rem !important}.lg\:-ml-2{margin-left:-0.5rem !important}.lg\:-ml-3{margin-left:-1rem !important}.lg\:-ml-4{margin-left:-1.5rem !important}.lg\:-ml-5{margin-left:-2rem !important}.lg\:-ml-6{margin-left:-3rem !important}.lg\:-ml-7{margin-left:-4rem !important}.lg\:-ml-8{margin-left:-5rem !important}.lg\:ml-auto{margin-left:auto !important}.lg\:mb-0{margin-bottom:0rem !important}.lg\:mb-1{margin-bottom:.25rem !important}.lg\:mb-2{margin-bottom:.5rem !important}.lg\:mb-3{margin-bottom:1rem !important}.lg\:mb-4{margin-bottom:1.5rem !important}.lg\:mb-5{margin-bottom:2rem !important}.lg\:mb-6{margin-bottom:3rem !important}.lg\:mb-7{margin-bottom:4rem !important}.lg\:mb-8{margin-bottom:5rem !important}.lg\:-mb-1{margin-bottom:-0.25rem !important}.lg\:-mb-2{margin-bottom:-0.5rem !important}.lg\:-mb-3{margin-bottom:-1rem !important}.lg\:-mb-4{margin-bottom:-1.5rem !important}.lg\:-mb-5{margin-bottom:-2rem !important}.lg\:-mb-6{margin-bottom:-3rem !important}.lg\:-mb-7{margin-bottom:-4rem !important}.lg\:-mb-8{margin-bottom:-5rem !important}.lg\:mb-auto{margin-bottom:auto !important}.lg\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.lg\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.lg\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.lg\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.lg\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.lg\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.lg\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.lg\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.lg\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.lg\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.lg\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.lg\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.lg\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.lg\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.lg\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.lg\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.lg\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.lg\:mx-auto{margin-left:auto !important;margin-right:auto !important}.lg\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.lg\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.lg\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.lg\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.lg\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.lg\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.lg\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.lg\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.lg\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.lg\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.lg\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.lg\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.lg\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.lg\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.lg\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.lg\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.lg\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.lg\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 1200px){.xl\:m-0{margin:0rem !important}.xl\:m-1{margin:.25rem !important}.xl\:m-2{margin:.5rem !important}.xl\:m-3{margin:1rem !important}.xl\:m-4{margin:1.5rem !important}.xl\:m-5{margin:2rem !important}.xl\:m-6{margin:3rem !important}.xl\:m-7{margin:4rem !important}.xl\:m-8{margin:5rem !important}.xl\:-m-1{margin:-0.25rem !important}.xl\:-m-2{margin:-0.5rem !important}.xl\:-m-3{margin:-1rem !important}.xl\:-m-4{margin:-1.5rem !important}.xl\:-m-5{margin:-2rem !important}.xl\:-m-6{margin:-3rem !important}.xl\:-m-7{margin:-4rem !important}.xl\:-m-8{margin:-5rem !important}.xl\:m-auto{margin:auto !important}.xl\:mt-0{margin-top:0rem !important}.xl\:mt-1{margin-top:.25rem !important}.xl\:mt-2{margin-top:.5rem !important}.xl\:mt-3{margin-top:1rem !important}.xl\:mt-4{margin-top:1.5rem !important}.xl\:mt-5{margin-top:2rem !important}.xl\:mt-6{margin-top:3rem !important}.xl\:mt-7{margin-top:4rem !important}.xl\:mt-8{margin-top:5rem !important}.xl\:-mt-1{margin-top:-0.25rem !important}.xl\:-mt-2{margin-top:-0.5rem !important}.xl\:-mt-3{margin-top:-1rem !important}.xl\:-mt-4{margin-top:-1.5rem !important}.xl\:-mt-5{margin-top:-2rem !important}.xl\:-mt-6{margin-top:-3rem !important}.xl\:-mt-7{margin-top:-4rem !important}.xl\:-mt-8{margin-top:-5rem !important}.xl\:mt-auto{margin-top:auto !important}.xl\:mr-0{margin-right:0rem !important}.xl\:mr-1{margin-right:.25rem !important}.xl\:mr-2{margin-right:.5rem !important}.xl\:mr-3{margin-right:1rem !important}.xl\:mr-4{margin-right:1.5rem !important}.xl\:mr-5{margin-right:2rem !important}.xl\:mr-6{margin-right:3rem !important}.xl\:mr-7{margin-right:4rem !important}.xl\:mr-8{margin-right:5rem !important}.xl\:-mr-1{margin-right:-0.25rem !important}.xl\:-mr-2{margin-right:-0.5rem !important}.xl\:-mr-3{margin-right:-1rem !important}.xl\:-mr-4{margin-right:-1.5rem !important}.xl\:-mr-5{margin-right:-2rem !important}.xl\:-mr-6{margin-right:-3rem !important}.xl\:-mr-7{margin-right:-4rem !important}.xl\:-mr-8{margin-right:-5rem !important}.xl\:mr-auto{margin-right:auto !important}.xl\:ml-0{margin-left:0rem !important}.xl\:ml-1{margin-left:.25rem !important}.xl\:ml-2{margin-left:.5rem !important}.xl\:ml-3{margin-left:1rem !important}.xl\:ml-4{margin-left:1.5rem !important}.xl\:ml-5{margin-left:2rem !important}.xl\:ml-6{margin-left:3rem !important}.xl\:ml-7{margin-left:4rem !important}.xl\:ml-8{margin-left:5rem !important}.xl\:-ml-1{margin-left:-0.25rem !important}.xl\:-ml-2{margin-left:-0.5rem !important}.xl\:-ml-3{margin-left:-1rem !important}.xl\:-ml-4{margin-left:-1.5rem !important}.xl\:-ml-5{margin-left:-2rem !important}.xl\:-ml-6{margin-left:-3rem !important}.xl\:-ml-7{margin-left:-4rem !important}.xl\:-ml-8{margin-left:-5rem !important}.xl\:ml-auto{margin-left:auto !important}.xl\:mb-0{margin-bottom:0rem !important}.xl\:mb-1{margin-bottom:.25rem !important}.xl\:mb-2{margin-bottom:.5rem !important}.xl\:mb-3{margin-bottom:1rem !important}.xl\:mb-4{margin-bottom:1.5rem !important}.xl\:mb-5{margin-bottom:2rem !important}.xl\:mb-6{margin-bottom:3rem !important}.xl\:mb-7{margin-bottom:4rem !important}.xl\:mb-8{margin-bottom:5rem !important}.xl\:-mb-1{margin-bottom:-0.25rem !important}.xl\:-mb-2{margin-bottom:-0.5rem !important}.xl\:-mb-3{margin-bottom:-1rem !important}.xl\:-mb-4{margin-bottom:-1.5rem !important}.xl\:-mb-5{margin-bottom:-2rem !important}.xl\:-mb-6{margin-bottom:-3rem !important}.xl\:-mb-7{margin-bottom:-4rem !important}.xl\:-mb-8{margin-bottom:-5rem !important}.xl\:mb-auto{margin-bottom:auto !important}.xl\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.xl\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.xl\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.xl\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.xl\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.xl\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.xl\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.xl\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.xl\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.xl\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.xl\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.xl\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.xl\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.xl\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.xl\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.xl\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.xl\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.xl\:mx-auto{margin-left:auto !important;margin-right:auto !important}.xl\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.xl\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.xl\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.xl\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.xl\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.xl\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.xl\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.xl\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.xl\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.xl\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.xl\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.xl\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.xl\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.xl\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.xl\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.xl\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.xl\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.xl\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}.shadow-none{box-shadow:none !important}.shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-none:focus{box-shadow:none !important}.hover\:shadow-none:hover{box-shadow:none !important}.active\:shadow-none:active{box-shadow:none !important}.focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none !important}.sm\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-none:focus{box-shadow:none !important}.sm\:hover\:shadow-none:hover{box-shadow:none !important}.sm\:active\:shadow-none:active{box-shadow:none !important}.sm\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none !important}.md\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-none:focus{box-shadow:none !important}.md\:hover\:shadow-none:hover{box-shadow:none !important}.md\:active\:shadow-none:active{box-shadow:none !important}.md\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none !important}.lg\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-none:focus{box-shadow:none !important}.lg\:hover\:shadow-none:hover{box-shadow:none !important}.lg\:active\:shadow-none:active{box-shadow:none !important}.lg\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none !important}.xl\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-none:focus{box-shadow:none !important}.xl\:hover\:shadow-none:hover{box-shadow:none !important}.xl\:active\:shadow-none:active{box-shadow:none !important}.xl\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}.border-none{border-width:0px !important;border-style:none}.border-1{border-width:1px !important;border-style:solid}.border-2{border-width:2px !important;border-style:solid}.border-3{border-width:3px !important;border-style:solid}.border-top-none{border-top-width:0px !important;border-top-style:none}.border-top-1{border-top-width:1px !important;border-top-style:solid}.border-top-2{border-top-width:2px !important;border-top-style:solid}.border-top-3{border-top-width:3px !important;border-top-style:solid}.border-right-none{border-right-width:0px !important;border-right-style:none}.border-right-1{border-right-width:1px !important;border-right-style:solid}.border-right-2{border-right-width:2px !important;border-right-style:solid}.border-right-3{border-right-width:3px !important;border-right-style:solid}.border-left-none{border-left-width:0px !important;border-left-style:none}.border-left-1{border-left-width:1px !important;border-left-style:solid}.border-left-2{border-left-width:2px !important;border-left-style:solid}.border-left-3{border-left-width:3px !important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}@media screen and (min-width: 576px){.sm\:border-none{border-width:0px !important;border-style:none}.sm\:border-1{border-width:1px !important;border-style:solid}.sm\:border-2{border-width:2px !important;border-style:solid}.sm\:border-3{border-width:3px !important;border-style:solid}.sm\:border-top-none{border-top-width:0px !important;border-top-style:none}.sm\:border-top-1{border-top-width:1px !important;border-top-style:solid}.sm\:border-top-2{border-top-width:2px !important;border-top-style:solid}.sm\:border-top-3{border-top-width:3px !important;border-top-style:solid}.sm\:border-right-none{border-right-width:0px !important;border-right-style:none}.sm\:border-right-1{border-right-width:1px !important;border-right-style:solid}.sm\:border-right-2{border-right-width:2px !important;border-right-style:solid}.sm\:border-right-3{border-right-width:3px !important;border-right-style:solid}.sm\:border-left-none{border-left-width:0px !important;border-left-style:none}.sm\:border-left-1{border-left-width:1px !important;border-left-style:solid}.sm\:border-left-2{border-left-width:2px !important;border-left-style:solid}.sm\:border-left-3{border-left-width:3px !important;border-left-style:solid}.sm\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.sm\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.sm\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.sm\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.sm\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.sm\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 768px){.md\:border-none{border-width:0px !important;border-style:none}.md\:border-1{border-width:1px !important;border-style:solid}.md\:border-2{border-width:2px !important;border-style:solid}.md\:border-3{border-width:3px !important;border-style:solid}.md\:border-top-none{border-top-width:0px !important;border-top-style:none}.md\:border-top-1{border-top-width:1px !important;border-top-style:solid}.md\:border-top-2{border-top-width:2px !important;border-top-style:solid}.md\:border-top-3{border-top-width:3px !important;border-top-style:solid}.md\:border-right-none{border-right-width:0px !important;border-right-style:none}.md\:border-right-1{border-right-width:1px !important;border-right-style:solid}.md\:border-right-2{border-right-width:2px !important;border-right-style:solid}.md\:border-right-3{border-right-width:3px !important;border-right-style:solid}.md\:border-left-none{border-left-width:0px !important;border-left-style:none}.md\:border-left-1{border-left-width:1px !important;border-left-style:solid}.md\:border-left-2{border-left-width:2px !important;border-left-style:solid}.md\:border-left-3{border-left-width:3px !important;border-left-style:solid}.md\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.md\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.md\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.md\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.md\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.md\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.md\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.md\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 992px){.lg\:border-none{border-width:0px !important;border-style:none}.lg\:border-1{border-width:1px !important;border-style:solid}.lg\:border-2{border-width:2px !important;border-style:solid}.lg\:border-3{border-width:3px !important;border-style:solid}.lg\:border-top-none{border-top-width:0px !important;border-top-style:none}.lg\:border-top-1{border-top-width:1px !important;border-top-style:solid}.lg\:border-top-2{border-top-width:2px !important;border-top-style:solid}.lg\:border-top-3{border-top-width:3px !important;border-top-style:solid}.lg\:border-right-none{border-right-width:0px !important;border-right-style:none}.lg\:border-right-1{border-right-width:1px !important;border-right-style:solid}.lg\:border-right-2{border-right-width:2px !important;border-right-style:solid}.lg\:border-right-3{border-right-width:3px !important;border-right-style:solid}.lg\:border-left-none{border-left-width:0px !important;border-left-style:none}.lg\:border-left-1{border-left-width:1px !important;border-left-style:solid}.lg\:border-left-2{border-left-width:2px !important;border-left-style:solid}.lg\:border-left-3{border-left-width:3px !important;border-left-style:solid}.lg\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.lg\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.lg\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.lg\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.lg\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.lg\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 1200px){.xl\:border-none{border-width:0px !important;border-style:none}.xl\:border-1{border-width:1px !important;border-style:solid}.xl\:border-2{border-width:2px !important;border-style:solid}.xl\:border-3{border-width:3px !important;border-style:solid}.xl\:border-top-none{border-top-width:0px !important;border-top-style:none}.xl\:border-top-1{border-top-width:1px !important;border-top-style:solid}.xl\:border-top-2{border-top-width:2px !important;border-top-style:solid}.xl\:border-top-3{border-top-width:3px !important;border-top-style:solid}.xl\:border-right-none{border-right-width:0px !important;border-right-style:none}.xl\:border-right-1{border-right-width:1px !important;border-right-style:solid}.xl\:border-right-2{border-right-width:2px !important;border-right-style:solid}.xl\:border-right-3{border-right-width:3px !important;border-right-style:solid}.xl\:border-left-none{border-left-width:0px !important;border-left-style:none}.xl\:border-left-1{border-left-width:1px !important;border-left-style:solid}.xl\:border-left-2{border-left-width:2px !important;border-left-style:solid}.xl\:border-left-3{border-left-width:3px !important;border-left-style:solid}.xl\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.xl\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.xl\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.xl\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.xl\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.xl\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}@media screen and (min-width: 576px){.sm\:border-solid{border-style:solid !important}.sm\:border-dashed{border-style:dashed !important}.sm\:border-dotted{border-style:dotted !important}.sm\:border-double{border-style:double !important}}@media screen and (min-width: 768px){.md\:border-solid{border-style:solid !important}.md\:border-dashed{border-style:dashed !important}.md\:border-dotted{border-style:dotted !important}.md\:border-double{border-style:double !important}}@media screen and (min-width: 992px){.lg\:border-solid{border-style:solid !important}.lg\:border-dashed{border-style:dashed !important}.lg\:border-dotted{border-style:dotted !important}.lg\:border-double{border-style:double !important}}@media screen and (min-width: 1200px){.xl\:border-solid{border-style:solid !important}.xl\:border-dashed{border-style:dashed !important}.xl\:border-dotted{border-style:dotted !important}.xl\:border-double{border-style:double !important}}.border-noround{border-radius:0 !important}.border-round{border-radius:var(--border-radius) !important}.border-round-xs{border-radius:0.125rem !important}.border-round-sm{border-radius:0.25rem !important}.border-round-md{border-radius:0.375rem !important}.border-round-lg{border-radius:0.5rem !important}.border-round-xl{border-radius:0.75rem !important}.border-round-2xl{border-radius:1rem !important}.border-round-3xl{border-radius:1.5rem !important}.border-circle{border-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround{border-radius:0 !important}.sm\:border-round{border-radius:var(--border-radius) !important}.sm\:border-round-xs{border-radius:0.125rem !important}.sm\:border-round-sm{border-radius:0.25rem !important}.sm\:border-round-md{border-radius:0.375rem !important}.sm\:border-round-lg{border-radius:0.5rem !important}.sm\:border-round-xl{border-radius:0.75rem !important}.sm\:border-round-2xl{border-radius:1rem !important}.sm\:border-round-3xl{border-radius:1.5rem !important}.sm\:border-circle{border-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround{border-radius:0 !important}.md\:border-round{border-radius:var(--border-radius) !important}.md\:border-round-xs{border-radius:0.125rem !important}.md\:border-round-sm{border-radius:0.25rem !important}.md\:border-round-md{border-radius:0.375rem !important}.md\:border-round-lg{border-radius:0.5rem !important}.md\:border-round-xl{border-radius:0.75rem !important}.md\:border-round-2xl{border-radius:1rem !important}.md\:border-round-3xl{border-radius:1.5rem !important}.md\:border-circle{border-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround{border-radius:0 !important}.lg\:border-round{border-radius:var(--border-radius) !important}.lg\:border-round-xs{border-radius:0.125rem !important}.lg\:border-round-sm{border-radius:0.25rem !important}.lg\:border-round-md{border-radius:0.375rem !important}.lg\:border-round-lg{border-radius:0.5rem !important}.lg\:border-round-xl{border-radius:0.75rem !important}.lg\:border-round-2xl{border-radius:1rem !important}.lg\:border-round-3xl{border-radius:1.5rem !important}.lg\:border-circle{border-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround{border-radius:0 !important}.xl\:border-round{border-radius:var(--border-radius) !important}.xl\:border-round-xs{border-radius:0.125rem !important}.xl\:border-round-sm{border-radius:0.25rem !important}.xl\:border-round-md{border-radius:0.375rem !important}.xl\:border-round-lg{border-radius:0.5rem !important}.xl\:border-round-xl{border-radius:0.75rem !important}.xl\:border-round-2xl{border-radius:1rem !important}.xl\:border-round-3xl{border-radius:1.5rem !important}.xl\:border-circle{border-radius:50% !important}}.border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.sm\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.sm\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.sm\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.sm\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.sm\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.sm\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.sm\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.sm\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.sm\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.sm\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.sm\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.sm\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.sm\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.sm\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.sm\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.sm\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.sm\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.sm\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.sm\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.sm\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.sm\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.md\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.md\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.md\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.md\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.md\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.md\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.md\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.md\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.md\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.md\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.md\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.md\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.md\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.md\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.md\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.md\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.md\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.md\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.md\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.md\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.md\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.lg\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.lg\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.lg\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.lg\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.lg\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.lg\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.lg\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.lg\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.lg\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.lg\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.lg\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.lg\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.lg\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.lg\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.lg\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.lg\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.lg\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.lg\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.lg\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.lg\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.lg\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.xl\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.xl\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.xl\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.xl\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.xl\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.xl\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.xl\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.xl\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.xl\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.xl\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.xl\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.xl\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.xl\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.xl\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.xl\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.xl\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.xl\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.xl\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.xl\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.xl\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.xl\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-auto{width:auto !important}.w-1{width:8.3333% !important}.w-2{width:16.6667% !important}.w-3{width:25% !important}.w-4{width:33.3333% !important}.w-5{width:41.6667% !important}.w-6{width:50% !important}.w-7{width:58.3333% !important}.w-8{width:66.6667% !important}.w-9{width:75% !important}.w-10{width:83.3333% !important}.w-11{width:91.6667% !important}.w-12{width:100% !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.w-1rem{width:1rem !important}.w-2rem{width:2rem !important}.w-3rem{width:3rem !important}.w-4rem{width:4rem !important}.w-5rem{width:5rem !important}.w-6rem{width:6rem !important}.w-7rem{width:7rem !important}.w-8rem{width:8rem !important}.w-9rem{width:9rem !important}.w-10rem{width:10rem !important}.w-11rem{width:11rem !important}.w-12rem{width:12rem !important}.w-13rem{width:13rem !important}.w-14rem{width:14rem !important}.w-15rem{width:15rem !important}.w-16rem{width:16rem !important}.w-17rem{width:17rem !important}.w-18rem{width:18rem !important}.w-19rem{width:19rem !important}.w-20rem{width:20rem !important}.w-21rem{width:21rem !important}.w-22rem{width:22rem !important}.w-23rem{width:23rem !important}.w-24rem{width:24rem !important}.w-25rem{width:25rem !important}.w-26rem{width:26rem !important}.w-27rem{width:27rem !important}.w-28rem{width:28rem !important}.w-29rem{width:29rem !important}.w-30rem{width:30rem !important}@media screen and (min-width: 576px){.sm\:w-full{width:100% !important}.sm\:w-screen{width:100vw !important}.sm\:w-auto{width:auto !important}.sm\:w-1{width:8.3333% !important}.sm\:w-2{width:16.6667% !important}.sm\:w-3{width:25% !important}.sm\:w-4{width:33.3333% !important}.sm\:w-5{width:41.6667% !important}.sm\:w-6{width:50% !important}.sm\:w-7{width:58.3333% !important}.sm\:w-8{width:66.6667% !important}.sm\:w-9{width:75% !important}.sm\:w-10{width:83.3333% !important}.sm\:w-11{width:91.6667% !important}.sm\:w-12{width:100% !important}.sm\:w-min{width:min-content !important}.sm\:w-max{width:max-content !important}.sm\:w-fit{width:fit-content !important}.sm\:w-1rem{width:1rem !important}.sm\:w-2rem{width:2rem !important}.sm\:w-3rem{width:3rem !important}.sm\:w-4rem{width:4rem !important}.sm\:w-5rem{width:5rem !important}.sm\:w-6rem{width:6rem !important}.sm\:w-7rem{width:7rem !important}.sm\:w-8rem{width:8rem !important}.sm\:w-9rem{width:9rem !important}.sm\:w-10rem{width:10rem !important}.sm\:w-11rem{width:11rem !important}.sm\:w-12rem{width:12rem !important}.sm\:w-13rem{width:13rem !important}.sm\:w-14rem{width:14rem !important}.sm\:w-15rem{width:15rem !important}.sm\:w-16rem{width:16rem !important}.sm\:w-17rem{width:17rem !important}.sm\:w-18rem{width:18rem !important}.sm\:w-19rem{width:19rem !important}.sm\:w-20rem{width:20rem !important}.sm\:w-21rem{width:21rem !important}.sm\:w-22rem{width:22rem !important}.sm\:w-23rem{width:23rem !important}.sm\:w-24rem{width:24rem !important}.sm\:w-25rem{width:25rem !important}.sm\:w-26rem{width:26rem !important}.sm\:w-27rem{width:27rem !important}.sm\:w-28rem{width:28rem !important}.sm\:w-29rem{width:29rem !important}.sm\:w-30rem{width:30rem !important}}@media screen and (min-width: 768px){.md\:w-full{width:100% !important}.md\:w-screen{width:100vw !important}.md\:w-auto{width:auto !important}.md\:w-1{width:8.3333% !important}.md\:w-2{width:16.6667% !important}.md\:w-3{width:25% !important}.md\:w-4{width:33.3333% !important}.md\:w-5{width:41.6667% !important}.md\:w-6{width:50% !important}.md\:w-7{width:58.3333% !important}.md\:w-8{width:66.6667% !important}.md\:w-9{width:75% !important}.md\:w-10{width:83.3333% !important}.md\:w-11{width:91.6667% !important}.md\:w-12{width:100% !important}.md\:w-min{width:min-content !important}.md\:w-max{width:max-content !important}.md\:w-fit{width:fit-content !important}.md\:w-1rem{width:1rem !important}.md\:w-2rem{width:2rem !important}.md\:w-3rem{width:3rem !important}.md\:w-4rem{width:4rem !important}.md\:w-5rem{width:5rem !important}.md\:w-6rem{width:6rem !important}.md\:w-7rem{width:7rem !important}.md\:w-8rem{width:8rem !important}.md\:w-9rem{width:9rem !important}.md\:w-10rem{width:10rem !important}.md\:w-11rem{width:11rem !important}.md\:w-12rem{width:12rem !important}.md\:w-13rem{width:13rem !important}.md\:w-14rem{width:14rem !important}.md\:w-15rem{width:15rem !important}.md\:w-16rem{width:16rem !important}.md\:w-17rem{width:17rem !important}.md\:w-18rem{width:18rem !important}.md\:w-19rem{width:19rem !important}.md\:w-20rem{width:20rem !important}.md\:w-21rem{width:21rem !important}.md\:w-22rem{width:22rem !important}.md\:w-23rem{width:23rem !important}.md\:w-24rem{width:24rem !important}.md\:w-25rem{width:25rem !important}.md\:w-26rem{width:26rem !important}.md\:w-27rem{width:27rem !important}.md\:w-28rem{width:28rem !important}.md\:w-29rem{width:29rem !important}.md\:w-30rem{width:30rem !important}}@media screen and (min-width: 992px){.lg\:w-full{width:100% !important}.lg\:w-screen{width:100vw !important}.lg\:w-auto{width:auto !important}.lg\:w-1{width:8.3333% !important}.lg\:w-2{width:16.6667% !important}.lg\:w-3{width:25% !important}.lg\:w-4{width:33.3333% !important}.lg\:w-5{width:41.6667% !important}.lg\:w-6{width:50% !important}.lg\:w-7{width:58.3333% !important}.lg\:w-8{width:66.6667% !important}.lg\:w-9{width:75% !important}.lg\:w-10{width:83.3333% !important}.lg\:w-11{width:91.6667% !important}.lg\:w-12{width:100% !important}.lg\:w-min{width:min-content !important}.lg\:w-max{width:max-content !important}.lg\:w-fit{width:fit-content !important}.lg\:w-1rem{width:1rem !important}.lg\:w-2rem{width:2rem !important}.lg\:w-3rem{width:3rem !important}.lg\:w-4rem{width:4rem !important}.lg\:w-5rem{width:5rem !important}.lg\:w-6rem{width:6rem !important}.lg\:w-7rem{width:7rem !important}.lg\:w-8rem{width:8rem !important}.lg\:w-9rem{width:9rem !important}.lg\:w-10rem{width:10rem !important}.lg\:w-11rem{width:11rem !important}.lg\:w-12rem{width:12rem !important}.lg\:w-13rem{width:13rem !important}.lg\:w-14rem{width:14rem !important}.lg\:w-15rem{width:15rem !important}.lg\:w-16rem{width:16rem !important}.lg\:w-17rem{width:17rem !important}.lg\:w-18rem{width:18rem !important}.lg\:w-19rem{width:19rem !important}.lg\:w-20rem{width:20rem !important}.lg\:w-21rem{width:21rem !important}.lg\:w-22rem{width:22rem !important}.lg\:w-23rem{width:23rem !important}.lg\:w-24rem{width:24rem !important}.lg\:w-25rem{width:25rem !important}.lg\:w-26rem{width:26rem !important}.lg\:w-27rem{width:27rem !important}.lg\:w-28rem{width:28rem !important}.lg\:w-29rem{width:29rem !important}.lg\:w-30rem{width:30rem !important}}@media screen and (min-width: 1200px){.xl\:w-full{width:100% !important}.xl\:w-screen{width:100vw !important}.xl\:w-auto{width:auto !important}.xl\:w-1{width:8.3333% !important}.xl\:w-2{width:16.6667% !important}.xl\:w-3{width:25% !important}.xl\:w-4{width:33.3333% !important}.xl\:w-5{width:41.6667% !important}.xl\:w-6{width:50% !important}.xl\:w-7{width:58.3333% !important}.xl\:w-8{width:66.6667% !important}.xl\:w-9{width:75% !important}.xl\:w-10{width:83.3333% !important}.xl\:w-11{width:91.6667% !important}.xl\:w-12{width:100% !important}.xl\:w-min{width:min-content !important}.xl\:w-max{width:max-content !important}.xl\:w-fit{width:fit-content !important}.xl\:w-1rem{width:1rem !important}.xl\:w-2rem{width:2rem !important}.xl\:w-3rem{width:3rem !important}.xl\:w-4rem{width:4rem !important}.xl\:w-5rem{width:5rem !important}.xl\:w-6rem{width:6rem !important}.xl\:w-7rem{width:7rem !important}.xl\:w-8rem{width:8rem !important}.xl\:w-9rem{width:9rem !important}.xl\:w-10rem{width:10rem !important}.xl\:w-11rem{width:11rem !important}.xl\:w-12rem{width:12rem !important}.xl\:w-13rem{width:13rem !important}.xl\:w-14rem{width:14rem !important}.xl\:w-15rem{width:15rem !important}.xl\:w-16rem{width:16rem !important}.xl\:w-17rem{width:17rem !important}.xl\:w-18rem{width:18rem !important}.xl\:w-19rem{width:19rem !important}.xl\:w-20rem{width:20rem !important}.xl\:w-21rem{width:21rem !important}.xl\:w-22rem{width:22rem !important}.xl\:w-23rem{width:23rem !important}.xl\:w-24rem{width:24rem !important}.xl\:w-25rem{width:25rem !important}.xl\:w-26rem{width:26rem !important}.xl\:w-27rem{width:27rem !important}.xl\:w-28rem{width:28rem !important}.xl\:w-29rem{width:29rem !important}.xl\:w-30rem{width:30rem !important}}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-auto{height:auto !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.h-1rem{height:1rem !important}.h-2rem{height:2rem !important}.h-3rem{height:3rem !important}.h-4rem{height:4rem !important}.h-5rem{height:5rem !important}.h-6rem{height:6rem !important}.h-7rem{height:7rem !important}.h-8rem{height:8rem !important}.h-9rem{height:9rem !important}.h-10rem{height:10rem !important}.h-11rem{height:11rem !important}.h-12rem{height:12rem !important}.h-13rem{height:13rem !important}.h-14rem{height:14rem !important}.h-15rem{height:15rem !important}.h-16rem{height:16rem !important}.h-17rem{height:17rem !important}.h-18rem{height:18rem !important}.h-19rem{height:19rem !important}.h-20rem{height:20rem !important}.h-21rem{height:21rem !important}.h-22rem{height:22rem !important}.h-23rem{height:23rem !important}.h-24rem{height:24rem !important}.h-25rem{height:25rem !important}.h-26rem{height:26rem !important}.h-27rem{height:27rem !important}.h-28rem{height:28rem !important}.h-29rem{height:29rem !important}.h-30rem{height:30rem !important}@media screen and (min-width: 576px){.sm\:h-full{height:100% !important}.sm\:h-screen{height:100vh !important}.sm\:h-auto{height:auto !important}.sm\:h-min{height:min-content !important}.sm\:h-max{height:max-content !important}.sm\:h-fit{height:fit-content !important}.sm\:h-1rem{height:1rem !important}.sm\:h-2rem{height:2rem !important}.sm\:h-3rem{height:3rem !important}.sm\:h-4rem{height:4rem !important}.sm\:h-5rem{height:5rem !important}.sm\:h-6rem{height:6rem !important}.sm\:h-7rem{height:7rem !important}.sm\:h-8rem{height:8rem !important}.sm\:h-9rem{height:9rem !important}.sm\:h-10rem{height:10rem !important}.sm\:h-11rem{height:11rem !important}.sm\:h-12rem{height:12rem !important}.sm\:h-13rem{height:13rem !important}.sm\:h-14rem{height:14rem !important}.sm\:h-15rem{height:15rem !important}.sm\:h-16rem{height:16rem !important}.sm\:h-17rem{height:17rem !important}.sm\:h-18rem{height:18rem !important}.sm\:h-19rem{height:19rem !important}.sm\:h-20rem{height:20rem !important}.sm\:h-21rem{height:21rem !important}.sm\:h-22rem{height:22rem !important}.sm\:h-23rem{height:23rem !important}.sm\:h-24rem{height:24rem !important}.sm\:h-25rem{height:25rem !important}.sm\:h-26rem{height:26rem !important}.sm\:h-27rem{height:27rem !important}.sm\:h-28rem{height:28rem !important}.sm\:h-29rem{height:29rem !important}.sm\:h-30rem{height:30rem !important}}@media screen and (min-width: 768px){.md\:h-full{height:100% !important}.md\:h-screen{height:100vh !important}.md\:h-auto{height:auto !important}.md\:h-min{height:min-content !important}.md\:h-max{height:max-content !important}.md\:h-fit{height:fit-content !important}.md\:h-1rem{height:1rem !important}.md\:h-2rem{height:2rem !important}.md\:h-3rem{height:3rem !important}.md\:h-4rem{height:4rem !important}.md\:h-5rem{height:5rem !important}.md\:h-6rem{height:6rem !important}.md\:h-7rem{height:7rem !important}.md\:h-8rem{height:8rem !important}.md\:h-9rem{height:9rem !important}.md\:h-10rem{height:10rem !important}.md\:h-11rem{height:11rem !important}.md\:h-12rem{height:12rem !important}.md\:h-13rem{height:13rem !important}.md\:h-14rem{height:14rem !important}.md\:h-15rem{height:15rem !important}.md\:h-16rem{height:16rem !important}.md\:h-17rem{height:17rem !important}.md\:h-18rem{height:18rem !important}.md\:h-19rem{height:19rem !important}.md\:h-20rem{height:20rem !important}.md\:h-21rem{height:21rem !important}.md\:h-22rem{height:22rem !important}.md\:h-23rem{height:23rem !important}.md\:h-24rem{height:24rem !important}.md\:h-25rem{height:25rem !important}.md\:h-26rem{height:26rem !important}.md\:h-27rem{height:27rem !important}.md\:h-28rem{height:28rem !important}.md\:h-29rem{height:29rem !important}.md\:h-30rem{height:30rem !important}}@media screen and (min-width: 992px){.lg\:h-full{height:100% !important}.lg\:h-screen{height:100vh !important}.lg\:h-auto{height:auto !important}.lg\:h-min{height:min-content !important}.lg\:h-max{height:max-content !important}.lg\:h-fit{height:fit-content !important}.lg\:h-1rem{height:1rem !important}.lg\:h-2rem{height:2rem !important}.lg\:h-3rem{height:3rem !important}.lg\:h-4rem{height:4rem !important}.lg\:h-5rem{height:5rem !important}.lg\:h-6rem{height:6rem !important}.lg\:h-7rem{height:7rem !important}.lg\:h-8rem{height:8rem !important}.lg\:h-9rem{height:9rem !important}.lg\:h-10rem{height:10rem !important}.lg\:h-11rem{height:11rem !important}.lg\:h-12rem{height:12rem !important}.lg\:h-13rem{height:13rem !important}.lg\:h-14rem{height:14rem !important}.lg\:h-15rem{height:15rem !important}.lg\:h-16rem{height:16rem !important}.lg\:h-17rem{height:17rem !important}.lg\:h-18rem{height:18rem !important}.lg\:h-19rem{height:19rem !important}.lg\:h-20rem{height:20rem !important}.lg\:h-21rem{height:21rem !important}.lg\:h-22rem{height:22rem !important}.lg\:h-23rem{height:23rem !important}.lg\:h-24rem{height:24rem !important}.lg\:h-25rem{height:25rem !important}.lg\:h-26rem{height:26rem !important}.lg\:h-27rem{height:27rem !important}.lg\:h-28rem{height:28rem !important}.lg\:h-29rem{height:29rem !important}.lg\:h-30rem{height:30rem !important}}@media screen and (min-width: 1200px){.xl\:h-full{height:100% !important}.xl\:h-screen{height:100vh !important}.xl\:h-auto{height:auto !important}.xl\:h-min{height:min-content !important}.xl\:h-max{height:max-content !important}.xl\:h-fit{height:fit-content !important}.xl\:h-1rem{height:1rem !important}.xl\:h-2rem{height:2rem !important}.xl\:h-3rem{height:3rem !important}.xl\:h-4rem{height:4rem !important}.xl\:h-5rem{height:5rem !important}.xl\:h-6rem{height:6rem !important}.xl\:h-7rem{height:7rem !important}.xl\:h-8rem{height:8rem !important}.xl\:h-9rem{height:9rem !important}.xl\:h-10rem{height:10rem !important}.xl\:h-11rem{height:11rem !important}.xl\:h-12rem{height:12rem !important}.xl\:h-13rem{height:13rem !important}.xl\:h-14rem{height:14rem !important}.xl\:h-15rem{height:15rem !important}.xl\:h-16rem{height:16rem !important}.xl\:h-17rem{height:17rem !important}.xl\:h-18rem{height:18rem !important}.xl\:h-19rem{height:19rem !important}.xl\:h-20rem{height:20rem !important}.xl\:h-21rem{height:21rem !important}.xl\:h-22rem{height:22rem !important}.xl\:h-23rem{height:23rem !important}.xl\:h-24rem{height:24rem !important}.xl\:h-25rem{height:25rem !important}.xl\:h-26rem{height:26rem !important}.xl\:h-27rem{height:27rem !important}.xl\:h-28rem{height:28rem !important}.xl\:h-29rem{height:29rem !important}.xl\:h-30rem{height:30rem !important}}.min-w-0{min-width:0px !important}.min-w-full{min-width:100% !important}.min-w-screen{min-width:100vw !important}.min-w-min{min-width:min-content !important}.min-w-max{min-width:max-content !important}@media screen and (min-width: 576px){.sm\:min-w-0{min-width:0px !important}.sm\:min-w-full{min-width:100% !important}.sm\:min-w-screen{min-width:100vw !important}.sm\:min-w-min{min-width:min-content !important}.sm\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 768px){.md\:min-w-0{min-width:0px !important}.md\:min-w-full{min-width:100% !important}.md\:min-w-screen{min-width:100vw !important}.md\:min-w-min{min-width:min-content !important}.md\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 992px){.lg\:min-w-0{min-width:0px !important}.lg\:min-w-full{min-width:100% !important}.lg\:min-w-screen{min-width:100vw !important}.lg\:min-w-min{min-width:min-content !important}.lg\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:min-w-0{min-width:0px !important}.xl\:min-w-full{min-width:100% !important}.xl\:min-w-screen{min-width:100vw !important}.xl\:min-w-min{min-width:min-content !important}.xl\:min-w-max{min-width:max-content !important}}.max-w-0{max-width:0px !important}.max-w-full{max-width:100% !important}.max-w-screen{max-width:100vw !important}.max-w-min{max-width:min-content !important}.max-w-max{max-width:max-content !important}.max-w-fit{max-width:fit-content !important}.max-w-1rem{max-width:1rem !important}.max-w-2rem{max-width:2rem !important}.max-w-3rem{max-width:3rem !important}.max-w-4rem{max-width:4rem !important}.max-w-5rem{max-width:5rem !important}.max-w-6rem{max-width:6rem !important}.max-w-7rem{max-width:7rem !important}.max-w-8rem{max-width:8rem !important}.max-w-9rem{max-width:9rem !important}.max-w-10rem{max-width:10rem !important}.max-w-11rem{max-width:11rem !important}.max-w-12rem{max-width:12rem !important}.max-w-13rem{max-width:13rem !important}.max-w-14rem{max-width:14rem !important}.max-w-15rem{max-width:15rem !important}.max-w-16rem{max-width:16rem !important}.max-w-17rem{max-width:17rem !important}.max-w-18rem{max-width:18rem !important}.max-w-19rem{max-width:19rem !important}.max-w-20rem{max-width:20rem !important}.max-w-21rem{max-width:21rem !important}.max-w-22rem{max-width:22rem !important}.max-w-23rem{max-width:23rem !important}.max-w-24rem{max-width:24rem !important}.max-w-25rem{max-width:25rem !important}.max-w-26rem{max-width:26rem !important}.max-w-27rem{max-width:27rem !important}.max-w-28rem{max-width:28rem !important}.max-w-29rem{max-width:29rem !important}.max-w-30rem{max-width:30rem !important}@media screen and (min-width: 576px){.sm\:max-w-0{max-width:0px !important}.sm\:max-w-full{max-width:100% !important}.sm\:max-w-screen{max-width:100vw !important}.sm\:max-w-min{max-width:min-content !important}.sm\:max-w-max{max-width:max-content !important}.sm\:max-w-fit{max-width:fit-content !important}.sm\:max-w-1rem{max-width:1rem !important}.sm\:max-w-2rem{max-width:2rem !important}.sm\:max-w-3rem{max-width:3rem !important}.sm\:max-w-4rem{max-width:4rem !important}.sm\:max-w-5rem{max-width:5rem !important}.sm\:max-w-6rem{max-width:6rem !important}.sm\:max-w-7rem{max-width:7rem !important}.sm\:max-w-8rem{max-width:8rem !important}.sm\:max-w-9rem{max-width:9rem !important}.sm\:max-w-10rem{max-width:10rem !important}.sm\:max-w-11rem{max-width:11rem !important}.sm\:max-w-12rem{max-width:12rem !important}.sm\:max-w-13rem{max-width:13rem !important}.sm\:max-w-14rem{max-width:14rem !important}.sm\:max-w-15rem{max-width:15rem !important}.sm\:max-w-16rem{max-width:16rem !important}.sm\:max-w-17rem{max-width:17rem !important}.sm\:max-w-18rem{max-width:18rem !important}.sm\:max-w-19rem{max-width:19rem !important}.sm\:max-w-20rem{max-width:20rem !important}.sm\:max-w-21rem{max-width:21rem !important}.sm\:max-w-22rem{max-width:22rem !important}.sm\:max-w-23rem{max-width:23rem !important}.sm\:max-w-24rem{max-width:24rem !important}.sm\:max-w-25rem{max-width:25rem !important}.sm\:max-w-26rem{max-width:26rem !important}.sm\:max-w-27rem{max-width:27rem !important}.sm\:max-w-28rem{max-width:28rem !important}.sm\:max-w-29rem{max-width:29rem !important}.sm\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 768px){.md\:max-w-0{max-width:0px !important}.md\:max-w-full{max-width:100% !important}.md\:max-w-screen{max-width:100vw !important}.md\:max-w-min{max-width:min-content !important}.md\:max-w-max{max-width:max-content !important}.md\:max-w-fit{max-width:fit-content !important}.md\:max-w-1rem{max-width:1rem !important}.md\:max-w-2rem{max-width:2rem !important}.md\:max-w-3rem{max-width:3rem !important}.md\:max-w-4rem{max-width:4rem !important}.md\:max-w-5rem{max-width:5rem !important}.md\:max-w-6rem{max-width:6rem !important}.md\:max-w-7rem{max-width:7rem !important}.md\:max-w-8rem{max-width:8rem !important}.md\:max-w-9rem{max-width:9rem !important}.md\:max-w-10rem{max-width:10rem !important}.md\:max-w-11rem{max-width:11rem !important}.md\:max-w-12rem{max-width:12rem !important}.md\:max-w-13rem{max-width:13rem !important}.md\:max-w-14rem{max-width:14rem !important}.md\:max-w-15rem{max-width:15rem !important}.md\:max-w-16rem{max-width:16rem !important}.md\:max-w-17rem{max-width:17rem !important}.md\:max-w-18rem{max-width:18rem !important}.md\:max-w-19rem{max-width:19rem !important}.md\:max-w-20rem{max-width:20rem !important}.md\:max-w-21rem{max-width:21rem !important}.md\:max-w-22rem{max-width:22rem !important}.md\:max-w-23rem{max-width:23rem !important}.md\:max-w-24rem{max-width:24rem !important}.md\:max-w-25rem{max-width:25rem !important}.md\:max-w-26rem{max-width:26rem !important}.md\:max-w-27rem{max-width:27rem !important}.md\:max-w-28rem{max-width:28rem !important}.md\:max-w-29rem{max-width:29rem !important}.md\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 992px){.lg\:max-w-0{max-width:0px !important}.lg\:max-w-full{max-width:100% !important}.lg\:max-w-screen{max-width:100vw !important}.lg\:max-w-min{max-width:min-content !important}.lg\:max-w-max{max-width:max-content !important}.lg\:max-w-fit{max-width:fit-content !important}.lg\:max-w-1rem{max-width:1rem !important}.lg\:max-w-2rem{max-width:2rem !important}.lg\:max-w-3rem{max-width:3rem !important}.lg\:max-w-4rem{max-width:4rem !important}.lg\:max-w-5rem{max-width:5rem !important}.lg\:max-w-6rem{max-width:6rem !important}.lg\:max-w-7rem{max-width:7rem !important}.lg\:max-w-8rem{max-width:8rem !important}.lg\:max-w-9rem{max-width:9rem !important}.lg\:max-w-10rem{max-width:10rem !important}.lg\:max-w-11rem{max-width:11rem !important}.lg\:max-w-12rem{max-width:12rem !important}.lg\:max-w-13rem{max-width:13rem !important}.lg\:max-w-14rem{max-width:14rem !important}.lg\:max-w-15rem{max-width:15rem !important}.lg\:max-w-16rem{max-width:16rem !important}.lg\:max-w-17rem{max-width:17rem !important}.lg\:max-w-18rem{max-width:18rem !important}.lg\:max-w-19rem{max-width:19rem !important}.lg\:max-w-20rem{max-width:20rem !important}.lg\:max-w-21rem{max-width:21rem !important}.lg\:max-w-22rem{max-width:22rem !important}.lg\:max-w-23rem{max-width:23rem !important}.lg\:max-w-24rem{max-width:24rem !important}.lg\:max-w-25rem{max-width:25rem !important}.lg\:max-w-26rem{max-width:26rem !important}.lg\:max-w-27rem{max-width:27rem !important}.lg\:max-w-28rem{max-width:28rem !important}.lg\:max-w-29rem{max-width:29rem !important}.lg\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-w-0{max-width:0px !important}.xl\:max-w-full{max-width:100% !important}.xl\:max-w-screen{max-width:100vw !important}.xl\:max-w-min{max-width:min-content !important}.xl\:max-w-max{max-width:max-content !important}.xl\:max-w-fit{max-width:fit-content !important}.xl\:max-w-1rem{max-width:1rem !important}.xl\:max-w-2rem{max-width:2rem !important}.xl\:max-w-3rem{max-width:3rem !important}.xl\:max-w-4rem{max-width:4rem !important}.xl\:max-w-5rem{max-width:5rem !important}.xl\:max-w-6rem{max-width:6rem !important}.xl\:max-w-7rem{max-width:7rem !important}.xl\:max-w-8rem{max-width:8rem !important}.xl\:max-w-9rem{max-width:9rem !important}.xl\:max-w-10rem{max-width:10rem !important}.xl\:max-w-11rem{max-width:11rem !important}.xl\:max-w-12rem{max-width:12rem !important}.xl\:max-w-13rem{max-width:13rem !important}.xl\:max-w-14rem{max-width:14rem !important}.xl\:max-w-15rem{max-width:15rem !important}.xl\:max-w-16rem{max-width:16rem !important}.xl\:max-w-17rem{max-width:17rem !important}.xl\:max-w-18rem{max-width:18rem !important}.xl\:max-w-19rem{max-width:19rem !important}.xl\:max-w-20rem{max-width:20rem !important}.xl\:max-w-21rem{max-width:21rem !important}.xl\:max-w-22rem{max-width:22rem !important}.xl\:max-w-23rem{max-width:23rem !important}.xl\:max-w-24rem{max-width:24rem !important}.xl\:max-w-25rem{max-width:25rem !important}.xl\:max-w-26rem{max-width:26rem !important}.xl\:max-w-27rem{max-width:27rem !important}.xl\:max-w-28rem{max-width:28rem !important}.xl\:max-w-29rem{max-width:29rem !important}.xl\:max-w-30rem{max-width:30rem !important}}.min-h-0{min-height:0px !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}@media screen and (min-width: 576px){.sm\:min-h-0{min-height:0px !important}.sm\:min-h-full{min-height:100% !important}.sm\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 768px){.md\:min-h-0{min-height:0px !important}.md\:min-h-full{min-height:100% !important}.md\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 992px){.lg\:min-h-0{min-height:0px !important}.lg\:min-h-full{min-height:100% !important}.lg\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:min-h-0{min-height:0px !important}.xl\:min-h-full{min-height:100% !important}.xl\:min-h-screen{min-height:100vh !important}}.max-h-0{max-height:0px !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}.max-h-min{max-height:min-content !important}.max-h-max{max-height:max-content !important}.max-h-fit{max-height:fit-content !important}.max-h-1rem{max-height:1rem !important}.max-h-2rem{max-height:2rem !important}.max-h-3rem{max-height:3rem !important}.max-h-4rem{max-height:4rem !important}.max-h-5rem{max-height:5rem !important}.max-h-6rem{max-height:6rem !important}.max-h-7rem{max-height:7rem !important}.max-h-8rem{max-height:8rem !important}.max-h-9rem{max-height:9rem !important}.max-h-10rem{max-height:10rem !important}.max-h-11rem{max-height:11rem !important}.max-h-12rem{max-height:12rem !important}.max-h-13rem{max-height:13rem !important}.max-h-14rem{max-height:14rem !important}.max-h-15rem{max-height:15rem !important}.max-h-16rem{max-height:16rem !important}.max-h-17rem{max-height:17rem !important}.max-h-18rem{max-height:18rem !important}.max-h-19rem{max-height:19rem !important}.max-h-20rem{max-height:20rem !important}.max-h-21rem{max-height:21rem !important}.max-h-22rem{max-height:22rem !important}.max-h-23rem{max-height:23rem !important}.max-h-24rem{max-height:24rem !important}.max-h-25rem{max-height:25rem !important}.max-h-26rem{max-height:26rem !important}.max-h-27rem{max-height:27rem !important}.max-h-28rem{max-height:28rem !important}.max-h-29rem{max-height:29rem !important}.max-h-30rem{max-height:30rem !important}@media screen and (min-width: 576px){.sm\:max-h-0{max-height:0px !important}.sm\:max-h-full{max-height:100% !important}.sm\:max-h-screen{max-height:100vh !important}.sm\:max-h-min{max-height:min-content !important}.sm\:max-h-max{max-height:max-content !important}.sm\:max-h-fit{max-height:fit-content !important}.sm\:max-h-1rem{max-height:1rem !important}.sm\:max-h-2rem{max-height:2rem !important}.sm\:max-h-3rem{max-height:3rem !important}.sm\:max-h-4rem{max-height:4rem !important}.sm\:max-h-5rem{max-height:5rem !important}.sm\:max-h-6rem{max-height:6rem !important}.sm\:max-h-7rem{max-height:7rem !important}.sm\:max-h-8rem{max-height:8rem !important}.sm\:max-h-9rem{max-height:9rem !important}.sm\:max-h-10rem{max-height:10rem !important}.sm\:max-h-11rem{max-height:11rem !important}.sm\:max-h-12rem{max-height:12rem !important}.sm\:max-h-13rem{max-height:13rem !important}.sm\:max-h-14rem{max-height:14rem !important}.sm\:max-h-15rem{max-height:15rem !important}.sm\:max-h-16rem{max-height:16rem !important}.sm\:max-h-17rem{max-height:17rem !important}.sm\:max-h-18rem{max-height:18rem !important}.sm\:max-h-19rem{max-height:19rem !important}.sm\:max-h-20rem{max-height:20rem !important}.sm\:max-h-21rem{max-height:21rem !important}.sm\:max-h-22rem{max-height:22rem !important}.sm\:max-h-23rem{max-height:23rem !important}.sm\:max-h-24rem{max-height:24rem !important}.sm\:max-h-25rem{max-height:25rem !important}.sm\:max-h-26rem{max-height:26rem !important}.sm\:max-h-27rem{max-height:27rem !important}.sm\:max-h-28rem{max-height:28rem !important}.sm\:max-h-29rem{max-height:29rem !important}.sm\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 768px){.md\:max-h-0{max-height:0px !important}.md\:max-h-full{max-height:100% !important}.md\:max-h-screen{max-height:100vh !important}.md\:max-h-min{max-height:min-content !important}.md\:max-h-max{max-height:max-content !important}.md\:max-h-fit{max-height:fit-content !important}.md\:max-h-1rem{max-height:1rem !important}.md\:max-h-2rem{max-height:2rem !important}.md\:max-h-3rem{max-height:3rem !important}.md\:max-h-4rem{max-height:4rem !important}.md\:max-h-5rem{max-height:5rem !important}.md\:max-h-6rem{max-height:6rem !important}.md\:max-h-7rem{max-height:7rem !important}.md\:max-h-8rem{max-height:8rem !important}.md\:max-h-9rem{max-height:9rem !important}.md\:max-h-10rem{max-height:10rem !important}.md\:max-h-11rem{max-height:11rem !important}.md\:max-h-12rem{max-height:12rem !important}.md\:max-h-13rem{max-height:13rem !important}.md\:max-h-14rem{max-height:14rem !important}.md\:max-h-15rem{max-height:15rem !important}.md\:max-h-16rem{max-height:16rem !important}.md\:max-h-17rem{max-height:17rem !important}.md\:max-h-18rem{max-height:18rem !important}.md\:max-h-19rem{max-height:19rem !important}.md\:max-h-20rem{max-height:20rem !important}.md\:max-h-21rem{max-height:21rem !important}.md\:max-h-22rem{max-height:22rem !important}.md\:max-h-23rem{max-height:23rem !important}.md\:max-h-24rem{max-height:24rem !important}.md\:max-h-25rem{max-height:25rem !important}.md\:max-h-26rem{max-height:26rem !important}.md\:max-h-27rem{max-height:27rem !important}.md\:max-h-28rem{max-height:28rem !important}.md\:max-h-29rem{max-height:29rem !important}.md\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 992px){.lg\:max-h-0{max-height:0px !important}.lg\:max-h-full{max-height:100% !important}.lg\:max-h-screen{max-height:100vh !important}.lg\:max-h-min{max-height:min-content !important}.lg\:max-h-max{max-height:max-content !important}.lg\:max-h-fit{max-height:fit-content !important}.lg\:max-h-1rem{max-height:1rem !important}.lg\:max-h-2rem{max-height:2rem !important}.lg\:max-h-3rem{max-height:3rem !important}.lg\:max-h-4rem{max-height:4rem !important}.lg\:max-h-5rem{max-height:5rem !important}.lg\:max-h-6rem{max-height:6rem !important}.lg\:max-h-7rem{max-height:7rem !important}.lg\:max-h-8rem{max-height:8rem !important}.lg\:max-h-9rem{max-height:9rem !important}.lg\:max-h-10rem{max-height:10rem !important}.lg\:max-h-11rem{max-height:11rem !important}.lg\:max-h-12rem{max-height:12rem !important}.lg\:max-h-13rem{max-height:13rem !important}.lg\:max-h-14rem{max-height:14rem !important}.lg\:max-h-15rem{max-height:15rem !important}.lg\:max-h-16rem{max-height:16rem !important}.lg\:max-h-17rem{max-height:17rem !important}.lg\:max-h-18rem{max-height:18rem !important}.lg\:max-h-19rem{max-height:19rem !important}.lg\:max-h-20rem{max-height:20rem !important}.lg\:max-h-21rem{max-height:21rem !important}.lg\:max-h-22rem{max-height:22rem !important}.lg\:max-h-23rem{max-height:23rem !important}.lg\:max-h-24rem{max-height:24rem !important}.lg\:max-h-25rem{max-height:25rem !important}.lg\:max-h-26rem{max-height:26rem !important}.lg\:max-h-27rem{max-height:27rem !important}.lg\:max-h-28rem{max-height:28rem !important}.lg\:max-h-29rem{max-height:29rem !important}.lg\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-h-0{max-height:0px !important}.xl\:max-h-full{max-height:100% !important}.xl\:max-h-screen{max-height:100vh !important}.xl\:max-h-min{max-height:min-content !important}.xl\:max-h-max{max-height:max-content !important}.xl\:max-h-fit{max-height:fit-content !important}.xl\:max-h-1rem{max-height:1rem !important}.xl\:max-h-2rem{max-height:2rem !important}.xl\:max-h-3rem{max-height:3rem !important}.xl\:max-h-4rem{max-height:4rem !important}.xl\:max-h-5rem{max-height:5rem !important}.xl\:max-h-6rem{max-height:6rem !important}.xl\:max-h-7rem{max-height:7rem !important}.xl\:max-h-8rem{max-height:8rem !important}.xl\:max-h-9rem{max-height:9rem !important}.xl\:max-h-10rem{max-height:10rem !important}.xl\:max-h-11rem{max-height:11rem !important}.xl\:max-h-12rem{max-height:12rem !important}.xl\:max-h-13rem{max-height:13rem !important}.xl\:max-h-14rem{max-height:14rem !important}.xl\:max-h-15rem{max-height:15rem !important}.xl\:max-h-16rem{max-height:16rem !important}.xl\:max-h-17rem{max-height:17rem !important}.xl\:max-h-18rem{max-height:18rem !important}.xl\:max-h-19rem{max-height:19rem !important}.xl\:max-h-20rem{max-height:20rem !important}.xl\:max-h-21rem{max-height:21rem !important}.xl\:max-h-22rem{max-height:22rem !important}.xl\:max-h-23rem{max-height:23rem !important}.xl\:max-h-24rem{max-height:24rem !important}.xl\:max-h-25rem{max-height:25rem !important}.xl\:max-h-26rem{max-height:26rem !important}.xl\:max-h-27rem{max-height:27rem !important}.xl\:max-h-28rem{max-height:28rem !important}.xl\:max-h-29rem{max-height:29rem !important}.xl\:max-h-30rem{max-height:30rem !important}}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}@media screen and (min-width: 576px){.sm\:static{position:static !important}.sm\:fixed{position:fixed !important}.sm\:absolute{position:absolute !important}.sm\:relative{position:relative !important}.sm\:sticky{position:sticky !important}}@media screen and (min-width: 768px){.md\:static{position:static !important}.md\:fixed{position:fixed !important}.md\:absolute{position:absolute !important}.md\:relative{position:relative !important}.md\:sticky{position:sticky !important}}@media screen and (min-width: 992px){.lg\:static{position:static !important}.lg\:fixed{position:fixed !important}.lg\:absolute{position:absolute !important}.lg\:relative{position:relative !important}.lg\:sticky{position:sticky !important}}@media screen and (min-width: 1200px){.xl\:static{position:static !important}.xl\:fixed{position:fixed !important}.xl\:absolute{position:absolute !important}.xl\:relative{position:relative !important}.xl\:sticky{position:sticky !important}}.top-auto{top:auto !important}.top-0{top:0px !important}.top-50{top:50% !important}.top-100{top:100% !important}@media screen and (min-width: 576px){.sm\:top-auto{top:auto !important}.sm\:top-0{top:0px !important}.sm\:top-50{top:50% !important}.sm\:top-100{top:100% !important}}@media screen and (min-width: 768px){.md\:top-auto{top:auto !important}.md\:top-0{top:0px !important}.md\:top-50{top:50% !important}.md\:top-100{top:100% !important}}@media screen and (min-width: 992px){.lg\:top-auto{top:auto !important}.lg\:top-0{top:0px !important}.lg\:top-50{top:50% !important}.lg\:top-100{top:100% !important}}@media screen and (min-width: 1200px){.xl\:top-auto{top:auto !important}.xl\:top-0{top:0px !important}.xl\:top-50{top:50% !important}.xl\:top-100{top:100% !important}}.left-auto{left:auto !important}.left-0{left:0px !important}.left-50{left:50% !important}.left-100{left:100% !important}@media screen and (min-width: 576px){.sm\:left-auto{left:auto !important}.sm\:left-0{left:0px !important}.sm\:left-50{left:50% !important}.sm\:left-100{left:100% !important}}@media screen and (min-width: 768px){.md\:left-auto{left:auto !important}.md\:left-0{left:0px !important}.md\:left-50{left:50% !important}.md\:left-100{left:100% !important}}@media screen and (min-width: 992px){.lg\:left-auto{left:auto !important}.lg\:left-0{left:0px !important}.lg\:left-50{left:50% !important}.lg\:left-100{left:100% !important}}@media screen and (min-width: 1200px){.xl\:left-auto{left:auto !important}.xl\:left-0{left:0px !important}.xl\:left-50{left:50% !important}.xl\:left-100{left:100% !important}}.right-auto{right:auto !important}.right-0{right:0px !important}.right-50{right:50% !important}.right-100{right:100% !important}@media screen and (min-width: 576px){.sm\:right-auto{right:auto !important}.sm\:right-0{right:0px !important}.sm\:right-50{right:50% !important}.sm\:right-100{right:100% !important}}@media screen and (min-width: 768px){.md\:right-auto{right:auto !important}.md\:right-0{right:0px !important}.md\:right-50{right:50% !important}.md\:right-100{right:100% !important}}@media screen and (min-width: 992px){.lg\:right-auto{right:auto !important}.lg\:right-0{right:0px !important}.lg\:right-50{right:50% !important}.lg\:right-100{right:100% !important}}@media screen and (min-width: 1200px){.xl\:right-auto{right:auto !important}.xl\:right-0{right:0px !important}.xl\:right-50{right:50% !important}.xl\:right-100{right:100% !important}}.bottom-auto{bottom:auto !important}.bottom-0{bottom:0px !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}@media screen and (min-width: 576px){.sm\:bottom-auto{bottom:auto !important}.sm\:bottom-0{bottom:0px !important}.sm\:bottom-50{bottom:50% !important}.sm\:bottom-100{bottom:100% !important}}@media screen and (min-width: 768px){.md\:bottom-auto{bottom:auto !important}.md\:bottom-0{bottom:0px !important}.md\:bottom-50{bottom:50% !important}.md\:bottom-100{bottom:100% !important}}@media screen and (min-width: 992px){.lg\:bottom-auto{bottom:auto !important}.lg\:bottom-0{bottom:0px !important}.lg\:bottom-50{bottom:50% !important}.lg\:bottom-100{bottom:100% !important}}@media screen and (min-width: 1200px){.xl\:bottom-auto{bottom:auto !important}.xl\:bottom-0{bottom:0px !important}.xl\:bottom-50{bottom:50% !important}.xl\:bottom-100{bottom:100% !important}}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-auto{overflow:auto !important}.sm\:overflow-hidden{overflow:hidden !important}.sm\:overflow-visible{overflow:visible !important}.sm\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-auto{overflow:auto !important}.md\:overflow-hidden{overflow:hidden !important}.md\:overflow-visible{overflow:visible !important}.md\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-auto{overflow:auto !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:overflow-visible{overflow:visible !important}.lg\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-auto{overflow:auto !important}.xl\:overflow-hidden{overflow:hidden !important}.xl\:overflow-visible{overflow:visible !important}.xl\:overflow-scroll{overflow:scroll !important}}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-x-auto{overflow-x:auto !important}.sm\:overflow-x-hidden{overflow-x:hidden !important}.sm\:overflow-x-visible{overflow-x:visible !important}.sm\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-x-auto{overflow-x:auto !important}.md\:overflow-x-hidden{overflow-x:hidden !important}.md\:overflow-x-visible{overflow-x:visible !important}.md\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-x-auto{overflow-x:auto !important}.lg\:overflow-x-hidden{overflow-x:hidden !important}.lg\:overflow-x-visible{overflow-x:visible !important}.lg\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-x-auto{overflow-x:auto !important}.xl\:overflow-x-hidden{overflow-x:hidden !important}.xl\:overflow-x-visible{overflow-x:visible !important}.xl\:overflow-x-scroll{overflow-x:scroll !important}}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-y-auto{overflow-y:auto !important}.sm\:overflow-y-hidden{overflow-y:hidden !important}.sm\:overflow-y-visible{overflow-y:visible !important}.sm\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-y-auto{overflow-y:auto !important}.md\:overflow-y-hidden{overflow-y:hidden !important}.md\:overflow-y-visible{overflow-y:visible !important}.md\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-y-auto{overflow-y:auto !important}.lg\:overflow-y-hidden{overflow-y:hidden !important}.lg\:overflow-y-visible{overflow-y:visible !important}.lg\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-y-auto{overflow-y:auto !important}.xl\:overflow-y-hidden{overflow-y:hidden !important}.xl\:overflow-y-visible{overflow-y:visible !important}.xl\:overflow-y-scroll{overflow-y:scroll !important}}.z-auto{z-index:auto !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-4{z-index:4 !important}.z-5{z-index:5 !important}@media screen and (min-width: 576px){.sm\:z-auto{z-index:auto !important}.sm\:z-0{z-index:0 !important}.sm\:z-1{z-index:1 !important}.sm\:z-2{z-index:2 !important}.sm\:z-3{z-index:3 !important}.sm\:z-4{z-index:4 !important}.sm\:z-5{z-index:5 !important}}@media screen and (min-width: 768px){.md\:z-auto{z-index:auto !important}.md\:z-0{z-index:0 !important}.md\:z-1{z-index:1 !important}.md\:z-2{z-index:2 !important}.md\:z-3{z-index:3 !important}.md\:z-4{z-index:4 !important}.md\:z-5{z-index:5 !important}}@media screen and (min-width: 992px){.lg\:z-auto{z-index:auto !important}.lg\:z-0{z-index:0 !important}.lg\:z-1{z-index:1 !important}.lg\:z-2{z-index:2 !important}.lg\:z-3{z-index:3 !important}.lg\:z-4{z-index:4 !important}.lg\:z-5{z-index:5 !important}}@media screen and (min-width: 1200px){.xl\:z-auto{z-index:auto !important}.xl\:z-0{z-index:0 !important}.xl\:z-1{z-index:1 !important}.xl\:z-2{z-index:2 !important}.xl\:z-3{z-index:3 !important}.xl\:z-4{z-index:4 !important}.xl\:z-5{z-index:5 !important}}.bg-repeat{background-repeat:repeat !important}.bg-no-repeat{background-repeat:no-repeat !important}.bg-repeat-x{background-repeat:repeat-x !important}.bg-repeat-y{background-repeat:repeat-y !important}.bg-repeat-round{background-repeat:round !important}.bg-repeat-space{background-repeat:space !important}@media screen and (min-width: 576px){.sm\:bg-repeat{background-repeat:repeat !important}.sm\:bg-no-repeat{background-repeat:no-repeat !important}.sm\:bg-repeat-x{background-repeat:repeat-x !important}.sm\:bg-repeat-y{background-repeat:repeat-y !important}.sm\:bg-repeat-round{background-repeat:round !important}.sm\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 768px){.md\:bg-repeat{background-repeat:repeat !important}.md\:bg-no-repeat{background-repeat:no-repeat !important}.md\:bg-repeat-x{background-repeat:repeat-x !important}.md\:bg-repeat-y{background-repeat:repeat-y !important}.md\:bg-repeat-round{background-repeat:round !important}.md\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 992px){.lg\:bg-repeat{background-repeat:repeat !important}.lg\:bg-no-repeat{background-repeat:no-repeat !important}.lg\:bg-repeat-x{background-repeat:repeat-x !important}.lg\:bg-repeat-y{background-repeat:repeat-y !important}.lg\:bg-repeat-round{background-repeat:round !important}.lg\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 1200px){.xl\:bg-repeat{background-repeat:repeat !important}.xl\:bg-no-repeat{background-repeat:no-repeat !important}.xl\:bg-repeat-x{background-repeat:repeat-x !important}.xl\:bg-repeat-y{background-repeat:repeat-y !important}.xl\:bg-repeat-round{background-repeat:round !important}.xl\:bg-repeat-space{background-repeat:space !important}}.bg-auto{background-size:auto !important}.bg-cover{background-size:cover !important}.bg-contain{background-size:contain !important}@media screen and (min-width: 576px){.sm\:bg-auto{background-size:auto !important}.sm\:bg-cover{background-size:cover !important}.sm\:bg-contain{background-size:contain !important}}@media screen and (min-width: 768px){.md\:bg-auto{background-size:auto !important}.md\:bg-cover{background-size:cover !important}.md\:bg-contain{background-size:contain !important}}@media screen and (min-width: 992px){.lg\:bg-auto{background-size:auto !important}.lg\:bg-cover{background-size:cover !important}.lg\:bg-contain{background-size:contain !important}}@media screen and (min-width: 1200px){.xl\:bg-auto{background-size:auto !important}.xl\:bg-cover{background-size:cover !important}.xl\:bg-contain{background-size:contain !important}}.bg-bottom{background-position:bottom !important}.bg-center{background-position:center !important}.bg-left{background-position:left !important}.bg-left-bottom{background-position:left bottom !important}.bg-left-top{background-position:left top !important}.bg-right{background-position:right !important}.bg-right-bottom{background-position:right bottom !important}.bg-right-top{background-position:right top !important}.bg-top{background-position:top !important}@media screen and (min-width: 576px){.sm\:bg-bottom{background-position:bottom !important}.sm\:bg-center{background-position:center !important}.sm\:bg-left{background-position:left !important}.sm\:bg-left-bottom{background-position:left bottom !important}.sm\:bg-left-top{background-position:left top !important}.sm\:bg-right{background-position:right !important}.sm\:bg-right-bottom{background-position:right bottom !important}.sm\:bg-right-top{background-position:right top !important}.sm\:bg-top{background-position:top !important}}@media screen and (min-width: 768px){.md\:bg-bottom{background-position:bottom !important}.md\:bg-center{background-position:center !important}.md\:bg-left{background-position:left !important}.md\:bg-left-bottom{background-position:left bottom !important}.md\:bg-left-top{background-position:left top !important}.md\:bg-right{background-position:right !important}.md\:bg-right-bottom{background-position:right bottom !important}.md\:bg-right-top{background-position:right top !important}.md\:bg-top{background-position:top !important}}@media screen and (min-width: 992px){.lg\:bg-bottom{background-position:bottom !important}.lg\:bg-center{background-position:center !important}.lg\:bg-left{background-position:left !important}.lg\:bg-left-bottom{background-position:left bottom !important}.lg\:bg-left-top{background-position:left top !important}.lg\:bg-right{background-position:right !important}.lg\:bg-right-bottom{background-position:right bottom !important}.lg\:bg-right-top{background-position:right top !important}.lg\:bg-top{background-position:top !important}}@media screen and (min-width: 1200px){.xl\:bg-bottom{background-position:bottom !important}.xl\:bg-center{background-position:center !important}.xl\:bg-left{background-position:left !important}.xl\:bg-left-bottom{background-position:left bottom !important}.xl\:bg-left-top{background-position:left top !important}.xl\:bg-right{background-position:right !important}.xl\:bg-right-bottom{background-position:right bottom !important}.xl\:bg-right-top{background-position:right top !important}.xl\:bg-top{background-position:top !important}}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.list-none{list-style:none !important}.list-disc{list-style:disc !important}.list-decimal{list-style:decimal !important}.appearance-none{appearance:none !important}.outline-none{outline:none !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.cursor-auto{cursor:auto !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-move{cursor:move !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:.1 !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-40{opacity:.4 !important}.opacity-50{opacity:.5 !important}.opacity-60{opacity:.6 !important}.opacity-70{opacity:.7 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.opacity-100{opacity:1 !important}.transition-none{transition-property:none !important}.transition-all{transition-property:all !important}.transition-colors{transition-property:background-color,border-color,color !important}.transition-transform{transition-property:transform !important}.transition-duration-100{transition-duration:100ms !important}.transition-duration-150{transition-duration:150ms !important}.transition-duration-200{transition-duration:200ms !important}.transition-duration-300{transition-duration:300ms !important}.transition-duration-400{transition-duration:400ms !important}.transition-duration-500{transition-duration:500ms !important}.transition-duration-1000{transition-duration:1000ms !important}.transition-duration-2000{transition-duration:2000ms !important}.transition-duration-3000{transition-duration:3000ms !important}.transition-linear{transition-timing-function:linear !important}.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.transition-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.transition-delay-100{transition-delay:100ms !important}.transition-delay-150{transition-delay:150ms !important}.transition-delay-200{transition-delay:200ms !important}.transition-delay-300{transition-delay:300ms !important}.transition-delay-400{transition-delay:400ms !important}.transition-delay-500{transition-delay:500ms !important}.transition-delay-1000{transition-delay:1000ms !important}.translate-x-0{transform:translateX(0%) !important}.translate-x-100{transform:translateX(100%) !important}.-translate-x-100{transform:translateX(-100%) !important}.translate-y-0{transform:translateY(0%) !important}.translate-y-100{transform:translateY(100%) !important}.-translate-y-100{transform:translateY(-100%) !important}@media screen and (min-width: 576px){.sm\:translate-x-0{transform:translateX(0%) !important}.sm\:translate-x-100{transform:translateX(100%) !important}.sm\:-translate-x-100{transform:translateX(-100%) !important}.sm\:translate-y-0{transform:translateY(0%) !important}.sm\:translate-y-100{transform:translateY(100%) !important}.sm\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 768px){.md\:translate-x-0{transform:translateX(0%) !important}.md\:translate-x-100{transform:translateX(100%) !important}.md\:-translate-x-100{transform:translateX(-100%) !important}.md\:translate-y-0{transform:translateY(0%) !important}.md\:translate-y-100{transform:translateY(100%) !important}.md\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 992px){.lg\:translate-x-0{transform:translateX(0%) !important}.lg\:translate-x-100{transform:translateX(100%) !important}.lg\:-translate-x-100{transform:translateX(-100%) !important}.lg\:translate-y-0{transform:translateY(0%) !important}.lg\:translate-y-100{transform:translateY(100%) !important}.lg\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 1200px){.xl\:translate-x-0{transform:translateX(0%) !important}.xl\:translate-x-100{transform:translateX(100%) !important}.xl\:-translate-x-100{transform:translateX(-100%) !important}.xl\:translate-y-0{transform:translateY(0%) !important}.xl\:translate-y-100{transform:translateY(100%) !important}.xl\:-translate-y-100{transform:translateY(-100%) !important}}.rotate-45{transform:rotate(45deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.rotate-90{transform:rotate(90deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-180{transform:rotate(-180deg) !important}@media screen and (min-width: 576px){.sm\:rotate-45{transform:rotate(45deg) !important}.sm\:-rotate-45{transform:rotate(-45deg) !important}.sm\:rotate-90{transform:rotate(90deg) !important}.sm\:-rotate-90{transform:rotate(-90deg) !important}.sm\:rotate-180{transform:rotate(180deg) !important}.sm\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 768px){.md\:rotate-45{transform:rotate(45deg) !important}.md\:-rotate-45{transform:rotate(-45deg) !important}.md\:rotate-90{transform:rotate(90deg) !important}.md\:-rotate-90{transform:rotate(-90deg) !important}.md\:rotate-180{transform:rotate(180deg) !important}.md\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 992px){.lg\:rotate-45{transform:rotate(45deg) !important}.lg\:-rotate-45{transform:rotate(-45deg) !important}.lg\:rotate-90{transform:rotate(90deg) !important}.lg\:-rotate-90{transform:rotate(-90deg) !important}.lg\:rotate-180{transform:rotate(180deg) !important}.lg\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 1200px){.xl\:rotate-45{transform:rotate(45deg) !important}.xl\:-rotate-45{transform:rotate(-45deg) !important}.xl\:rotate-90{transform:rotate(90deg) !important}.xl\:-rotate-90{transform:rotate(-90deg) !important}.xl\:rotate-180{transform:rotate(180deg) !important}.xl\:-rotate-180{transform:rotate(-180deg) !important}}.origin-center{transform-origin:center !important}.origin-top{transform-origin:top !important}.origin-top-right{transform-origin:top right !important}.origin-right{transform-origin:right !important}.origin-bottom-right{transform-origin:bottom right !important}.origin-bottom{transform-origin:bottom !important}.origin-bottom-left{transform-origin:bottom left !important}.origin-left{transform-origin:left !important}.origin-top-left{transform-origin:top-left !important}@media screen and (min-width: 576px){.sm\:origin-center{transform-origin:center !important}.sm\:origin-top{transform-origin:top !important}.sm\:origin-top-right{transform-origin:top right !important}.sm\:origin-right{transform-origin:right !important}.sm\:origin-bottom-right{transform-origin:bottom right !important}.sm\:origin-bottom{transform-origin:bottom !important}.sm\:origin-bottom-left{transform-origin:bottom left !important}.sm\:origin-left{transform-origin:left !important}.sm\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 768px){.md\:origin-center{transform-origin:center !important}.md\:origin-top{transform-origin:top !important}.md\:origin-top-right{transform-origin:top right !important}.md\:origin-right{transform-origin:right !important}.md\:origin-bottom-right{transform-origin:bottom right !important}.md\:origin-bottom{transform-origin:bottom !important}.md\:origin-bottom-left{transform-origin:bottom left !important}.md\:origin-left{transform-origin:left !important}.md\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 992px){.lg\:origin-center{transform-origin:center !important}.lg\:origin-top{transform-origin:top !important}.lg\:origin-top-right{transform-origin:top right !important}.lg\:origin-right{transform-origin:right !important}.lg\:origin-bottom-right{transform-origin:bottom right !important}.lg\:origin-bottom{transform-origin:bottom !important}.lg\:origin-bottom-left{transform-origin:bottom left !important}.lg\:origin-left{transform-origin:left !important}.lg\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 1200px){.xl\:origin-center{transform-origin:center !important}.xl\:origin-top{transform-origin:top !important}.xl\:origin-top-right{transform-origin:top right !important}.xl\:origin-right{transform-origin:right !important}.xl\:origin-bottom-right{transform-origin:bottom right !important}.xl\:origin-bottom{transform-origin:bottom !important}.xl\:origin-bottom-left{transform-origin:bottom left !important}.xl\:origin-left{transform-origin:left !important}.xl\:origin-top-left{transform-origin:top-left !important}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}100%{max-height:auto}}@keyframes slideup{0%{max-height:1000px}100%{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutleft{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translateX(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutright{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}100%{width:100%}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0, 1, 0, 1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1000ms linear}.animation-duration-100{animation-duration:100ms !important}.animation-duration-150{animation-duration:150ms !important}.animation-duration-200{animation-duration:200ms !important}.animation-duration-300{animation-duration:300ms !important}.animation-duration-400{animation-duration:400ms !important}.animation-duration-500{animation-duration:500ms !important}.animation-duration-1000{animation-duration:1000ms !important}.animation-duration-2000{animation-duration:2000ms !important}.animation-duration-3000{animation-duration:3000ms !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-150{animation-delay:150ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-400{animation-delay:400ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.animation-iteration-1{animation-iteration-count:1 !important}.animation-iteration-2{animation-iteration-count:2 !important}.animation-iteration-infinite{animation-iteration-count:infinite !important}.animation-linear{animation-timing-function:linear !important}.animation-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.animation-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.animation-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.animation-fill-none{animation-fill-mode:none !important}.animation-fill-forwards{animation-fill-mode:forwards !important}.animation-fill-backwards{animation-fill-mode:backwards !important}.animation-fill-both{animation-fill-mode:both !important} \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css @@ -0,0 +1,1017 @@ +@font-face { + font-family: 'primeicons'; + font-display: block; + src: url("#{resource['freya-layout:icons/primeicons.eot']}"); + src: url("#{resource['freya-layout:icons/primeicons.eot']}#iefix") format('embedded-opentype'), + url("#{resource['freya-layout:icons/primeicons.ttf']}") format('truetype'), + url("#{resource['freya-layout:icons/primeicons.woff']}") format('woff'), + url("#{resource['freya-layout:icons/primeicons.svg']}#primeicons") format('svg'); + font-weight: normal; + font-style: normal; +} + +.pi { + font-family: 'primeicons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pi:before { + --webkit-backface-visibility:hidden; + backface-visibility: hidden; +} + +.pi-fw { + width: 1.28571429em; + text-align: center; +} + +.pi-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +.pi-sort-alt-slash:before { + content: "\e9ee"; +} + +.pi-arrows-h:before { + content: "\e9ec"; +} + +.pi-arrows-v:before { + content: "\e9ed"; +} + +.pi-pound:before { + content: "\e9eb"; +} + +.pi-prime:before { + content: "\e9ea"; +} + +.pi-chart-pie:before { + content: "\e9e9"; +} + +.pi-reddit:before { + content: "\e9e8"; +} + +.pi-code:before { + content: "\e9e7"; +} + +.pi-sync:before { + content: "\e9e6"; +} + +.pi-shopping-bag:before { + content: "\e9e5"; +} + +.pi-server:before { + content: "\e9e4"; +} + +.pi-database:before { + content: "\e9e3"; +} + +.pi-hashtag:before { + content: "\e9e2"; +} + +.pi-bookmark-fill:before { + content: "\e9df"; +} + +.pi-filter-fill:before { + content: "\e9e0"; +} + +.pi-heart-fill:before { + content: "\e9e1"; +} + +.pi-flag-fill:before { + content: "\e9de"; +} + +.pi-circle:before { + content: "\e9dc"; +} + +.pi-circle-fill:before { + content: "\e9dd"; +} + +.pi-bolt:before { + content: "\e9db"; +} + +.pi-history:before { + content: "\e9da"; +} + +.pi-box:before { + content: "\e9d9"; +} + +.pi-at:before { + content: "\e9d8"; +} + +.pi-arrow-up-right:before { + content: "\e9d4"; +} + +.pi-arrow-up-left:before { + content: "\e9d5"; +} + +.pi-arrow-down-left:before { + content: "\e9d6"; +} + +.pi-arrow-down-right:before { + content: "\e9d7"; +} + +.pi-telegram:before { + content: "\e9d3"; +} + +.pi-stop-circle:before { + content: "\e9d2"; +} + +.pi-stop:before { + content: "\e9d1"; +} + +.pi-whatsapp:before { + content: "\e9d0"; +} + +.pi-building:before { + content: "\e9cf"; +} + +.pi-qrcode:before { + content: "\e9ce"; +} + +.pi-car:before { + content: "\e9cd"; +} + +.pi-instagram:before { + content: "\e9cc"; +} + +.pi-linkedin:before { + content: "\e9cb"; +} + +.pi-send:before { + content: "\e9ca"; +} + +.pi-slack:before { + content: "\e9c9"; +} + +.pi-sun:before { + content: "\e9c8"; +} + +.pi-moon:before { + content: "\e9c7"; +} + +.pi-vimeo:before { + content: "\e9c6"; +} + +.pi-youtube:before { + content: "\e9c5"; +} + +.pi-flag:before { + content: "\e9c4"; +} + +.pi-wallet:before { + content: "\e9c3"; +} + +.pi-map:before { + content: "\e9c2"; +} + +.pi-link:before { + content: "\e9c1"; +} + +.pi-credit-card:before { + content: "\e9bf"; +} + +.pi-discord:before { + content: "\e9c0"; +} + +.pi-percentage:before { + content: "\e9be"; +} + +.pi-euro:before { + content: "\e9bd"; +} + +.pi-book:before { + content: "\e9ba"; +} + +.pi-shield:before { + content: "\e9b9"; +} + +.pi-paypal:before { + content: "\e9bb"; +} + +.pi-amazon:before { + content: "\e9bc"; +} + +.pi-phone:before { + content: "\e9b8"; +} + +.pi-filter-slash:before { + content: "\e9b7"; +} + +.pi-facebook:before { + content: "\e9b4"; +} + +.pi-github:before { + content: "\e9b5"; +} + +.pi-twitter:before { + content: "\e9b6"; +} + +.pi-step-backward-alt:before { + content: "\e9ac"; +} + +.pi-step-forward-alt:before { + content: "\e9ad"; +} + +.pi-forward:before { + content: "\e9ae"; +} + +.pi-backward:before { + content: "\e9af"; +} + +.pi-fast-backward:before { + content: "\e9b0"; +} + +.pi-fast-forward:before { + content: "\e9b1"; +} + +.pi-pause:before { + content: "\e9b2"; +} + +.pi-play:before { + content: "\e9b3"; +} + +.pi-compass:before { + content: "\e9ab"; +} + +.pi-id-card:before { + content: "\e9aa"; +} + +.pi-ticket:before { + content: "\e9a9"; +} + +.pi-file-o:before { + content: "\e9a8"; +} + +.pi-reply:before { + content: "\e9a7"; +} + +.pi-directions-alt:before { + content: "\e9a5"; +} + +.pi-directions:before { + content: "\e9a6"; +} + +.pi-thumbs-up:before { + content: "\e9a3"; +} + +.pi-thumbs-down:before { + content: "\e9a4"; +} + +.pi-sort-numeric-down-alt:before { + content: "\e996"; +} + +.pi-sort-numeric-up-alt:before { + content: "\e997"; +} + +.pi-sort-alpha-down-alt:before { + content: "\e998"; +} + +.pi-sort-alpha-up-alt:before { + content: "\e999"; +} + +.pi-sort-numeric-down:before { + content: "\e99a"; +} + +.pi-sort-numeric-up:before { + content: "\e99b"; +} + +.pi-sort-alpha-down:before { + content: "\e99c"; +} + +.pi-sort-alpha-up:before { + content: "\e99d"; +} + +.pi-sort-alt:before { + content: "\e99e"; +} + +.pi-sort-amount-up:before { + content: "\e99f"; +} + +.pi-sort-amount-down:before { + content: "\e9a0"; +} + +.pi-sort-amount-down-alt:before { + content: "\e9a1"; +} + +.pi-sort-amount-up-alt:before { + content: "\e9a2"; +} + +.pi-palette:before { + content: "\e995"; +} + +.pi-undo:before { + content: "\e994"; +} + +.pi-desktop:before { + content: "\e993"; +} + +.pi-sliders-v:before { + content: "\e991"; +} + +.pi-sliders-h:before { + content: "\e992"; +} + +.pi-search-plus:before { + content: "\e98f"; +} + +.pi-search-minus:before { + content: "\e990"; +} + +.pi-file-excel:before { + content: "\e98e"; +} + +.pi-file-pdf:before { + content: "\e98d"; +} + +.pi-check-square:before { + content: "\e98c"; +} + +.pi-chart-line:before { + content: "\e98b"; +} + +.pi-user-edit:before { + content: "\e98a"; +} + +.pi-exclamation-circle:before { + content: "\e989"; +} + +.pi-android:before { + content: "\e985"; +} + +.pi-google:before { + content: "\e986"; +} + +.pi-apple:before { + content: "\e987"; +} + +.pi-microsoft:before { + content: "\e988"; +} + +.pi-heart:before { + content: "\e984"; +} + +.pi-mobile:before { + content: "\e982"; +} + +.pi-tablet:before { + content: "\e983"; +} + +.pi-key:before { + content: "\e981"; +} + +.pi-shopping-cart:before { + content: "\e980"; +} + +.pi-comments:before { + content: "\e97e"; +} + +.pi-comment:before { + content: "\e97f"; +} + +.pi-briefcase:before { + content: "\e97d"; +} + +.pi-bell:before { + content: "\e97c"; +} + +.pi-paperclip:before { + content: "\e97b"; +} + +.pi-share-alt:before { + content: "\e97a"; +} + +.pi-envelope:before { + content: "\e979"; +} + +.pi-volume-down:before { + content: "\e976"; +} + +.pi-volume-up:before { + content: "\e977"; +} + +.pi-volume-off:before { + content: "\e978"; +} + +.pi-eject:before { + content: "\e975"; +} + +.pi-money-bill:before { + content: "\e974"; +} + +.pi-images:before { + content: "\e973"; +} + +.pi-image:before { + content: "\e972"; +} + +.pi-sign-in:before { + content: "\e970"; +} + +.pi-sign-out:before { + content: "\e971"; +} + +.pi-wifi:before { + content: "\e96f"; +} + +.pi-sitemap:before { + content: "\e96e"; +} + +.pi-chart-bar:before { + content: "\e96d"; +} + +.pi-camera:before { + content: "\e96c"; +} + +.pi-dollar:before { + content: "\e96b"; +} + +.pi-lock-open:before { + content: "\e96a"; +} + +.pi-table:before { + content: "\e969"; +} + +.pi-map-marker:before { + content: "\e968"; +} + +.pi-list:before { + content: "\e967"; +} + +.pi-eye-slash:before { + content: "\e965"; +} + +.pi-eye:before { + content: "\e966"; +} + +.pi-folder-open:before { + content: "\e964"; +} + +.pi-folder:before { + content: "\e963"; +} + +.pi-video:before { + content: "\e962"; +} + +.pi-inbox:before { + content: "\e961"; +} + +.pi-lock:before { + content: "\e95f"; +} + +.pi-unlock:before { + content: "\e960"; +} + +.pi-tags:before { + content: "\e95d"; +} + +.pi-tag:before { + content: "\e95e"; +} + +.pi-power-off:before { + content: "\e95c"; +} + +.pi-save:before { + content: "\e95b"; +} + +.pi-question-circle:before { + content: "\e959"; +} + +.pi-question:before { + content: "\e95a"; +} + +.pi-copy:before { + content: "\e957"; +} + +.pi-file:before { + content: "\e958"; +} + +.pi-clone:before { + content: "\e955"; +} + +.pi-calendar-times:before { + content: "\e952"; +} + +.pi-calendar-minus:before { + content: "\e953"; +} + +.pi-calendar-plus:before { + content: "\e954"; +} + +.pi-ellipsis-v:before { + content: "\e950"; +} + +.pi-ellipsis-h:before { + content: "\e951"; +} + +.pi-bookmark:before { + content: "\e94e"; +} + +.pi-globe:before { + content: "\e94f"; +} + +.pi-replay:before { + content: "\e94d"; +} + +.pi-filter:before { + content: "\e94c"; +} + +.pi-print:before { + content: "\e94b"; +} + +.pi-align-right:before { + content: "\e946"; +} + +.pi-align-left:before { + content: "\e947"; +} + +.pi-align-center:before { + content: "\e948"; +} + +.pi-align-justify:before { + content: "\e949"; +} + +.pi-cog:before { + content: "\e94a"; +} + +.pi-cloud-download:before { + content: "\e943"; +} + +.pi-cloud-upload:before { + content: "\e944"; +} + +.pi-cloud:before { + content: "\e945"; +} + +.pi-pencil:before { + content: "\e942"; +} + +.pi-users:before { + content: "\e941"; +} + +.pi-clock:before { + content: "\e940"; +} + +.pi-user-minus:before { + content: "\e93e"; +} + +.pi-user-plus:before { + content: "\e93f"; +} + +.pi-trash:before { + content: "\e93d"; +} + +.pi-external-link:before { + content: "\e93c"; +} + +.pi-window-maximize:before { + content: "\e93b"; +} + +.pi-window-minimize:before { + content: "\e93a"; +} + +.pi-refresh:before { + content: "\e938"; +} + +.pi-user:before { + content: "\e939"; +} + +.pi-exclamation-triangle:before { + content: "\e922"; +} + +.pi-calendar:before { + content: "\e927"; +} + +.pi-chevron-circle-left:before { + content: "\e928"; +} + +.pi-chevron-circle-down:before { + content: "\e929"; +} + +.pi-chevron-circle-right:before { + content: "\e92a"; +} + +.pi-chevron-circle-up:before { + content: "\e92b"; +} + +.pi-angle-double-down:before { + content: "\e92c"; +} + +.pi-angle-double-left:before { + content: "\e92d"; +} + +.pi-angle-double-right:before { + content: "\e92e"; +} + +.pi-angle-double-up:before { + content: "\e92f"; +} + +.pi-angle-down:before { + content: "\e930"; +} + +.pi-angle-left:before { + content: "\e931"; +} + +.pi-angle-right:before { + content: "\e932"; +} + +.pi-angle-up:before { + content: "\e933"; +} + +.pi-upload:before { + content: "\e934"; +} + +.pi-download:before { + content: "\e956"; +} + +.pi-ban:before { + content: "\e935"; +} + +.pi-star-fill:before { + content: "\e936"; +} + +.pi-star:before { + content: "\e937"; +} + +.pi-chevron-left:before { + content: "\e900"; +} + +.pi-chevron-right:before { + content: "\e901"; +} + +.pi-chevron-down:before { + content: "\e902"; +} + +.pi-chevron-up:before { + content: "\e903"; +} + +.pi-caret-left:before { + content: "\e904"; +} + +.pi-caret-right:before { + content: "\e905"; +} + +.pi-caret-down:before { + content: "\e906"; +} + +.pi-caret-up:before { + content: "\e907"; +} + +.pi-search:before { + content: "\e908"; +} + +.pi-check:before { + content: "\e909"; +} + +.pi-check-circle:before { + content: "\e90a"; +} + +.pi-times:before { + content: "\e90b"; +} + +.pi-times-circle:before { + content: "\e90c"; +} + +.pi-plus:before { + content: "\e90d"; +} + +.pi-plus-circle:before { + content: "\e90e"; +} + +.pi-minus:before { + content: "\e90f"; +} + +.pi-minus-circle:before { + content: "\e910"; +} + +.pi-circle-on:before { + content: "\e911"; +} + +.pi-circle-off:before { + content: "\e912"; +} + +.pi-sort-down:before { + content: "\e913"; +} + +.pi-sort-up:before { + content: "\e914"; +} + +.pi-sort:before { + content: "\e915"; +} + +.pi-step-backward:before { + content: "\e916"; +} + +.pi-step-forward:before { + content: "\e917"; +} + +.pi-th-large:before { + content: "\e918"; +} + +.pi-arrow-down:before { + content: "\e919"; +} + +.pi-arrow-left:before { + content: "\e91a"; +} + +.pi-arrow-right:before { + content: "\e91b"; +} + +.pi-arrow-up:before { + content: "\e91c"; +} + +.pi-bars:before { + content: "\e91d"; +} + +.pi-arrow-circle-down:before { + content: "\e91e"; +} + +.pi-arrow-circle-left:before { + content: "\e91f"; +} + +.pi-arrow-circle-right:before { + content: "\e920"; +} + +.pi-arrow-circle-up:before { + content: "\e921"; +} + +.pi-info:before { + content: "\e923"; +} + +.pi-info-circle:before { + content: "\e924"; +} + +.pi-home:before { + content: "\e925"; +} + +.pi-spinner:before { + content: "\e926"; +} diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot new file mode 100644 index 0000000..24df115 Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg new file mode 100644 index 0000000..c4e81e7 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg @@ -0,0 +1,270 @@ + + + + + + +{ + "fontFamily": "primeicons", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "PrimeTek Informatics", + "designer": "", + "description": "Icon Library for Prime UI Libraries\nFont generated by IcoMoon.", + "fontURL": "https://github.com/primefaces/primeicons", + "license": "MIT", + "licenseURL": "https://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "primeicons", + "psName": "primeicons", + "subFamily": "Regular", + "fullName": "primeicons" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png new file mode 100644 index 0000000..3dc5771 Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg @@ -0,0 +1,14 @@ + + + logo-freya-white + + + + + + + + + + + \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg @@ -0,0 +1,40 @@ + + + logo-freya + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg new file mode 100644 index 0000000..bd7808a Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png new file mode 100644 index 0000000..d4cf601 Binary files /dev/null and b/integration-tests/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png differ diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/js/layout.js b/integration-tests/src/main/resources/META-INF/resources/freya-layout/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/js/layout.js @@ -0,0 +1,879 @@ +/** + * PrimeFaces Freya Layout + */ +PrimeFaces.widget.Freya = PrimeFaces.widget.BaseWidget.extend({ + + init: function(cfg) { + this._super(cfg); + this.wrapper = $(document.body).children('.layout-wrapper'); + var $this = this; + + $(function() { + $this._init(); + }); + + this.restoreMenuState(); + this.expandedMenuitems = this.expandedMenuitems||[]; + }, + + _init: function() { + this.contentWrapper = this.wrapper.children('.layout-main'); + this.topbar = this.wrapper.find('.layout-topbar'); + this.topbarItems = this.topbar.find('.layout-topbar-actions > li.topbar-item'); + this.topbarLinks = this.topbarItems.children('a'); + this.topbarSearchItemMenu = this.topbar.find('.search-item'); + + this.menuWrapper = this.wrapper.find('.menu-wrapper'); + this.sidebarPin = this.menuWrapper.find('.sidebar-logo > .sidebar-pin'); + this.menu = this.menuWrapper.find('.layout-menu'); + this.menuButton = this.topbar.find('.menu-button'); + this.menulinks = this.menu.find('a'); + + this.rightpanel = this.wrapper.find('.layout-rightpanel'); + this.rightpanelButton = this.topbar.find('.layout-rightpanel-button'); + this.rightpanelExitButton = this.rightpanel.find('.rightpanel-exit-button'); + + this.configButton = $('#layout-config-button'); + this.configurator = this.wrapper.children('.layout-config'); + + this.bindEvents(); + }, + + toggleClass: function(el, className) { + if (el.hasClass(className)) { + el.removeClass(className); + } + else { + el.addClass(className); + } + }, + + bindEvents: function() { + var $this = this; + + this.bindTopbarEvents(); + this.bindMenuEvents(); + this.bindRightPanelEvents(); + this.bindConfigEvents(); + + $(document.body).off('click.layoutBody').on('click.layoutBody', function() { + if (!$this.menuClick) { + $this.wrapper.removeClass('layout-sidebar-active layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + + if ($this.isHorizontal() || $this.isSlim()) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + $this.menuActive = false; + } + } + + if (!$this.topbarItemClicked) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem')); + } + + if (!$this.rightpanelClicked) { + $this.wrapper.removeClass('layout-rightpanel-active'); + } + + if (!$this.configClicked && $this.configurator.hasClass('layout-config-active')) { + $this.configurator.removeClass('layout-config-active'); + } + + $this.horizontalMenuClick = false; + $this.topbarItemClicked = false; + $this.rightpanelClicked = false; + $this.menuClick = false; + $this.configClicked = false; + }); + }, + + bindConfigEvents: function() { + var $this = this; + + this.configButton.off('click.configbutton').on('click.configbutton', function(e) { + $this.configurator.toggleClass('layout-config-active'); + $this.configClicked = true; + }); + + this.configurator.off('click.config').on('click.config', function() { + $this.configClicked = true; + }); + }, + + bindMenuEvents: function() { + var $this = this; + + this.menuButton.off('click.menu').on('click.menu', function(e) { + $this.menuClick = true; + + if ($this.isMobile()) { + if ($this.wrapper.hasClass('layout-mobile-active')) { + $this.wrapper.removeClass('layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + } + else { + $this.wrapper.addClass('layout-mobile-active'); + $(document.body).addClass('blocked-scroll'); + } + } + + e.preventDefault(); + }); + + this.menuWrapper.off('click.menuWrapper mouseenter.menuWrapper mouseleave.menuWrapper') + .on('click.menuWrapper', function() { + $this.menuClick = true; + }) + .on('mouseenter.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.addClass('layout-sidebar-active'); + } + if(!$this.wrapper.hasClass('layout-sidebar')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.removeClass('layout-sidebar-active'); + } + }) + .on('mouseleave.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + $this.hideTimeout = setTimeout(function() { + $this.menuWrapper.removeClass('layout-sidebar-active'); + }, $this.cfg.closeDelay); + } + }); + + this.sidebarPin.off('click.menuWrapper').on('click.menuWrapper', function(e) { + $this.wrapper.removeClass('layout-static-restore'); + $this.wrapper.toggleClass('layout-static'); + $this.saveMenuState(); + e.preventDefault(); + }); + + this.menulinks.off('click.menuWrapper').on('click.menuWrapper', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + horizontal = $this.isHorizontal(); + slim = $this.isSlim(); + $this.menuClick = true; + + if (horizontal) { + $this.horizontalMenuClick = true; + } + + if(item.hasClass('active-menuitem')) { + if(submenu.length) { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + + if(horizontal || slim) { + if(item.parent().is($this.jq)) { + $this.menuActive = false; + } + + submenu.hide(); + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + } + else { + submenu.slideUp(function() { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + }); + } + } + } + else { + $this.addMenuitem(item.attr('id')); + + if(horizontal || slim) { + $this.deactivateItems(item.siblings()); + item.addClass('active-menuitem'); + $this.menuActive = true; + submenu.show(); + } + else { + $this.deactivateItems(item.siblings(), true); + $this.activate(item); + } + } + + if(submenu.length) { + e.preventDefault(); + } + }); + + this.menu.find('> li').off('mouseenter.menu').on('mouseenter.menu', function(e) { + if ($this.isHorizontal() || $this.isSlim()) { + var item = $(this); + + if(!item.hasClass('active-menuitem')) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + + if($this.menuActive) { + item.addClass('active-menuitem'); + item.children('ul').show(); + } + } + } + }); + }, + + bindTopbarEvents: function() { + var $this = this; + + this.topbarLinks.off('click.topbar').on('click.topbar', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + + if ($this.isMobile()) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem').not(item)); + } + else { + $this.removeTopbarClassFromAllItems(item, 'active-topmenuitem'); + } + $this.addTopbarClass(item, 'active-topmenuitem'); + + $this.topbarItemClicked = true; + + if (submenu.length) { + e.preventDefault(); + } + }); + + this.topbarSearchItemMenu.off('click.topbar').on('click.topbar', function(e) { + $this.topbarItemClicked = true; + }); + }, + + bindRightPanelEvents: function() { + var $this = this; + var changeRightpanelState = function(e) { + this.toggleClass(this.wrapper, 'layout-rightpanel-active'); + + this.rightpanelClicked = true; + e.preventDefault(); + }; + + this.rightpanelButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + this.rightpanelExitButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + + this.rightpanel.off('click.rightpanel').on('click.rightpanel', function() { + $this.rightpanelClicked = true; + }); + }, + + activate: function(item) { + var submenu = item.children('ul'); + item.addClass('active-menuitem'); + + if(submenu.length) { + submenu.slideDown(); + } + }, + + deactivate: function(item) { + var submenu = item.children('ul'); + item.removeClass('active-menuitem'); + + if(submenu.length) { + submenu.hide(); + } + }, + + deactivateItems: function(items, animate) { + var $this = this; + + for(var i = 0; i < items.length; i++) { + var item = items.eq(i), + submenu = item.children('ul'); + + if(submenu.length) { + if(item.hasClass('active-menuitem')) { + var activeSubItems = item.find('.active-menuitem'); + item.removeClass('active-menuitem'); + + if(animate) { + submenu.slideUp('normal', function() { + $(this).parent().find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + }); + } + else { + item.find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + } + + $this.removeMenuitem(item.attr('id')); + activeSubItems.each(function() { + $this.removeMenuitem($(this).attr('id')); + }); + } + else { + item.find('.active-menuitem').each(function() { + var subItem = $(this); + $this.deactivate(subItem); + $this.removeMenuitem(subItem.attr('id')); + }); + } + } + else if(item.hasClass('active-menuitem')) { + $this.deactivate(item); + $this.removeMenuitem(item.attr('id')); + } + } + }, + + removeMenuitem: function (id) { + this.expandedMenuitems = $.grep(this.expandedMenuitems, function (value) { + return value !== id; + }); + this.saveMenuState(); + }, + + addMenuitem: function (id) { + if ($.inArray(id, this.expandedMenuitems) === -1) { + this.expandedMenuitems.push(id); + } + this.saveMenuState(); + }, + + saveMenuState: function() { + if(this.wrapper.hasClass('layout-static')) + $.cookie('freya_menu_static', 'freya_menu_static', {path: '/'}); + else + $.removeCookie('freya_menu_static', {path: '/'}); + + $.cookie('freya_expandeditems', this.expandedMenuitems.join(','), {path: '/'}); + }, + + clearMenuState: function() { + this.expandedMenuitems = []; + $.removeCookie('freya_expandeditems', {path: '/'}); + $.removeCookie('freya_menu_static', {path: '/'}); + }, + + clearActiveItems: function() { + var activeItems = this.jq.find('li.active-menuitem'), + subContainers = activeItems.children('ul'); + + activeItems.removeClass('active-menuitem'); + if(subContainers && subContainers.length) { + subContainers.hide(); + } + }, + + clearLayoutState: function() { + this.clearMenuState(); + this.clearActiveItems(); + }, + + restoreMenuState: function() { + var menuCookie = $.cookie('freya_expandeditems'); + if (!this.isSlim() && !this.isHorizontal() && menuCookie) { + this.expandedMenuitems = menuCookie.split(','); + for (var i = 0; i < this.expandedMenuitems.length; i++) { + var id = this.expandedMenuitems[i]; + if (id) { + var menuitem = $("#" + this.expandedMenuitems[i].replace(/:/g, "\\:")); + menuitem.addClass('active-menuitem'); + + var submenu = menuitem.children('ul'); + if(submenu.length) { + submenu.show(); + } + } + } + } + + var sidebarCookie = $.cookie('freya_menu_static'); + if(sidebarCookie) { + this.wrapper.addClass('layout-static'); + } + + }, + + removeTopbarClassFromAllItems: function(item, className, items) { + var activeItems = item != null ? item.siblings('.' + className) : items; + + activeItems.removeClass(className); + activeItems.children('ul').removeClass('fadeInDown'); + }, + + addTopbarClass: function(item, className) { + var submenu = item.children('ul'); + + if (submenu.length) { + if (item.hasClass(className)) { + submenu.removeClass('fadeInDown').addClass('fadeOutUp'); + + setTimeout(function() { + item.removeClass(className); + submenu.removeClass('fadeOutUp'); + }, 100); + } + else { + item.addClass(className); + submenu.addClass('fadeInDown'); + } + } + }, + + hideTopBar: function() { + var $this = this; + this.topbarMenu.addClass('fadeOutUp'); + + setTimeout(function() { + $this.topbarMenu.removeClass('fadeOutUp topbar-menu-visible'); + },500); + }, + + isMobile: function() { + return window.innerWidth < 992; + }, + isHorizontal: function() { + return this.wrapper.hasClass('layout-horizontal') && !this.isMobile(); + }, + isSlim: function() { + return this.wrapper.hasClass('layout-slim') && !this.isMobile(); + }, + isStatic: function() { + return this.wrapper.hasClass('layout-static') && !this.isMobile(); + } +}); + +PrimeFaces.FreyaConfigurator = { + + changeLayout: function( componentTheme, darkMode ) { + this.changeLayoutsTheme(darkMode); + this.changeDemo(darkMode); + this.changeComponentsTheme(componentTheme, darkMode); + this.changeSectionTheme( darkMode, 'layout-menu'); + this.changeSectionTheme( darkMode , 'layout-topbar'); + }, + + changeLayoutsTheme: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="layout-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('layout-') + 6; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeDemo: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="demo-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('demo-') + 4; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeComponentsTheme: function(themeColor, darkMode) { + theme = this.getColor(themeColor, darkMode); + var library = 'primefaces-freya'; + var linkElement = $('link[href*="theme.css"]'); + var href = linkElement.attr('href'); + var index = href.indexOf(library) + 1; + var currentTheme = href.substring(index + library.length); + + this.replaceLink(linkElement, href.replace(currentTheme, theme)); + }, + + changeSectionTheme: function(theme, section) { + var wrapperElement = $('.layout-wrapper'); + + var styleClass = wrapperElement.attr('class'); + var tokens = styleClass.split(' '); + var sectionClass; + for (var i = 0; i < tokens.length; i++) { + if (tokens[i].indexOf(section + '-') > -1) { + sectionClass = tokens[i]; + break; + } + } + + wrapperElement.attr('class', styleClass.replace(sectionClass, section + '-' + theme)); + }, + + changeMenuMode: function(menuMode) { + var wrapper = $(document.body).children('.layout-wrapper'); + switch (menuMode) { + case 'layout-sidebar': + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + + case 'layout-horizontal': + wrapper.addClass('layout-horizontal').removeClass('layout-static layout-slim layout-sidebar'); + this.clearLayoutState(); + break; + + case 'layout-slim': + wrapper.addClass('layout-slim').removeClass('layout-static layout-horizontal layout-sidebar'); + this.clearLayoutState(); + break; + + default: + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + } + }, + + beforeResourceChange: function() { + PrimeFaces.ajax.RESOURCE = null; //prevent resource append + }, + + replaceLink: function(linkElement, href) { + PrimeFaces.ajax.RESOURCE = 'javax.faces.Resource'; + + var isIE = this.isIE(); + + if (isIE) { + linkElement.attr('href', href); + } + else { + var cloneLinkElement = linkElement.clone(false); + + cloneLinkElement.attr('href', href); + linkElement.after(cloneLinkElement); + + cloneLinkElement.off('load').on('load', function() { + linkElement.remove(); + }); + + // for dashboard + setTimeout(function() { + if (window['redrawChart']) { + window.redrawChart(); + } + }, 100); + } + }, + + getColor: function(name, darkMode) { + return name + '-' + darkMode; + }, + + isIE: function() { + return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); + }, + + clearLayoutState: function() { + var menu = PF('FreyaMenuWidget'); + + if (menu) { + menu.clearLayoutState(); + } + }, + + updateInputStyle: function(value) { + if (value === 'filled') + $(document.body).addClass('ui-input-filled'); + else + $(document.body).removeClass('ui-input-filled'); + } +}; + +/*! + * jQuery Cookie Plugin v1.4.1 + * https://github.com/carhartl/jquery-cookie + * + * Copyright 2006, 2014 Klaus Hartl + * Released under the MIT license + */ +(function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD (Register as an anonymous module) + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node/CommonJS + module.exports = factory(require('jquery')); + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var pluses = /\+/g; + + function encode(s) { + return config.raw ? s : encodeURIComponent(s); + } + + function decode(s) { + return config.raw ? s : decodeURIComponent(s); + } + + function stringifyCookieValue(value) { + return encode(config.json ? JSON.stringify(value) : String(value)); + } + + function parseCookieValue(s) { + if (s.indexOf('"') === 0) { + // This is a quoted cookie as according to RFC2068, unescape... + s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); + } + + try { + // Replace server-side written pluses with spaces. + // If we can't decode the cookie, ignore it, it's unusable. + // If we can't parse the cookie, ignore it, it's unusable. + s = decodeURIComponent(s.replace(pluses, ' ')); + return config.json ? JSON.parse(s) : s; + } catch (e) { } + } + + function read(s, converter) { + var value = config.raw ? s : parseCookieValue(s); + return $.isFunction(converter) ? converter(value) : value; + } + + var config = $.cookie = function (key, value, options) { + + // Write + + if (arguments.length > 1 && !$.isFunction(value)) { + options = $.extend({}, config.defaults, options); + + if (typeof options.expires === 'number') { + var days = options.expires, t = options.expires = new Date(); + t.setMilliseconds(t.getMilliseconds() + days * 864e+5); + } + + return (document.cookie = [ + encode(key), '=', stringifyCookieValue(value), + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE + options.path ? '; path=' + options.path : '', + options.domain ? '; domain=' + options.domain : '', + options.secure ? '; secure' : '' + ].join('')); + } + + // Read + + var result = key ? undefined : {}, + // To prevent the for loop in the first place assign an empty array + // in case there are no cookies at all. Also prevents odd result when + // calling $.cookie(). + cookies = document.cookie ? document.cookie.split('; ') : [], + i = 0, + l = cookies.length; + + for (; i < l; i++) { + var parts = cookies[i].split('='), + name = decode(parts.shift()), + cookie = parts.join('='); + + if (key === name) { + // If second argument (value) is a function it's a converter... + result = read(cookie, value); + break; + } + + // Prevent storing a cookie that we couldn't decode. + if (!key && (cookie = read(cookie)) !== undefined) { + result[name] = cookie; + } + } + + return result; + }; + + config.defaults = {}; + + $.removeCookie = function (key, options) { + // Must not alter options, thus extending a fresh object... + $.cookie(key, '', $.extend({}, options, { expires: -1 })); + return !$.cookie(key); + }; + +})); + +if (PrimeFaces.widget.InputSwitch) { + PrimeFaces.widget.InputSwitch = PrimeFaces.widget.InputSwitch.extend({ + + init: function (cfg) { + this._super(cfg); + + if (this.input.prop('checked')) { + this.jq.addClass('ui-inputswitch-checked'); + } + }, + + check: function () { + var $this = this; + + this.input.prop('checked', true).trigger('change'); + setTimeout(function () { + $this.jq.addClass('ui-inputswitch-checked'); + }, 100); + }, + + uncheck: function () { + var $this = this; + + this.input.prop('checked', false).trigger('change'); + setTimeout(function () { + $this.jq.removeClass('ui-inputswitch-checked'); + }, 100); + } + }); +} + +if (PrimeFaces.widget.AccordionPanel) { + PrimeFaces.widget.AccordionPanel = PrimeFaces.widget.AccordionPanel.extend({ + + init: function (cfg) { + this._super(cfg); + + this.headers.last().addClass('ui-accordion-header-last'); + } + }); +} + +/* Issue #924 is fixed for 5.3+ and 6.0. (compatibility with 5.3) */ +if(window['PrimeFaces'] && window['PrimeFaces'].widget.Dialog) { + PrimeFaces.widget.Dialog = PrimeFaces.widget.Dialog.extend({ + + enableModality: function() { + this._super(); + $(document.body).children(this.jqId + '_modal').addClass('ui-dialog-mask'); + }, + + syncWindowResize: function() {} + }); +} + +if (PrimeFaces.widget.SelectOneMenu) { + PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.m_panel = $(this.jqId + '_panel'); + this.m_focusInput = $(this.jqId + '_focus'); + + this.m_panel.addClass('ui-input-overlay-panel'); + this.jq.addClass('ui-inputwrapper'); + + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.off('change').on('change', function () { + $this.inputValueControl($(this)); + }); + + this.m_focusInput.on('focus.ui-selectonemenu', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-selectonemenu', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }); + + if (this.cfg.editable) { + this.label.on('input', function (e) { + $this.inputValueControl($(this)); + }).on('focus', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('blur', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl($(this)); + }); + } + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.Chips) { + PrimeFaces.widget.Chips = PrimeFaces.widget.Chips.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.jq.addClass('ui-inputwrapper'); + + if ($this.jq.find('.ui-chips-token').length !== 0) { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.on('focus.ui-chips', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('input.ui-chips', function () { + $this.inputValueControl(); + }).on('blur.ui-chips', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl(); + }); + + } + }, + + inputValueControl: function () { + if (this.jq.find('.ui-chips-token').length !== 0 || this.input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.DatePicker) { + PrimeFaces.widget.DatePicker = PrimeFaces.widget.DatePicker.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label') && !this.cfg.inline) { + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.jqEl.off('focus.ui-datepicker blur.ui-datepicker change.ui-datepicker') + .on('focus.ui-datepicker', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-datepicker', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }) + .on('change.ui-datepicker', function () { + $this.inputValueControl($(this)); + }); + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/freya-layout/js/prism.js b/integration-tests/src/main/resources/META-INF/resources/freya-layout/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/freya-layout/js/prism.js @@ -0,0 +1,10 @@ +/* PrismJS 1.22.0 +https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);y+=m.value.length,m=m.next){var k=m.value;if(t.length>n.length)return;if(!(k instanceof M)){var b,x=1;if(h){if(!(b=W(p,y,n,f)))break;var w=b.index,A=b.index+b[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof M)continue;for(var S=m;S!==t.tail&&(Pl.reach&&(l.reach=N);var j=m.prev;O&&(j=z(t,j,O),y+=O.length),I(t,j,x);var C=new M(o,g?_.tokenize(E,g):E,d,E);m=z(t,j,C),L&&z(t,m,L),1"+a.content+""},!u.document)return u.addEventListener&&(_.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(_.highlight(r,_.languages[t],t)),a&&u.close()},!1)),_;var e=_.util.currentScript();function t(){_.manual||_.highlightAll()}if(e&&(_.filename=e.src,e.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return _}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:s.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)\w+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b\w+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)(["'])(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|(?!\2)[^\\`$])*\2/,lookbehind:!0,greedy:!0,inside:a}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 + + + + + PrimeFaces Freya Extension - Accueil + + + + + + + + + + + + +
+
+ + +

PrimeFaces Freya Extension

+

+ Composants composites pour simplifier vos formulaires Jakarta Faces +

+ +
+
+ +
43 Composants
+
+
+ +
-80% de code
+
+
+ +
Design Freya
+
+
+ +
Quarkus Ready
+
+
+ +
+ + + +
+ +
+

Démarrage rapide

+
+

+ <fr:fieldInput label="Nom" value="#{bean.nom}" required="true" /> +

+

+ <fr:fieldSelect label="Pays" value="#{bean.pays}">...</fr:fieldSelect> +

+

+ <fr:actionDialog header="Éditer" confirmAction="#{bean.save}">...</fr:actionDialog> +

+
+
+
+
+ + + \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css new file mode 100644 index 0000000..a3b4d30 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(205, 226, 71, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#CDE247; + --primary-light-color:#DDF15E; + --primary-lighter-color:rgba(221, 241, 94, 0.1); + --primary-dark-color:#AEC523; + --primary-darker-color:#8A9D16; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #DDF15E; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fdfef6; + --primary-100:#f3f8d3; + --primary-200:#eaf3b0; + --primary-300:#e0ed8d; + --primary-400:#d7e86a; + --primary-500:#cde247; + --primary-600:#aec03c; + --primary-700:#909e32; + --primary-800:#717c27; + --primary-900:#525a1c; +} + +body .ui-button { + background: #CDE247; + color: #3E4754; + border: 1px solid #CDE247; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #CDE247; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(205, 226, 71, 0.04); + color: #CDE247; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(205, 226, 71, 0.16); + color: #CDE247; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #CDE247; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(205, 226, 71, 0.04); + color: #CDE247; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(205, 226, 71, 0.16); + color: #CDE247; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #CDE247; + border-color: #CDE247; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #CDE247; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #AEC523; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8A9D16; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(205, 226, 71, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #CDE247; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #CDE247; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #CDE247; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #DDF15E; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #CDE247; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #CDE247; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #CDE247; +} +body .ui-datatable .ui-column-resizer-helper { + background: #CDE247; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #DDF15E; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #AEC523; + border: 1px solid #AEC523; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #CDE247; + color: #3E4754; + border: 1px solid #CDE247; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #b6cd20; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #CDE247; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #b6cd20; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #CDE247; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #CDE247; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #CDE247; + border-color: #CDE247; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #CDE247; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDF15E; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #CDE247; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #CDE247; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #DDF15E; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #CDE247; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #CDE247; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #CDE247; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #CDE247; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #CDE247; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDF15E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #CDE247; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(205, 226, 71, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #CDE247; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #DDF15E; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #CDE247; + background: #CDE247; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #CDE247; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(205, 226, 71, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #CDE247; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(205, 226, 71, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #CDE247; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #CDE247; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #CDE247; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(205, 226, 71, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #CDE247; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #CDE247; +} +body .ui-inputfield.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #CDE247; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #8A9D16; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #CDE247; + color: #3E4754; + border: 1px solid #CDE247; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #CDE247; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #CDE247; + background: #CDE247; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #CDE247; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #AEC523; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #CDE247; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #CDE247; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDF15E; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #CDE247; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #CDE247; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #CDE247; + background: #CDE247; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #CDE247; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(205, 226, 71, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CDE247; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CDE247; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CDE247; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CDE247; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #CDE247; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(205, 226, 71, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(205, 226, 71, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(205, 226, 71, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #CDE247; + color: #3E4754; + border-color: #CDE247; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDE247; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #CDE247; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #CDE247; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #CDE247; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #CDE247; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #CDE247; +} +body .ui-scrolltop:hover { + background: #cde247; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #CDE247; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #CDE247; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #AEC523; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #CDE247; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #CDE247; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #CDE247; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #DDF15E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss new file mode 100644 index 0000000..683aebe --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #DDF15E; +$primaryColor:#CDE247; +$primaryDarkColor: #AEC523; +$primaryDarkerColor: #8A9D16; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css new file mode 100644 index 0000000..0ec65b6 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(174, 197, 35, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#AEC523; + --primary-color-text:#3E4754; + --primary-light-color:#CDE247; + --primary-lighter-color:rgba(205, 226, 71, 0.1); + --primary-dark-color:#8A9D16; + --primary-darker-color:#7D8E12; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(174, 197, 35, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #CDE247; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fbfcf4; + --primary-100:#ecf1ca; + --primary-200:#dce6a0; + --primary-300:#cddb77; + --primary-400:#bdd04d; + --primary-500:#aec523; + --primary-600:#94a71e; + --primary-700:#7a8a19; + --primary-800:#606c13; + --primary-900:#464f0e; +} + +body .ui-button { + background: #AEC523; + color: #3E4754; + border: 1px solid #AEC523; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #7D8E12; + border-color: #7D8E12; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #AEC523; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(174, 197, 35, 0.04); + color: #AEC523; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(174, 197, 35, 0.16); + color: #AEC523; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #AEC523; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(174, 197, 35, 0.04); + color: #AEC523; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(174, 197, 35, 0.16); + color: #AEC523; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #AEC523; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #8A9D16; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #7D8E12; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(174, 197, 35, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #AEC523; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #AEC523; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #AEC523; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #CDE247; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #AEC523; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #AEC523; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #AEC523; +} +body .ui-datatable .ui-column-resizer-helper { + background: #AEC523; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #CDE247; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #8A9D16; + border: 1px solid #8A9D16; + color: #3E4754; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #AEC523; + color: #3E4754; + border: 1px solid #AEC523; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #7D8E12; + border-color: #7D8E12; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #8b9e1c; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(174, 197, 35, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #AEC523; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #8b9e1c; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #AEC523; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #AEC523; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #AEC523; + border-color: #AEC523; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #AEC523; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CDE247; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #AEC523; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #AEC523; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #CDE247; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #AEC523; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #AEC523; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #AEC523; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #AEC523; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(174, 197, 35, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #AEC523; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CDE247; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #AEC523; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(174, 197, 35, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #AEC523; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #CDE247; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #AEC523; + background: #AEC523; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #AEC523; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(174, 197, 35, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #AEC523; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(174, 197, 35, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #7D8E12; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #AEC523; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #AEC523; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(174, 197, 35, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #AEC523; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #AEC523; +} +body .ui-inputfield.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #AEC523; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #7D8E12; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #7D8E12; + border-color: #7D8E12; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #AEC523; + color: #3E4754; + border: 1px solid #AEC523; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #7D8E12; + border-color: #7D8E12; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #AEC523; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #AEC523; + background: #AEC523; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #AEC523; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8A9D16; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #AEC523; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #AEC523; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CDE247; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #AEC523; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #AEC523; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #AEC523; + background: #AEC523; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #AEC523; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(174, 197, 35, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #AEC523; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #AEC523; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #AEC523; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #AEC523; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #AEC523; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(174, 197, 35, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(174, 197, 35, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(174, 197, 35, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(174, 197, 35, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #AEC523; + color: #3E4754; + border-color: #AEC523; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #AEC523; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #AEC523; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #AEC523; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AEC523; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AEC523; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AEC523; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #AEC523; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(174, 197, 35, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #AEC523; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #AEC523; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #AEC523; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(174, 197, 35, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #AEC523; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #AEC523; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #8A9D16; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #AEC523; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #AEC523; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #AEC523; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #CDE247; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss new file mode 100644 index 0000000..bebe301 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #CDE247; +$primaryColor:#AEC523; +$primaryDarkColor: #8A9D16; +$primaryDarkerColor: #7D8E12; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css new file mode 100644 index 0000000..ad19523 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(105, 183, 255, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#69B7FF; + --primary-light-color:#BAE6FF; + --primary-lighter-color:rgba(186, 230, 255, 0.1); + --primary-dark-color:#5297FF; + --primary-darker-color:#297FFF; + --primary-color-text:#FFFFFF; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #BAE6FF; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f8fbff; + --primary-100:#dbeeff; + --primary-200:#bfe0ff; + --primary-300:#a2d2ff; + --primary-400:#86c5ff; + --primary-500:#69b7ff; + --primary-600:#599cd9; + --primary-700:#4a80b3; + --primary-800:#3a658c; + --primary-900:#2a4966; +} + +body .ui-button { + background: #69B7FF; + color: #FFFFFF; + border: 1px solid #69B7FF; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #69B7FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(105, 183, 255, 0.04); + color: #69B7FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(105, 183, 255, 0.16); + color: #69B7FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #69B7FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(105, 183, 255, 0.04); + color: #69B7FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(105, 183, 255, 0.16); + color: #69B7FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #69B7FF; + border-color: #69B7FF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #69B7FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #5297FF; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #297FFF; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(105, 183, 255, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #69B7FF; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #69B7FF; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #69B7FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #BAE6FF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #69B7FF; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #69B7FF; +} +body .ui-datatable .ui-column-resizer-helper { + background: #69B7FF; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #BAE6FF; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #5297FF; + border: 1px solid #5297FF; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #69B7FF; + color: #FFFFFF; + border: 1px solid #69B7FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2194ff; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2194ff; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #69B7FF; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #69B7FF; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #69B7FF; + border-color: #69B7FF; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #69B7FF; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BAE6FF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #69B7FF; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #69B7FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #BAE6FF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #69B7FF; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #69B7FF; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #69B7FF; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #69B7FF; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BAE6FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #69B7FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(105, 183, 255, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #69B7FF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #BAE6FF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #69B7FF; + background: #69B7FF; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #69B7FF; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(105, 183, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #69B7FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(105, 183, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #69B7FF; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #69B7FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #69B7FF; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(105, 183, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #69B7FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #69B7FF; +} +body .ui-inputfield.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #69B7FF; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #297FFF; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #69B7FF; + color: #FFFFFF; + border: 1px solid #69B7FF; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #69B7FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #69B7FF; + background: #69B7FF; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #69B7FF; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #5297FF; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69B7FF; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #69B7FF; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BAE6FF; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #69B7FF; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #69B7FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #69B7FF; + background: #69B7FF; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #69B7FF; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(105, 183, 255, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #69B7FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #69B7FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #69B7FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #69B7FF; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #69B7FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(105, 183, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(105, 183, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(105, 183, 255, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #69B7FF; + color: #FFFFFF; + border-color: #69B7FF; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #69B7FF; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #69B7FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #69B7FF; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #69B7FF; +} +body .ui-scrolltop:hover { + background: #69b7ff; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FFFFFF; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #69B7FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #69B7FF; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #5297FF; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #69B7FF; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #69B7FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #69B7FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #BAE6FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss new file mode 100644 index 0000000..7720f7f --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #BAE6FF; +$primaryColor: #69B7FF; +$primaryDarkColor: #5297FF; +$primaryDarkerColor: #297FFF; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css new file mode 100644 index 0000000..0c1b992 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(82, 151, 255, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#5297FF; + --primary-color-text:#FFFFFF; + --primary-light-color:#69B7FF; + --primary-lighter-color:rgba(105, 183, 255, 0.1); + --primary-dark-color:#297FFF; + --primary-darker-color:#2170E7; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(82, 151, 255, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #69B7FF; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f6faff; + --primary-100:#d5e6ff; + --primary-200:#b5d2ff; + --primary-300:#94bfff; + --primary-400:#73abff; + --primary-500:#5297ff; + --primary-600:#4680d9; + --primary-700:#396ab3; + --primary-800:#2d538c; + --primary-900:#213c66; +} + +body .ui-button { + background: #5297FF; + color: #FFFFFF; + border: 1px solid #5297FF; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #2170E7; + border-color: #2170E7; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #5297FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(82, 151, 255, 0.04); + color: #5297FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(82, 151, 255, 0.16); + color: #5297FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #5297FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(82, 151, 255, 0.04); + color: #5297FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(82, 151, 255, 0.16); + color: #5297FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #5297FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #297FFF; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #2170E7; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(82, 151, 255, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #5297FF; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #5297FF; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #5297FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #5297FF; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #5297FF; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #5297FF; +} +body .ui-datatable .ui-column-resizer-helper { + background: #5297FF; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #69B7FF; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #297FFF; + border: 1px solid #297FFF; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #5297FF; + color: #FFFFFF; + border: 1px solid #5297FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #2170E7; + border-color: #2170E7; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #0f6eff; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(82, 151, 255, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #5297FF; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #0f6eff; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #5297FF; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #5297FF; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #5297FF; + border-color: #5297FF; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #5297FF; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #69B7FF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #5297FF; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #5297FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #69B7FF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #5297FF; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #5297FF; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #5297FF; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(82, 151, 255, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #5297FF; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #69B7FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #5297FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(82, 151, 255, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #5297FF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #69B7FF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #5297FF; + background: #5297FF; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #5297FF; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(82, 151, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #5297FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(82, 151, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #2170E7; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #5297FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #5297FF; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(82, 151, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #5297FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #5297FF; +} +body .ui-inputfield.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #5297FF; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #2170E7; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #2170E7; + border-color: #2170E7; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #5297FF; + color: #FFFFFF; + border: 1px solid #5297FF; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #2170E7; + border-color: #2170E7; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #5297FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #5297FF; + background: #5297FF; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #5297FF; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #297FFF; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #5297FF; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #5297FF; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #69B7FF; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #5297FF; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #5297FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #5297FF; + background: #5297FF; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #5297FF; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(82, 151, 255, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #5297FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #5297FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #5297FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #5297FF; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #5297FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(82, 151, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(82, 151, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(82, 151, 255, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(82, 151, 255, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #5297FF; + color: #FFFFFF; + border-color: #5297FF; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #5297FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #5297FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #5297FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #5297FF; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #5297FF; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #5297FF; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #5297FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(82, 151, 255, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #5297FF; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #5297FF; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #5297FF; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(82, 151, 255, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #5297FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #5297FF; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #297FFF; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #5297FF; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #5297FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #5297FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #69B7FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss new file mode 100644 index 0000000..d0e5628 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #69B7FF; +$primaryColor: #5297FF; +$primaryDarkColor: #297FFF; +$primaryDarkerColor: #2170E7; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css new file mode 100644 index 0000000..6087e0a --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(110, 193, 128, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#6EC180; + --primary-light-color:#91CC9D; + --primary-lighter-color:rgba(145, 204, 157, 0.1); + --primary-dark-color:#34B56F; + --primary-darker-color:#157943; + --primary-color-text:#FFFFFF; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #91CC9D; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f8fcf9; + --primary-100:#dcf0e1; + --primary-200:#c1e4c8; + --primary-300:#a5d9b0; + --primary-400:#8acd98; + --primary-500:#6ec180; + --primary-600:#5ea46d; + --primary-700:#4d875a; + --primary-800:#3d6a46; + --primary-900:#2c4d33; +} + +body .ui-button { + background: #6EC180; + color: #FFFFFF; + border: 1px solid #6EC180; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #6EC180; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(110, 193, 128, 0.04); + color: #6EC180; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(110, 193, 128, 0.16); + color: #6EC180; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #6EC180; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(110, 193, 128, 0.04); + color: #6EC180; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(110, 193, 128, 0.16); + color: #6EC180; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #6EC180; + border-color: #6EC180; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #6EC180; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #34B56F; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #157943; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(110, 193, 128, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #6EC180; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #6EC180; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #6EC180; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #91CC9D; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #6EC180; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #6EC180; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #6EC180; +} +body .ui-datatable .ui-column-resizer-helper { + background: #6EC180; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #91CC9D; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #34B56F; + border: 1px solid #34B56F; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #6EC180; + color: #FFFFFF; + border: 1px solid #6EC180; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #49aa5e; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #6EC180; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #49aa5e; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #6EC180; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #6EC180; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #6EC180; + border-color: #6EC180; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #6EC180; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC9D; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #6EC180; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #6EC180; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #91CC9D; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #6EC180; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #6EC180; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #6EC180; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #6EC180; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC9D; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #6EC180; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(110, 193, 128, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #6EC180; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #91CC9D; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #6EC180; + background: #6EC180; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #6EC180; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(110, 193, 128, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #6EC180; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(110, 193, 128, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #6EC180; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #6EC180; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #6EC180; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(110, 193, 128, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #6EC180; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #6EC180; +} +body .ui-inputfield.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #6EC180; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #157943; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #6EC180; + color: #FFFFFF; + border: 1px solid #6EC180; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #6EC180; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #6EC180; + background: #6EC180; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #6EC180; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #34B56F; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #6EC180; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #6EC180; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC9D; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #6EC180; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #6EC180; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #6EC180; + background: #6EC180; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #6EC180; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(110, 193, 128, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #6EC180; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #6EC180; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #6EC180; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #6EC180; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #6EC180; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(110, 193, 128, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(110, 193, 128, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(110, 193, 128, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #6EC180; + color: #FFFFFF; + border-color: #6EC180; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #6EC180; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #6EC180; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #6EC180; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #6EC180; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #6EC180; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #6EC180; +} +body .ui-scrolltop:hover { + background: #6ec180; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FFFFFF; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #6EC180; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #6EC180; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #34B56F; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #6EC180; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #6EC180; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #6EC180; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #91CC9D; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss new file mode 100644 index 0000000..6122ddc --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #91CC9D; +$primaryColor:#6EC180; +$primaryDarkColor: #34B56F; +$primaryDarkerColor: #157943; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css new file mode 100644 index 0000000..d573831 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(52, 181, 111, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#34B56F; + --primary-color-text:#FFFFFF; + --primary-light-color:#6EC180; + --primary-lighter-color:rgba(110, 193, 128, 0.1); + --primary-dark-color:#157943; + --primary-darker-color:#0E6646; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(52, 181, 111, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #6EC180; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f5fbf8; + --primary-100:#ceeddc; + --primary-200:#a8dfc1; + --primary-300:#81d1a6; + --primary-400:#5bc38a; + --primary-500:#34b56f; + --primary-600:#2c9a5e; + --primary-700:#247f4e; + --primary-800:#1d643d; + --primary-900:#15482c; +} + +body .ui-button { + background: #34B56F; + color: #FFFFFF; + border: 1px solid #34B56F; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #0E6646; + border-color: #0E6646; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #34B56F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(52, 181, 111, 0.04); + color: #34B56F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(52, 181, 111, 0.16); + color: #34B56F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #34B56F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(52, 181, 111, 0.04); + color: #34B56F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(52, 181, 111, 0.16); + color: #34B56F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #34B56F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #157943; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #0E6646; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(52, 181, 111, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #34B56F; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #34B56F; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #34B56F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #6EC180; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #34B56F; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #34B56F; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #34B56F; +} +body .ui-datatable .ui-column-resizer-helper { + background: #34B56F; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #6EC180; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #157943; + border: 1px solid #157943; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #34B56F; + color: #FFFFFF; + border: 1px solid #34B56F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #0E6646; + border-color: #0E6646; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2a9159; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(52, 181, 111, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #34B56F; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2a9159; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #34B56F; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #34B56F; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #34B56F; + border-color: #34B56F; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #34B56F; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6EC180; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #34B56F; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #34B56F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #6EC180; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #34B56F; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #34B56F; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #34B56F; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(52, 181, 111, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #34B56F; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6EC180; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #34B56F; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(52, 181, 111, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #34B56F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #6EC180; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #34B56F; + background: #34B56F; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #34B56F; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(52, 181, 111, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #34B56F; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(52, 181, 111, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #0E6646; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #34B56F; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #34B56F; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(52, 181, 111, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #34B56F; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #34B56F; +} +body .ui-inputfield.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #34B56F; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #0E6646; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #0E6646; + border-color: #0E6646; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #34B56F; + color: #FFFFFF; + border: 1px solid #34B56F; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #0E6646; + border-color: #0E6646; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #34B56F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #34B56F; + background: #34B56F; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #34B56F; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #157943; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #34B56F; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #34B56F; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6EC180; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #34B56F; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #34B56F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #34B56F; + background: #34B56F; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #34B56F; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(52, 181, 111, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #34B56F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #34B56F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #34B56F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #34B56F; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #34B56F; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(52, 181, 111, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(52, 181, 111, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(52, 181, 111, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(52, 181, 111, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #34B56F; + color: #FFFFFF; + border-color: #34B56F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #34B56F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #34B56F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #34B56F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #34B56F; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #34B56F; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #34B56F; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #34B56F; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(52, 181, 111, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #34B56F; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #34B56F; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #34B56F; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(52, 181, 111, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #34B56F; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #34B56F; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #157943; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #34B56F; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #34B56F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #34B56F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #6EC180; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss new file mode 100644 index 0000000..e93a1b6 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #6EC180; +$primaryColor:#34B56F; +$primaryDarkColor: #157943; +$primaryDarkerColor: #0E6646; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css new file mode 100644 index 0000000..b515d6a --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(255, 168, 88, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#FFA858; + --primary-light-color:#FFC591; + --primary-lighter-color:rgba(255, 197, 145, 0.1); + --primary-dark-color:#FF810E; + --primary-darker-color:#F17606; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #FFC591; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffbf7; + --primary-100:#ffead7; + --primary-200:#ffdab7; + --primary-300:#ffc997; + --primary-400:#ffb978; + --primary-500:#ffa858; + --primary-600:#d98f4b; + --primary-700:#b3763e; + --primary-800:#8c5c30; + --primary-900:#664323; +} + +body .ui-button { + background: #FFA858; + color: #3E4754; + border: 1px solid #FFA858; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #F17606; + border-color: #F17606; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFA858; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 168, 88, 0.04); + color: #FFA858; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 168, 88, 0.16); + color: #FFA858; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFA858; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 168, 88, 0.04); + color: #FFA858; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 168, 88, 0.16); + color: #FFA858; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFA858; + border-color: #FFA858; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #FFA858; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FF810E; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #F17606; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 168, 88, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFA858; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFA858; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFA858; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFC591; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #FFA858; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #FFA858; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFA858; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFA858; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFC591; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #FF810E; + border: 1px solid #FF810E; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #FFA858; + color: #3E4754; + border: 1px solid #FFA858; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #F17606; + border-color: #F17606; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8413; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFA858; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8413; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFA858; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFA858; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFA858; + border-color: #FFA858; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFA858; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC591; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFA858; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFA858; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFC591; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #FFA858; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #FFA858; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFA858; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFA858; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFA858; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC591; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFA858; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(255, 168, 88, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFA858; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFC591; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFA858; + background: #FFA858; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFA858; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 168, 88, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFA858; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 168, 88, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FFA858; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFA858; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFA858; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 168, 88, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFA858; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFA858; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFA858; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #F17606; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFA858; + color: #3E4754; + border: 1px solid #FFA858; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #F17606; + border-color: #F17606; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFA858; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFA858; + background: #FFA858; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFA858; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF810E; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFA858; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFA858; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC591; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFA858; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #FFA858; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFA858; + background: #FFA858; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFA858; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(255, 168, 88, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFA858; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFA858; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFA858; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFA858; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFA858; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 168, 88, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 168, 88, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 168, 88, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFA858; + color: #3E4754; + border-color: #FFA858; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFA858; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #FFA858; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFA858; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFA858; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFA858; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #FFA858; +} +body .ui-scrolltop:hover { + background: #ffa858; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFA858; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFA858; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FF810E; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFA858; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFA858; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFA858; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFC591; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss new file mode 100644 index 0000000..7f37510 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFC591; +$primaryColor:#FFA858; +$primaryDarkColor: #FF810E; +$primaryDarkerColor: #F17606; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css new file mode 100644 index 0000000..a65ae80 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(255, 129, 14, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#FF810E; + --primary-color-text:#FFFFFF; + --primary-light-color:#FFA858; + --primary-lighter-color:rgba(255, 168, 88, 0.1); + --primary-dark-color:#F17606; + --primary-darker-color:#E96404; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(255, 129, 14, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #FFA858; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fff9f3; + --primary-100:#ffe1c5; + --primary-200:#ffc997; + --primary-300:#ffb16a; + --primary-400:#ff993c; + --primary-500:#ff810e; + --primary-600:#d96e0c; + --primary-700:#b35a0a; + --primary-800:#8c4708; + --primary-900:#663406; +} + +body .ui-button { + background: #FF810E; + color: #FFFFFF; + border: 1px solid #FF810E; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #E96404; + border-color: #E96404; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF810E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 129, 14, 0.04); + color: #FF810E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 129, 14, 0.16); + color: #FF810E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF810E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 129, 14, 0.04); + color: #FF810E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 129, 14, 0.16); + color: #FF810E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FF810E; + border-color: #FF810E; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FF810E; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #F17606; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #E96404; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 129, 14, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF810E; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FF810E; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #FF810E; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFA858; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #FF810E; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #FF810E; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FF810E; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF810E; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFA858; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #F17606; + border: 1px solid #F17606; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #FF810E; + color: #FFFFFF; + border: 1px solid #FF810E; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #E96404; + border-color: #E96404; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #d76700; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(255, 129, 14, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FF810E; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #d76700; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FF810E; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FF810E; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FF810E; + border-color: #FF810E; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FF810E; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFA858; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FF810E; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #FF810E; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFA858; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #FF810E; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #FF810E; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF810E; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(255, 129, 14, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FF810E; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFA858; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #FF810E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(255, 129, 14, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FF810E; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFA858; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF810E; + background: #FF810E; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF810E; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 129, 14, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FF810E; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 129, 14, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #E96404; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FF810E; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FF810E; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 129, 14, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FF810E; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FF810E; +} +body .ui-inputfield.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FF810E; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #E96404; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #E96404; + border-color: #E96404; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF810E; + color: #FFFFFF; + border: 1px solid #FF810E; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #E96404; + border-color: #E96404; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FF810E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF810E; + background: #FF810E; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FF810E; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #F17606; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FF810E; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FF810E; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFA858; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FF810E; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #FF810E; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FF810E; + background: #FF810E; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FF810E; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(255, 129, 14, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF810E; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF810E; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF810E; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF810E; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FF810E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 129, 14, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 129, 14, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 129, 14, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(255, 129, 14, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FF810E; + color: #FFFFFF; + border-color: #FF810E; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FF810E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF810E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF810E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF810E; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF810E; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF810E; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FF810E; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 129, 14, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF810E; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF810E; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF810E; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(255, 129, 14, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF810E; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF810E; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #F17606; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FF810E; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF810E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF810E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFA858; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss new file mode 100644 index 0000000..761d0a9 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFA858; +$primaryColor:#FF810E; +$primaryDarkColor: #F17606; +$primaryDarkerColor: #E96404; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css new file mode 100644 index 0000000..43e3ce0 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(119, 123, 241, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#777BF1; + --primary-light-color:#A1A4F3; + --primary-lighter-color:rgba(161, 164, 243, 0.1); + --primary-dark-color:#464DF2; + --primary-darker-color:#221ED9; + --primary-color-text:#FFFFFF; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A1A4F3; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f8f8fe; + --primary-100:#dedffc; + --primary-200:#c5c6f9; + --primary-300:#abadf6; + --primary-400:#9194f4; + --primary-500:#777bf1; + --primary-600:#6569cd; + --primary-700:#5356a9; + --primary-800:#414485; + --primary-900:#303160; +} + +body .ui-button { + background: #777BF1; + color: #FFFFFF; + border: 1px solid #777BF1; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #777BF1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(119, 123, 241, 0.04); + color: #777BF1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(119, 123, 241, 0.16); + color: #777BF1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #777BF1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(119, 123, 241, 0.04); + color: #777BF1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(119, 123, 241, 0.16); + color: #777BF1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #777BF1; + border-color: #777BF1; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #777BF1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #464DF2; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #221ED9; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(119, 123, 241, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #777BF1; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #777BF1; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #777BF1; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1A4F3; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #777BF1; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #777BF1; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #777BF1; +} +body .ui-datatable .ui-column-resizer-helper { + background: #777BF1; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #A1A4F3; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #464DF2; + border: 1px solid #464DF2; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #777BF1; + color: #FFFFFF; + border: 1px solid #777BF1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #363cea; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #777BF1; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #363cea; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #777BF1; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #777BF1; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #777BF1; + border-color: #777BF1; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #777BF1; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1A4F3; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #777BF1; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #777BF1; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1A4F3; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #777BF1; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #777BF1; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #777BF1; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #777BF1; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1A4F3; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #777BF1; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(119, 123, 241, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #777BF1; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1A4F3; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #777BF1; + background: #777BF1; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #777BF1; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(119, 123, 241, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #777BF1; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(119, 123, 241, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #777BF1; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #777BF1; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #777BF1; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(119, 123, 241, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #777BF1; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #777BF1; +} +body .ui-inputfield.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #777BF1; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #221ED9; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #777BF1; + color: #FFFFFF; + border: 1px solid #777BF1; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #777BF1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #777BF1; + background: #777BF1; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #777BF1; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #464DF2; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #777BF1; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #777BF1; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1A4F3; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #777BF1; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #777BF1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #777BF1; + background: #777BF1; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #777BF1; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(119, 123, 241, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #777BF1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #777BF1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #777BF1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #777BF1; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #777BF1; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(119, 123, 241, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(119, 123, 241, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(119, 123, 241, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #777BF1; + color: #FFFFFF; + border-color: #777BF1; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #777BF1; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #777BF1; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #777BF1; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #777BF1; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #777BF1; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #777BF1; +} +body .ui-scrolltop:hover { + background: #777bf1; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FFFFFF; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #777BF1; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #777BF1; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #464DF2; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #777BF1; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #777BF1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #777BF1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1A4F3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss new file mode 100644 index 0000000..36c605c --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #A1A4F3; +$primaryColor:#777BF1; +$primaryDarkColor: #464DF2; +$primaryDarkerColor: #221ED9; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css new file mode 100644 index 0000000..56d0ba0 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(70, 77, 242, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#464DF2; + --primary-color-text:#FFFFFF; + --primary-light-color:#777BF1; + --primary-lighter-color:rgba(119, 123, 241, 0.1); + --primary-dark-color:#221ED9; + --primary-darker-color:#1222B9; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(70, 77, 242, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #777BF1; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f6f6fe; + --primary-100:#d3d4fc; + --primary-200:#afb2f9; + --primary-300:#8c91f7; + --primary-400:#696ff4; + --primary-500:#464df2; + --primary-600:#3c41ce; + --primary-700:#3136a9; + --primary-800:#272a85; + --primary-900:#1c1f61; +} + +body .ui-button { + background: #464DF2; + color: #FFFFFF; + border: 1px solid #464DF2; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #1222B9; + border-color: #1222B9; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #464DF2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(70, 77, 242, 0.04); + color: #464DF2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(70, 77, 242, 0.16); + color: #464DF2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #464DF2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(70, 77, 242, 0.04); + color: #464DF2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(70, 77, 242, 0.16); + color: #464DF2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #464DF2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #221ED9; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #1222B9; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(70, 77, 242, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #464DF2; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #464DF2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #464DF2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #777BF1; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #464DF2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #464DF2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #464DF2; +} +body .ui-datatable .ui-column-resizer-helper { + background: #464DF2; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #777BF1; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #221ED9; + border: 1px solid #221ED9; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #464DF2; + color: #FFFFFF; + border: 1px solid #464DF2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #1222B9; + border-color: #1222B9; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #1019e9; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(70, 77, 242, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #464DF2; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #1019e9; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #464DF2; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #464DF2; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #464DF2; + border-color: #464DF2; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #464DF2; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #777BF1; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #464DF2; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #464DF2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #777BF1; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #464DF2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #464DF2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #464DF2; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(70, 77, 242, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #464DF2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #777BF1; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #464DF2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(70, 77, 242, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #464DF2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #777BF1; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #464DF2; + background: #464DF2; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #464DF2; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(70, 77, 242, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #464DF2; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(70, 77, 242, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #1222B9; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #464DF2; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #464DF2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(70, 77, 242, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #464DF2; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #464DF2; +} +body .ui-inputfield.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #464DF2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #1222B9; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #1222B9; + border-color: #1222B9; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #464DF2; + color: #FFFFFF; + border: 1px solid #464DF2; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #1222B9; + border-color: #1222B9; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #464DF2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #464DF2; + background: #464DF2; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #464DF2; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #221ED9; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #464DF2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #464DF2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #777BF1; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #464DF2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #464DF2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #464DF2; + background: #464DF2; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #464DF2; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(70, 77, 242, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #464DF2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #464DF2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #464DF2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #464DF2; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #464DF2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(70, 77, 242, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(70, 77, 242, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(70, 77, 242, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(70, 77, 242, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #464DF2; + color: #FFFFFF; + border-color: #464DF2; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #464DF2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #464DF2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #464DF2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #464DF2; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #464DF2; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #464DF2; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #464DF2; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(70, 77, 242, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #464DF2; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #464DF2; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #464DF2; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(70, 77, 242, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #464DF2; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #464DF2; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #221ED9; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #464DF2; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #464DF2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #464DF2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #777BF1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss new file mode 100644 index 0000000..1946eb8 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #777BF1; +$primaryColor:#464DF2; +$primaryDarkColor: #221ED9; +$primaryDarkerColor: #1222B9; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css new file mode 100644 index 0000000..d5ce0a3 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(255, 195, 162, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#FFC3A2; + --primary-light-color:#FFE2D1; + --primary-lighter-color:rgba(255, 226, 209, 0.1); + --primary-dark-color:#FF9B7B; + --primary-darker-color:#FF6E49; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #FFE2D1; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffcfa; + --primary-100:#fff1e9; + --primary-200:#ffe5d7; + --primary-300:#ffdac5; + --primary-400:#ffceb4; + --primary-500:#ffc3a2; + --primary-600:#d9a68a; + --primary-700:#b38971; + --primary-800:#8c6b59; + --primary-900:#664e41; +} + +body .ui-button { + background: #FFC3A2; + color: #3E4754; + border: 1px solid #FFC3A2; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFC3A2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 195, 162, 0.04); + color: #FFC3A2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 195, 162, 0.16); + color: #FFC3A2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFC3A2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 195, 162, 0.04); + color: #FFC3A2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 195, 162, 0.16); + color: #FFC3A2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFC3A2; + border-color: #FFC3A2; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #FFC3A2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FF9B7B; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #FF6E49; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 195, 162, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFC3A2; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFC3A2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC3A2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFE2D1; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #FFC3A2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFC3A2; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFC3A2; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFE2D1; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #FF9B7B; + border: 1px solid #FF9B7B; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #FFC3A2; + color: #3E4754; + border: 1px solid #FFC3A2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8d4f; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFC3A2; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8d4f; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFC3A2; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFC3A2; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFC3A2; + border-color: #FFC3A2; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFC3A2; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFE2D1; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFC3A2; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC3A2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFE2D1; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #FFC3A2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #FFC3A2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFC3A2; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFC3A2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFE2D1; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFC3A2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(255, 195, 162, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFE2D1; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFC3A2; + background: #FFC3A2; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFC3A2; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 195, 162, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFC3A2; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 195, 162, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FFC3A2; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFC3A2; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFC3A2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 195, 162, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFC3A2; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFC3A2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #FF6E49; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFC3A2; + color: #3E4754; + border: 1px solid #FFC3A2; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFC3A2; + background: #FFC3A2; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFC3A2; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF9B7B; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFC3A2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFE2D1; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #FFC3A2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFC3A2; + background: #FFC3A2; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFC3A2; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(255, 195, 162, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFC3A2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFC3A2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFC3A2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFC3A2; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFC3A2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 195, 162, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 195, 162, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 195, 162, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFC3A2; + color: #3E4754; + border-color: #FFC3A2; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC3A2; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #FFC3A2; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC3A2; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC3A2; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFC3A2; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #FFC3A2; +} +body .ui-scrolltop:hover { + background: #ffc3a2; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFC3A2; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFC3A2; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FF9B7B; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFC3A2; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFC3A2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFC3A2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFE2D1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss new file mode 100644 index 0000000..c3fa149 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFE2D1; +$primaryColor:#FFC3A2; +$primaryDarkColor: #FF9B7B; +$primaryDarkerColor: #FF6E49; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css new file mode 100644 index 0000000..3f756ae --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(255, 155, 123, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#FF9B7B; + --primary-color-text:#3E4754; + --primary-light-color:#FFC3A2; + --primary-lighter-color:rgba(255, 195, 162, 0.1); + --primary-dark-color:#FF6E49; + --primary-darker-color:#EA2B1F; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(255, 155, 123, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #FFC3A2; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffaf8; + --primary-100:#ffe7df; + --primary-200:#ffd4c6; + --primary-300:#ffc1ad; + --primary-400:#ffae94; + --primary-500:#ff9b7b; + --primary-600:#d98469; + --primary-700:#b36d56; + --primary-800:#8c5544; + --primary-900:#663e31; +} + +body .ui-button { + background: #FF9B7B; + color: #3E4754; + border: 1px solid #FF9B7B; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #EA2B1F; + border-color: #EA2B1F; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF9B7B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 155, 123, 0.04); + color: #FF9B7B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 155, 123, 0.16); + color: #FF9B7B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF9B7B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 155, 123, 0.04); + color: #FF9B7B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 155, 123, 0.16); + color: #FF9B7B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FF9B7B; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FF6E49; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #EA2B1F; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 155, 123, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF9B7B; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FF9B7B; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FF9B7B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #FF9B7B; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #FF9B7B; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FF9B7B; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF9B7B; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFC3A2; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #FF6E49; + border: 1px solid #FF6E49; + color: #3E4754; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #FF9B7B; + color: #3E4754; + border: 1px solid #FF9B7B; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #EA2B1F; + border-color: #EA2B1F; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff622f; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(255, 155, 123, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FF9B7B; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff622f; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FF9B7B; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FF9B7B; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FF9B7B; + border-color: #FF9B7B; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FF9B7B; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC3A2; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FF9B7B; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FF9B7B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC3A2; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #FF9B7B; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #FF9B7B; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF9B7B; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(255, 155, 123, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FF9B7B; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC3A2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FF9B7B; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(255, 155, 123, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC3A2; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF9B7B; + background: #FF9B7B; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF9B7B; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 155, 123, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FF9B7B; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 155, 123, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #EA2B1F; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FF9B7B; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FF9B7B; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 155, 123, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FF9B7B; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-inputfield.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FF9B7B; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #EA2B1F; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #EA2B1F; + border-color: #EA2B1F; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF9B7B; + color: #3E4754; + border: 1px solid #FF9B7B; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #EA2B1F; + border-color: #EA2B1F; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF9B7B; + background: #FF9B7B; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FF9B7B; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF6E49; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FF9B7B; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC3A2; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #FF9B7B; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FF9B7B; + background: #FF9B7B; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FF9B7B; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(255, 155, 123, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF9B7B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF9B7B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF9B7B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF9B7B; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FF9B7B; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 155, 123, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 155, 123, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 155, 123, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(255, 155, 123, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FF9B7B; + color: #3E4754; + border-color: #FF9B7B; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FF9B7B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF9B7B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF9B7B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9B7B; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FF9B7B; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 155, 123, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF9B7B; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF9B7B; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF9B7B; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(255, 155, 123, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF9B7B; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF9B7B; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FF6E49; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FF9B7B; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF9B7B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF9B7B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC3A2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss new file mode 100644 index 0000000..3ebc497 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFC3A2; +$primaryColor:#FF9B7B; +$primaryDarkColor: #FF6E49; +$primaryDarkerColor: #EA2B1F; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css new file mode 100644 index 0000000..5d8f823 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(126, 200, 232, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#7EC8E8; + --primary-light-color:#A1DCF5; + --primary-lighter-color:rgba(161, 220, 245, 0.1); + --primary-dark-color:#58AED3; + --primary-darker-color:#3099C6; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A1DCF5; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f9fcfe; + --primary-100:#e0f2f9; + --primary-200:#c8e7f5; + --primary-300:#afddf1; + --primary-400:#97d2ec; + --primary-500:#7ec8e8; + --primary-600:#6baac5; + --primary-700:#588ca2; + --primary-800:#456e80; + --primary-900:#32505d; +} + +body .ui-button { + background: #7EC8E8; + color: #3E4754; + border: 1px solid #7EC8E8; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #3099C6; + border-color: #3099C6; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #7EC8E8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(126, 200, 232, 0.04); + color: #7EC8E8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(126, 200, 232, 0.16); + color: #7EC8E8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #7EC8E8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(126, 200, 232, 0.04); + color: #7EC8E8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(126, 200, 232, 0.16); + color: #7EC8E8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #7EC8E8; + border-color: #7EC8E8; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #7EC8E8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #58AED3; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #3099C6; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(126, 200, 232, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #7EC8E8; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #7EC8E8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #7EC8E8; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1DCF5; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #7EC8E8; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #7EC8E8; +} +body .ui-datatable .ui-column-resizer-helper { + background: #7EC8E8; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #A1DCF5; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #58AED3; + border: 1px solid #58AED3; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #7EC8E8; + color: #3E4754; + border: 1px solid #7EC8E8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #3099C6; + border-color: #3099C6; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #41aedd; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #7EC8E8; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #41aedd; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #7EC8E8; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #7EC8E8; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #7EC8E8; + border-color: #7EC8E8; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #7EC8E8; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1DCF5; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #7EC8E8; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #7EC8E8; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1DCF5; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #7EC8E8; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #7EC8E8; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #7EC8E8; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #7EC8E8; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1DCF5; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #7EC8E8; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(126, 200, 232, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1DCF5; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #7EC8E8; + background: #7EC8E8; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #7EC8E8; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(126, 200, 232, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #7EC8E8; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(126, 200, 232, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #7EC8E8; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #7EC8E8; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #7EC8E8; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(126, 200, 232, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #7EC8E8; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-inputfield.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #7EC8E8; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #3099C6; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #7EC8E8; + color: #3E4754; + border: 1px solid #7EC8E8; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #3099C6; + border-color: #3099C6; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #7EC8E8; + background: #7EC8E8; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #7EC8E8; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #58AED3; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #7EC8E8; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1DCF5; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #7EC8E8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #7EC8E8; + background: #7EC8E8; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #7EC8E8; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(126, 200, 232, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #7EC8E8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #7EC8E8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #7EC8E8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #7EC8E8; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #7EC8E8; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(126, 200, 232, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(126, 200, 232, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(126, 200, 232, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #7EC8E8; + color: #3E4754; + border-color: #7EC8E8; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #7EC8E8; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #7EC8E8; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #7EC8E8; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #7EC8E8; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #7EC8E8; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #7EC8E8; +} +body .ui-scrolltop:hover { + background: #7ec8e8; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #7EC8E8; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #7EC8E8; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #58AED3; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #7EC8E8; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #7EC8E8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #7EC8E8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1DCF5; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss new file mode 100644 index 0000000..1f3169e --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #A1DCF5; +$primaryColor:#7EC8E8; +$primaryDarkColor: #58AED3; +$primaryDarkerColor: #3099C6; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css new file mode 100644 index 0000000..0f89b6c --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(88, 174, 211, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#58AED3; + --primary-color-text:#FFFFFF; + --primary-light-color:#7EC8E8; + --primary-lighter-color:rgba(126, 200, 232, 0.1); + --primary-dark-color:#3099C6; + --primary-darker-color:#16749D; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(88, 174, 211, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #7EC8E8; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f7fbfd; + --primary-100:#d7ecf4; + --primary-200:#b7dcec; + --primary-300:#97cde4; + --primary-400:#78bddb; + --primary-500:#58aed3; + --primary-600:#4b94b3; + --primary-700:#3e7a94; + --primary-800:#306074; + --primary-900:#234654; +} + +body .ui-button { + background: #58AED3; + color: #FFFFFF; + border: 1px solid #58AED3; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #16749D; + border-color: #16749D; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #58AED3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(88, 174, 211, 0.04); + color: #58AED3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(88, 174, 211, 0.16); + color: #58AED3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #58AED3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(88, 174, 211, 0.04); + color: #58AED3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(88, 174, 211, 0.16); + color: #58AED3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #58AED3; + border-color: #58AED3; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #58AED3; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #3099C6; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #16749D; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(88, 174, 211, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #58AED3; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #58AED3; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #58AED3; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #58AED3; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #58AED3; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #58AED3; +} +body .ui-datatable .ui-column-resizer-helper { + background: #58AED3; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #7EC8E8; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #3099C6; + border: 1px solid #3099C6; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #58AED3; + color: #FFFFFF; + border: 1px solid #58AED3; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #16749D; + border-color: #16749D; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #3293bd; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(88, 174, 211, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #58AED3; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #3293bd; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #58AED3; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #58AED3; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #58AED3; + border-color: #58AED3; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #58AED3; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7EC8E8; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #58AED3; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #58AED3; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7EC8E8; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #58AED3; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #58AED3; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #58AED3; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(88, 174, 211, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #58AED3; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7EC8E8; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #58AED3; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(88, 174, 211, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #58AED3; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #7EC8E8; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #58AED3; + background: #58AED3; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #58AED3; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(88, 174, 211, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #58AED3; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(88, 174, 211, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #16749D; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #58AED3; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #58AED3; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(88, 174, 211, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #58AED3; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #58AED3; +} +body .ui-inputfield.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #58AED3; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #16749D; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #16749D; + border-color: #16749D; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #58AED3; + color: #FFFFFF; + border: 1px solid #58AED3; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #16749D; + border-color: #16749D; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #58AED3; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #58AED3; + background: #58AED3; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #58AED3; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #3099C6; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #58AED3; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #58AED3; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7EC8E8; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #58AED3; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #58AED3; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #58AED3; + background: #58AED3; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #58AED3; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(88, 174, 211, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #58AED3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #58AED3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #58AED3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #58AED3; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #58AED3; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(88, 174, 211, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(88, 174, 211, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(88, 174, 211, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(88, 174, 211, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #58AED3; + color: #FFFFFF; + border-color: #58AED3; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #58AED3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #58AED3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #58AED3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #58AED3; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #58AED3; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #58AED3; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #58AED3; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(88, 174, 211, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #58AED3; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #58AED3; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #58AED3; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(88, 174, 211, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #58AED3; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #58AED3; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #3099C6; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #58AED3; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #58AED3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #58AED3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7EC8E8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss new file mode 100644 index 0000000..9aeff55 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #7EC8E8; +$primaryColor:#58AED3; +$primaryDarkColor: #3099C6; +$primaryDarkerColor: #16749D; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css new file mode 100644 index 0000000..4b72607 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(255, 201, 64, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#FFC940; + --primary-light-color:#FFDB7D; + --primary-lighter-color:rgba(255, 219, 125, 0.1); + --primary-dark-color:#FFB340; + --primary-darker-color:#FFA928; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #FFDB7D; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffcf5; + --primary-100:#fff2d1; + --primary-200:#ffe8ad; + --primary-300:#ffde89; + --primary-400:#ffd364; + --primary-500:#ffc940; + --primary-600:#d9ab36; + --primary-700:#b38d2d; + --primary-800:#8c6f23; + --primary-900:#66501a; +} + +body .ui-button { + background: #FFC940; + color: #3E4754; + border: 1px solid #FFC940; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFC940; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 201, 64, 0.04); + color: #FFC940; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 201, 64, 0.16); + color: #FFC940; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFC940; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 201, 64, 0.04); + color: #FFC940; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 201, 64, 0.16); + color: #FFC940; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFC940; + border-color: #FFC940; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #FFC940; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FFB340; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #FFA928; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 201, 64, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFC940; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFC940; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC940; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFDB7D; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #FFC940; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #FFC940; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFC940; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFC940; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFDB7D; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #FFB340; + border: 1px solid #FFB340; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #FFC940; + color: #3E4754; + border: 1px solid #FFC940; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ffb700; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFC940; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ffb700; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFC940; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFC940; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFC940; + border-color: #FFC940; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFC940; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFDB7D; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFC940; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC940; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFDB7D; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #FFC940; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #FFC940; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFC940; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFC940; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFC940; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFDB7D; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFC940; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(255, 201, 64, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFC940; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFDB7D; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFC940; + background: #FFC940; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFC940; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 201, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFC940; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 201, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FFC940; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFC940; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFC940; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 201, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFC940; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFC940; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFC940; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #FFA928; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFC940; + color: #3E4754; + border: 1px solid #FFC940; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFC940; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFC940; + background: #FFC940; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFC940; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFB340; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFC940; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFC940; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFDB7D; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFC940; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #FFC940; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFC940; + background: #FFC940; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFC940; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(255, 201, 64, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFC940; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFC940; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFC940; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFC940; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFC940; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 201, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 201, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 201, 64, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFC940; + color: #3E4754; + border-color: #FFC940; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC940; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #FFC940; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC940; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC940; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFC940; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: #FFC940; +} +body .ui-scrolltop:hover { + background: #ffc940; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFC940; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFC940; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FFB340; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFC940; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFC940; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFC940; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFDB7D; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss new file mode 100644 index 0000000..43f2c70 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFDB7D; +$primaryColor:#FFC940; +$primaryDarkColor: #FFB340; +$primaryDarkerColor: #FFA928; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css new file mode 100644 index 0000000..add1e9c --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(255, 179, 64, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#FFB340; + --primary-color-text:#3E4754; + --primary-light-color:#FFC940; + --primary-lighter-color:rgba(255, 201, 64, 0.1); + --primary-dark-color:#FFA928; + --primary-darker-color:#FF9900; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(255, 179, 64, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #FFC940; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffbf5; + --primary-100:#ffedd1; + --primary-200:navajowhite; + --primary-300:#ffd089; + --primary-400:#ffc164; + --primary-500:#ffb340; + --primary-600:#d99836; + --primary-700:#b37d2d; + --primary-800:#8c6223; + --primary-900:#66481a; +} + +body .ui-button { + background: #FFB340; + color: #3E4754; + border: 1px solid #FFB340; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #FF9900; + border-color: #FF9900; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFB340; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 179, 64, 0.04); + color: #FFB340; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 179, 64, 0.16); + color: #FFB340; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFB340; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 179, 64, 0.04); + color: #FFB340; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 179, 64, 0.16); + color: #FFB340; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FFB340; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FFA928; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #FF9900; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 179, 64, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFB340; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFB340; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFB340; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC940; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #FFB340; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #FFB340; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFB340; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFB340; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFC940; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #FFA928; + border: 1px solid #FFA928; + color: #3E4754; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #FFB340; + color: #3E4754; + border: 1px solid #FFB340; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #FF9900; + border-color: #FF9900; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff9a00; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(255, 179, 64, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFB340; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff9a00; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFB340; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFB340; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFB340; + border-color: #FFB340; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFB340; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC940; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFB340; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFB340; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC940; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #FFB340; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #FFB340; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFB340; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFB340; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(255, 179, 64, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFB340; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC940; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFB340; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(255, 179, 64, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFB340; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC940; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFB340; + background: #FFB340; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFB340; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 179, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFB340; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 179, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FF9900; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFB340; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFB340; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 179, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFB340; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFB340; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFB340; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #FF9900; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #FF9900; + border-color: #FF9900; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFB340; + color: #3E4754; + border: 1px solid #FFB340; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #FF9900; + border-color: #FF9900; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFB340; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFB340; + background: #FFB340; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFB340; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFA928; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFB340; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFB340; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC940; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFB340; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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: 6px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #FFB340; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFB340; + background: #FFB340; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFB340; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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: 6px; + padding: 0.5rem 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(255, 179, 64, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFB340; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFB340; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFB340; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFB340; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFB340; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 179, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 179, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 179, 64, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(255, 179, 64, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFB340; + color: #3E4754; + border-color: #FFB340; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FFB340; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFB340; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFB340; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB340; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB340; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB340; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FFB340; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 179, 64, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFB340; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFB340; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFB340; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-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, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(255, 179, 64, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFB340; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + border: 0 none; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFB340; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FFA928; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFB340; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFB340; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFB340; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC940; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss new file mode 100644 index 0000000..6ad6ca4 --- /dev/null +++ b/integration-tests/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFC940; +$primaryColor:#FFB340; +$primaryDarkColor: #FFA928; +$primaryDarkerColor: #FF9900; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/integration-tests/src/main/resources/application.properties b/integration-tests/src/main/resources/application.properties new file mode 100644 index 0000000..e4fc028 --- /dev/null +++ b/integration-tests/src/main/resources/application.properties @@ -0,0 +1,28 @@ +# Configuration Quarkus pour PrimeFaces Freya Extension +quarkus.application.name=PrimeFaces Freya Extension Demo +quarkus.application.version=1.0.0-SNAPSHOT + +# Port de l'application +quarkus.http.port=8080 + +# PrimeFaces Configuration +# Configuration du thème Freya - le thème doit être configuré avec le nom complet +# Format: freya-{color}-{mode} (ex: freya-purple-light, freya-blue-dark) +primefaces.THEME=freya-purple-light +primefaces.FONT_AWESOME=true +primefaces.CLIENT_SIDE_VALIDATION=true +primefaces.MOVE_SCRIPTS_TO_BOTTOM=true +primefaces.CSP=false +primefaces.UPLOADER=commons +primefaces.AUTO_UPDATE=false +primefaces.LEGACY_WIDGET_NAMESPACE=false + +# MyFaces Configuration +quarkus.myfaces.default-suffix=.xhtml +quarkus.myfaces.default-prefix= +quarkus.myfaces.resource-max-time-expires=604800000 +quarkus.myfaces.resource-buffer-size=2048 + +# Configuration pour servir les ressources statiques +quarkus.http.enable-compression=true + diff --git a/pom.xml b/pom.xml new file mode 100644 index 0000000..16e1d3d --- /dev/null +++ b/pom.xml @@ -0,0 +1,45 @@ + + + 4.0.0 + dev.lions + primefaces-freya-extension-parent + 1.0.0-SNAPSHOT + pom + PrimeFaces Freya Extension - Parent + + runtime + integration-tests + + + 3.15.1 + UTF-8 + 17 + 17 + + + + + io.quarkus + quarkus-bom + ${quarkus.version} + pom + import + + + + + + + + io.quarkus + quarkus-maven-plugin + ${quarkus.version} + + + maven-compiler-plugin + 3.13.0 + + + + + diff --git a/runtime/dependency_tree.txt b/runtime/dependency_tree.txt new file mode 100644 index 0000000..5a38210 --- /dev/null +++ b/runtime/dependency_tree.txt @@ -0,0 +1,169 @@ +[INFO] Scanning for projects... +[INFO] +[INFO] ----------------< dev.lions:primefaces-freya-extension >---------------- +[INFO] Building PrimeFaces Freya Extension - Runtime 1.0.0-SNAPSHOT +[INFO] from pom.xml +[INFO] --------------------------------[ jar ]--------------------------------- +[INFO] +[INFO] --- dependency:3.7.0:tree (default-cli) @ primefaces-freya-extension --- +[INFO] dev.lions:primefaces-freya-extension:jar:1.0.0-SNAPSHOT +[INFO] +- io.quarkiverse.primefaces:quarkus-primefaces:jar:3.15.1:compile +[INFO] | +- io.quarkus:quarkus-arc:jar:3.15.1:compile +[INFO] | | +- io.quarkus.arc:arc:jar:3.15.1:compile +[INFO] | | | +- jakarta.transaction:jakarta.transaction-api:jar:2.0.1:compile +[INFO] | | | \- io.smallrye.reactive:mutiny:jar:2.6.2:compile +[INFO] | | | \- org.jctools:jctools-core:jar:4.0.5:compile +[INFO] | | \- org.eclipse.microprofile.context-propagation:microprofile-context-propagation-api:jar:1.3:compile +[INFO] | +- io.quarkus:quarkus-jaxp:jar:3.15.1:compile +[INFO] | +- org.apache.myfaces.core.extensions.quarkus:myfaces-quarkus:jar:4.1.0:compile +[INFO] | | +- org.apache.myfaces.core:myfaces-api:jar:4.1.0:compile +[INFO] | | +- org.apache.myfaces.core:myfaces-impl:jar:4.1.0:compile +[INFO] | | +- org.apache.tomcat:tomcat-jasper-el:jar:11.0.0:compile +[INFO] | | +- io.quarkus:quarkus-undertow:jar:3.15.1:compile +[INFO] | | | +- io.quarkus.http:quarkus-http-servlet:jar:5.3.2:compile +[INFO] | | | +- jakarta.servlet:jakarta.servlet-api:jar:6.0.0:compile +[INFO] | | | +- io.quarkus.http:quarkus-http-vertx-backend:jar:5.3.2:compile +[INFO] | | | | \- io.quarkus.http:quarkus-http-http-core:jar:5.3.2:compile +[INFO] | | | \- io.quarkus.http:quarkus-http-core:jar:5.3.2:compile +[INFO] | | | \- io.netty:netty-codec-http:jar:4.1.111.Final:compile +[INFO] | | +- io.quarkus:quarkus-websockets:jar:3.15.1:compile +[INFO] | | | +- io.quarkus:quarkus-websockets-client:jar:3.15.1:compile +[INFO] | | | | \- io.quarkus.http:quarkus-http-websocket-core:jar:5.3.2:compile +[INFO] | | | | \- jakarta.websocket:jakarta.websocket-client-api:jar:2.1.0:compile +[INFO] | | | +- io.quarkus.http:quarkus-http-websocket-vertx:jar:5.3.2:compile +[INFO] | | | \- jakarta.websocket:jakarta.websocket-api:jar:2.1.1:compile +[INFO] | | +- io.quarkus:quarkus-jsonp:jar:3.15.1:compile +[INFO] | | | \- org.eclipse.parsson:parsson:jar:1.1.7:compile +[INFO] | | +- jakarta.ejb:jakarta.ejb-api:jar:4.0.1:compile +[INFO] | | +- jakarta.persistence:jakarta.persistence-api:jar:3.1.0:compile +[INFO] | | +- jakarta.validation:jakarta.validation-api:jar:3.0.2:compile +[INFO] | | +- jakarta.el:jakarta.el-api:jar:5.0.1:compile +[INFO] | | +- jakarta.servlet.jsp.jstl:jakarta.servlet.jsp.jstl-api:jar:3.0.2:compile +[INFO] | | \- jakarta.xml.bind:jakarta.xml.bind-api:jar:4.0.2:compile +[INFO] | | \- jakarta.activation:jakarta.activation-api:jar:2.1.3:compile +[INFO] | +- io.quarkiverse.openpdf:quarkus-openpdf:jar:3.1.2:compile +[INFO] | | +- com.github.librepdf:openpdf:jar:2.0.3:compile +[INFO] | | +- org.bouncycastle:bcprov-jdk18on:jar:1.78.1:compile +[INFO] | | \- org.bouncycastle:bcpkix-jdk18on:jar:1.78.1:compile +[INFO] | | \- org.bouncycastle:bcutil-jdk18on:jar:1.78.1:compile +[INFO] | +- io.quarkiverse.barcode:quarkus-okapi:jar:1.0.0:compile +[INFO] | | \- uk.org.okapibarcode:okapibarcode:jar:0.4.9:compile +[INFO] | +- com.googlecode.owasp-java-html-sanitizer:owasp-java-html-sanitizer:jar:20240325.1:compile +[INFO] | | +- com.googlecode.owasp-java-html-sanitizer:java8-shim:jar:20240325.1:compile +[INFO] | | \- com.googlecode.owasp-java-html-sanitizer:java10-shim:jar:20240325.1:compile +[INFO] | \- com.apptasticsoftware:rssreader:jar:3.9.1:compile +[INFO] +- org.primefaces:primefaces:jar:jakarta:14.0.0:compile +[INFO] +- io.quarkus:quarkus-web-dependency-locator:jar:3.15.1:compile +[INFO] | +- io.quarkus:quarkus-core:jar:3.15.1:compile +[INFO] | | +- jakarta.annotation:jakarta.annotation-api:jar:3.0.0:compile +[INFO] | | +- jakarta.enterprise:jakarta.enterprise.cdi-api:jar:4.1.0:compile +[INFO] | | | +- jakarta.enterprise:jakarta.enterprise.lang-model:jar:4.1.0:compile +[INFO] | | | \- jakarta.interceptor:jakarta.interceptor-api:jar:2.2.0:compile +[INFO] | | +- jakarta.inject:jakarta.inject-api:jar:2.0.1:compile +[INFO] | | +- io.smallrye.common:smallrye-common-os:jar:2.6.0:compile +[INFO] | | +- io.quarkus:quarkus-ide-launcher:jar:3.15.1:compile +[INFO] | | +- io.quarkus:quarkus-development-mode-spi:jar:3.15.1:compile +[INFO] | | +- io.smallrye.config:smallrye-config:jar:3.9.1:compile +[INFO] | | | \- io.smallrye.config:smallrye-config-core:jar:3.9.1:compile +[INFO] | | | +- org.eclipse.microprofile.config:microprofile-config-api:jar:3.1:compile +[INFO] | | | +- io.smallrye.common:smallrye-common-classloader:jar:2.6.0:compile +[INFO] | | | \- io.smallrye.config:smallrye-config-common:jar:3.9.1:compile +[INFO] | | +- org.jboss.logging:jboss-logging:jar:3.6.0.Final:compile +[INFO] | | +- org.jboss.logmanager:jboss-logmanager:jar:3.0.6.Final:compile +[INFO] | | | +- io.smallrye.common:smallrye-common-constraint:jar:2.6.0:compile +[INFO] | | | +- io.smallrye.common:smallrye-common-cpu:jar:2.6.0:compile +[INFO] | | | +- io.smallrye.common:smallrye-common-expression:jar:2.6.0:compile +[INFO] | | | | \- io.smallrye.common:smallrye-common-function:jar:2.6.0:compile +[INFO] | | | +- io.smallrye.common:smallrye-common-net:jar:2.6.0:compile +[INFO] | | | +- io.smallrye.common:smallrye-common-ref:jar:2.6.0:compile +[INFO] | | | \- jakarta.json:jakarta.json-api:jar:2.1.3:compile +[INFO] | | +- org.jboss.logging:jboss-logging-annotations:jar:3.0.1.Final:compile +[INFO] | | +- org.jboss.threads:jboss-threads:jar:3.6.1.Final:compile +[INFO] | | +- org.slf4j:slf4j-api:jar:2.0.6:compile +[INFO] | | +- org.jboss.slf4j:slf4j-jboss-logmanager:jar:2.0.0.Final:compile +[INFO] | | +- org.wildfly.common:wildfly-common:jar:1.7.0.Final:compile +[INFO] | | +- io.quarkus:quarkus-bootstrap-runner:jar:3.15.1:compile +[INFO] | | | +- io.quarkus:quarkus-classloader-commons:jar:3.15.1:compile +[INFO] | | | \- io.smallrye.common:smallrye-common-io:jar:2.6.0:compile +[INFO] | | \- io.quarkus:quarkus-fs-util:jar:0.0.10:compile +[INFO] | \- io.quarkus:quarkus-vertx-http:jar:3.15.1:compile +[INFO] | +- io.quarkus:quarkus-security-runtime-spi:jar:3.15.1:compile +[INFO] | +- io.quarkus:quarkus-tls-registry:jar:3.15.1:compile +[INFO] | +- io.quarkus:quarkus-credentials:jar:3.15.1:compile +[INFO] | +- io.quarkus:quarkus-mutiny:jar:3.15.1:compile +[INFO] | | +- io.quarkus:quarkus-smallrye-context-propagation:jar:3.15.1:compile +[INFO] | | | \- io.smallrye:smallrye-context-propagation:jar:2.1.2:compile +[INFO] | | | +- io.smallrye:smallrye-context-propagation-api:jar:2.1.2:compile +[INFO] | | | \- io.smallrye:smallrye-context-propagation-storage:jar:2.1.2:compile +[INFO] | | \- io.smallrye.reactive:mutiny-smallrye-context-propagation:jar:2.6.2:compile +[INFO] | +- io.smallrye.common:smallrye-common-vertx-context:jar:2.6.0:compile +[INFO] | | \- io.vertx:vertx-core:jar:4.5.10:compile +[INFO] | | +- io.netty:netty-common:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-buffer:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-transport:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-handler:jar:4.1.111.Final:compile +[INFO] | | | \- io.netty:netty-transport-native-unix-common:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-handler-proxy:jar:4.1.111.Final:compile +[INFO] | | | \- io.netty:netty-codec-socks:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-codec-http2:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-resolver:jar:4.1.111.Final:compile +[INFO] | | +- io.netty:netty-resolver-dns:jar:4.1.111.Final:compile +[INFO] | | | \- io.netty:netty-codec-dns:jar:4.1.111.Final:compile +[INFO] | | \- com.fasterxml.jackson.core:jackson-core:jar:2.17.2:compile +[INFO] | +- io.quarkus.security:quarkus-security:jar:2.1.0:compile +[INFO] | +- io.quarkus:quarkus-vertx:jar:3.15.1:compile +[INFO] | | +- io.quarkus:quarkus-netty:jar:3.15.1:compile +[INFO] | | | +- io.netty:netty-codec:jar:4.1.111.Final:compile +[INFO] | | | \- com.aayushatharva.brotli4j:brotli4j:jar:1.16.0:compile +[INFO] | | | +- com.aayushatharva.brotli4j:service:jar:1.16.0:compile +[INFO] | | | \- com.aayushatharva.brotli4j:native-windows-x86_64:jar:1.16.0:compile +[INFO] | | +- io.netty:netty-codec-haproxy:jar:4.1.111.Final:compile +[INFO] | | +- io.smallrye.common:smallrye-common-annotation:jar:2.6.0:compile +[INFO] | | +- io.quarkus:quarkus-virtual-threads:jar:3.15.1:compile +[INFO] | | +- io.quarkus:quarkus-vertx-latebound-mdc-provider:jar:3.15.1:compile +[INFO] | | +- io.smallrye.reactive:smallrye-mutiny-vertx-core:jar:3.15.0:compile +[INFO] | | | +- io.smallrye.reactive:smallrye-mutiny-vertx-runtime:jar:3.15.0:compile +[INFO] | | | \- io.smallrye.reactive:vertx-mutiny-generator:jar:3.15.0:compile +[INFO] | | | \- io.vertx:vertx-codegen:jar:4.5.10:compile +[INFO] | | \- io.smallrye:smallrye-fault-tolerance-vertx:jar:6.4.0:compile +[INFO] | +- io.smallrye.reactive:smallrye-mutiny-vertx-web:jar:3.15.0:compile +[INFO] | | +- io.smallrye.reactive:smallrye-mutiny-vertx-web-common:jar:3.15.0:compile +[INFO] | | +- io.smallrye.reactive:smallrye-mutiny-vertx-auth-common:jar:3.15.0:compile +[INFO] | | +- io.smallrye.reactive:smallrye-mutiny-vertx-bridge-common:jar:3.15.0:compile +[INFO] | | \- io.smallrye.reactive:smallrye-mutiny-vertx-uri-template:jar:3.15.0:compile +[INFO] | | \- io.vertx:vertx-uri-template:jar:4.5.10:compile +[INFO] | +- io.vertx:vertx-web:jar:4.5.10:compile +[INFO] | | +- io.vertx:vertx-web-common:jar:4.5.10:compile +[INFO] | | +- io.vertx:vertx-auth-common:jar:4.5.10:compile +[INFO] | | \- io.vertx:vertx-bridge-common:jar:4.5.10:compile +[INFO] | \- io.github.crac:org-crac:jar:0.1.3:compile +[INFO] +- org.primefaces:freya-theme:jar:5.0.0-jakarta:compile +[INFO] +- io.quarkus:quarkus-awt:jar:3.15.1:compile +[INFO] +- io.quarkiverse.poi:quarkus-poi:jar:2.0.5:compile +[INFO] | +- org.apache.poi:poi:jar:5.2.5:compile +[INFO] | | +- commons-codec:commons-codec:jar:1.17.1:compile +[INFO] | | +- org.apache.commons:commons-collections4:jar:4.4:compile +[INFO] | | +- org.apache.commons:commons-math3:jar:3.6.1:compile +[INFO] | | +- commons-io:commons-io:jar:2.16.1:compile +[INFO] | | +- com.zaxxer:SparseBitSet:jar:1.3:compile +[INFO] | | \- org.apache.logging.log4j:log4j-api:jar:2.23.1:compile +[INFO] | +- org.apache.poi:poi-ooxml:jar:5.2.5:compile +[INFO] | | +- org.apache.xmlbeans:xmlbeans:jar:5.2.0:compile +[INFO] | | +- org.apache.commons:commons-compress:jar:1.27.0:compile +[INFO] | | | \- org.apache.commons:commons-lang3:jar:3.14.0:compile +[INFO] | | \- com.github.virtuald:curvesapi:jar:1.08:compile +[INFO] | +- org.apache.poi:poi-ooxml-full:jar:5.2.5:compile +[INFO] | +- org.apache.poi:poi-scratchpad:jar:5.2.5:compile +[INFO] | \- org.jboss.logmanager:log4j2-jboss-logmanager:jar:1.1.2.Final:compile +[INFO] \- io.quarkiverse.itext:quarkus-itext:jar:3.0.5:compile +[INFO] \- io.quarkiverse.itext:quarkus-itext-library:jar:3.0.5:compile +[INFO] +- org.bouncycastle:bcprov-jdk15on:jar:1.70:compile +[INFO] +- org.bouncycastle:bcpkix-jdk15on:jar:1.70:compile +[INFO] | \- org.bouncycastle:bcutil-jdk15on:jar:1.70:compile +[INFO] \- org.bouncycastle:bcmail-jdk15on:jar:1.70:compile +[INFO] ------------------------------------------------------------------------ +[INFO] BUILD SUCCESS +[INFO] ------------------------------------------------------------------------ +[INFO] Total time: 5.545 s +[INFO] Finished at: 2025-12-24T20:02:56Z +[INFO] ------------------------------------------------------------------------ diff --git a/runtime/pom.xml b/runtime/pom.xml new file mode 100644 index 0000000..0fc86ff --- /dev/null +++ b/runtime/pom.xml @@ -0,0 +1,81 @@ + + + 4.0.0 + + dev.lions + primefaces-freya-extension-parent + 1.0.0-SNAPSHOT + + primefaces-freya-extension + PrimeFaces Freya Extension - Runtime + + + io.quarkiverse.primefaces + quarkus-primefaces + 3.15.1 + + + org.primefaces + primefaces + 14.0.0 + jakarta + + + + io.quarkus + quarkus-web-dependency-locator + + + org.primefaces + freya-theme + 5.0.0-jakarta + + + org.primefaces + primefaces + + + + + org.webjars.npm + primeflex + 3.3.1 + + + org.webjars.npm + primeicons + 7.0.0 + + + io.quarkus + quarkus-awt + + + io.quarkiverse.poi + quarkus-poi + 2.0.5 + + + io.quarkiverse.itext + quarkus-itext + 3.0.5 + + + + + local-maven-repo + file://${project.basedir}/../../maven-repo + + true + + + true + + + + + + + + + diff --git a/runtime/src/main/java/org/primefaces/freya/view/GuestPreferences.java b/runtime/src/main/java/org/primefaces/freya/view/GuestPreferences.java new file mode 100644 index 0000000..db03cf5 --- /dev/null +++ b/runtime/src/main/java/org/primefaces/freya/view/GuestPreferences.java @@ -0,0 +1,163 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.freya.view; + +import org.primefaces.PrimeFaces; + +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; + +@Named("guestPreferences") +@SessionScoped +public class GuestPreferences implements Serializable { + + private String menuMode = "layout-sidebar"; + + private String darkMode = "light"; + + private String componentTheme = "purple"; + + private String topbarTheme = "light"; + + private String menuTheme = "light"; + + private String inputStyle = "outlined"; + + private boolean lightLogo = false; + + private List componentThemes = new ArrayList(); + + @PostConstruct + public void init() { + componentThemes.add(new ComponentTheme("Blue", "blue", "#2c84d8")); + componentThemes.add(new ComponentTheme("Green", "green", "#34B56F")); + componentThemes.add(new ComponentTheme("Orange", "orange", "#FF810E")); + componentThemes.add(new ComponentTheme("Turquoise", "turquoise", "#58AED3")); + componentThemes.add(new ComponentTheme("Avocado", "avocado", "#AEC523")); + componentThemes.add(new ComponentTheme("Purple", "purple", "#464DF2")); + componentThemes.add(new ComponentTheme("Red", "red", "#FF9B7B")); + componentThemes.add(new ComponentTheme("Yellow", "yellow", "#FFB340")); + } + + public String getDarkMode() { + return darkMode; + } + + public boolean isLightLogo() { + return lightLogo; + } + + public void setDarkMode(String darkMode) { + this.darkMode = darkMode; + this.menuTheme = darkMode; + this.topbarTheme = darkMode; + this.lightLogo = !this.topbarTheme.equals("light"); + } + + public String getLayout() { + return "layout-" + this.darkMode; + } + + public String getTheme() { + return this.componentTheme + '-' + this.darkMode; + } + + public String getComponentTheme() { + return componentTheme; + } + + public void setComponentTheme(String componentTheme) { + this.componentTheme = componentTheme; + } + + public String getMenuTheme() { + return menuTheme; + } + + public void setMenuTheme(String menuTheme) { + this.menuTheme = menuTheme; + } + + public String getTopbarTheme() { + return topbarTheme; + } + + public void setTopbarTheme(String topbarTheme) { + this.topbarTheme = topbarTheme; + this.lightLogo = !this.topbarTheme.equals("light"); + } + + public String getMenuMode() { + return this.menuMode; + } + + public void setMenuMode(String menuMode) { + this.menuMode = menuMode; + } + + public String getInputStyle() { + return inputStyle; + } + + public void setInputStyle(String inputStyle) { + this.inputStyle = inputStyle; + } + + public String getInputStyleClass() { + return this.inputStyle.equals("filled") ? "ui-input-filled" : ""; + } + + public List getComponentThemes() { + return componentThemes; + } + + public void onMenuTypeChange() { + if ("layout-horizontal".equals(menuMode)) { + menuTheme = topbarTheme; + PrimeFaces.current().executeScript( + "PrimeFaces.FreyaConfigurator.changeSectionTheme('" + menuTheme + "' , 'layout-menu')"); + } + } + + public class ComponentTheme { + String name; + String file; + String color; + + public ComponentTheme(String name, String file, String color) { + this.name = name; + this.file = file; + this.color = color; + } + + public String getName() { + return this.name; + } + + public String getFile() { + return this.file; + } + + public String getColor() { + return this.color; + } + } + +} diff --git a/runtime/src/main/resources/META-INF/freya.taglib.xml b/runtime/src/main/resources/META-INF/freya.taglib.xml new file mode 100644 index 0000000..8afa426 --- /dev/null +++ b/runtime/src/main/resources/META-INF/freya.taglib.xml @@ -0,0 +1,621 @@ + + + + http://primefaces.org/freya + + + Freya Extension - Composants composites pour simplifier l'utilisation de PrimeFaces avec le thème Freya. + Ces composants appliquent automatiquement les patterns Freya (field, field-checkbox) et réduisent le boilerplate. + + + + + + + fieldInput + Champ de saisie texte avec pattern Freya (field + label + input + message) + + freya/fieldInput.xhtml + + + + + + fieldTextarea + Champ de saisie multiligne avec pattern Freya (field + label + textarea + message) + + freya/fieldTextarea.xhtml + + + + + + fieldPassword + Champ mot de passe avec indicateur de force et pattern Freya + + freya/fieldPassword.xhtml + + + + + + fieldSelect + Liste déroulante (selectOneMenu) avec pattern Freya et support de filtrage + + freya/fieldSelect.xhtml + + + + + + fieldCalendar + Sélecteur de date (datePicker) avec pattern Freya et icône calendrier + + freya/fieldCalendar.xhtml + + + + + + fieldNumber + Champ de saisie numérique (inputNumber) avec pattern Freya + + freya/fieldNumber.xhtml + + + + + + fieldMultiSelect + Liste déroulante à sélection multiple avec pattern Freya + + freya/fieldMultiSelect.xhtml + + + + + + fieldRadio + Boutons radio (selectOneRadio) avec pattern Freya + + freya/fieldRadio.xhtml + + + + + + fieldSwitch + Interrupteur (toggleSwitch) avec pattern Freya + + freya/fieldSwitch.xhtml + + + + + + fieldToggle + Bouton bascule (selectBooleanButton) avec pattern Freya + + freya/fieldToggle.xhtml + + + + + + fieldChips + Saisie de tags (chips) avec pattern Freya + + freya/fieldChips.xhtml + + + + + + fieldRating + Évaluation (rating) avec pattern Freya + + freya/fieldRating.xhtml + + + + + + fieldColor + Sélecteur de couleur (colorPicker) avec pattern Freya + + freya/fieldColor.xhtml + + + + + + fieldCheckbox + Case à cocher avec pattern Freya (field-checkbox + checkbox + label) + + freya/fieldCheckbox.xhtml + + + + + + + + actionDialog + Dialog modal standardisé avec footer contenant les boutons d'action (Annuler/Sauvegarder) + + freya/actionDialog.xhtml + + + + + + + + themeSelector + Sélecteur de thème Freya permettant de changer la couleur et le mode (light/dark) + + freya/themeSelector.xhtml + + + + + + + + card + Carte avec header optionnel et contenu + + freya/card.xhtml + + + + + + panel + Panneau avec header, toggleable et closable + + freya/panel.xhtml + + + + + + formDialog + Dialog de formulaire avec boutons Annuler/Sauvegarder et validation + + freya/formDialog.xhtml + + + + + + + + fieldFileUpload + Upload de fichiers avec pattern Freya + + freya/fieldFileUpload.xhtml + + + + + + fieldAutoComplete + Autocomplétion avec pattern Freya + + freya/fieldAutoComplete.xhtml + + + + + + fieldMask + Champ avec masque de saisie et pattern Freya + + freya/fieldMask.xhtml + + + + + + fieldSlider + Slider avec pattern Freya + + freya/fieldSlider.xhtml + + + + + + fieldSpinner + Spinner numérique avec pattern Freya + + freya/fieldSpinner.xhtml + + + + + + + + dataTable + DataTable avec style Freya et fonctionnalités courantes + + freya/dataTable.xhtml + + + + + + dataView + DataView avec style Freya pour affichage liste/grille + + freya/dataView.xhtml + + + + + + treeTable + TreeTable avec style Freya + + freya/treeTable.xhtml + + + + + + + + breadcrumb + Fil d'Ariane avec style Freya + + freya/breadcrumb.xhtml + + + + + + steps + Indicateur d'étapes avec style Freya + + freya/steps.xhtml + + + + + + tabView + Onglets avec style Freya + + freya/tabView.xhtml + + + + + + + + button + Bouton simple avec style Freya + + freya/button.xhtml + + + + + + commandButton + Bouton d'action avec style Freya + + freya/commandButton.xhtml + + + + + + linkButton + Lien stylisé comme bouton avec style Freya + + freya/linkButton.xhtml + + + + + + splitButton + Bouton avec menu déroulant et style Freya + + freya/splitButton.xhtml + + + + + + + + message + Message d'information avec style Freya + + freya/message.xhtml + + + + + + growl + Notifications toast avec style Freya + + freya/growl.xhtml + + + + + + inplace + Édition en place avec style Freya + + freya/inplace.xhtml + + + + + + + + spacer + Espacement vertical + + freya/spacer.xhtml + + + + + + divider + Séparateur horizontal ou vertical + + freya/divider.xhtml + + + + + + badge + Badge numérique ou indicateur + + freya/badge.xhtml + + + + + + avatar + Avatar utilisateur + + freya/avatar.xhtml + + + + + + tag + Étiquette de catégorisation + + freya/tag.xhtml + + + + + + progressBar + Barre de progression + + freya/progressBar.xhtml + + + + + + + + tree + Arbre hiérarchique avec style Freya + + freya/tree.xhtml + + + + + + fieldEditor + Éditeur de texte riche (WYSIWYG) avec pattern Freya + + freya/fieldEditor.xhtml + + + + + + chart + Graphiques (bar, line, pie, etc.) avec style Freya + + freya/chart.xhtml + + + + diff --git a/runtime/src/main/resources/META-INF/primefaces-freya.taglib.xml b/runtime/src/main/resources/META-INF/primefaces-freya.taglib.xml new file mode 100644 index 0000000..2162b4b --- /dev/null +++ b/runtime/src/main/resources/META-INF/primefaces-freya.taglib.xml @@ -0,0 +1,60 @@ + + + http://primefaces.org/freya + + + menu + + org.primefaces.component.FreyaMenu + org.primefaces.component.FreyaMenuRenderer + + + + id + false + java.lang.String + + + + rendered + false + java.lang.Boolean + + + + binding + false + jakarta.faces.component.UIComponent + + + + widgetVar + false + java.lang.String + + + + model + false + org.primefaces.model.menu.MenuModel + + + + style + false + java.lang.String + + + + styleClass + false + java.lang.String + + + + closeDelay + false + java.lang.Integer + + + diff --git a/runtime/src/main/resources/META-INF/resources/WEB-INF/config.xhtml b/runtime/src/main/resources/META-INF/resources/WEB-INF/config.xhtml new file mode 100644 index 0000000..ec11a00 --- /dev/null +++ b/runtime/src/main/resources/META-INF/resources/WEB-INF/config.xhtml @@ -0,0 +1,93 @@ + + + + + + +
+ +
Menu Type
+ + + + + + + +
+ +
Color Scheme
+ + + + + + + +
+
Topbar and Menu Mode
+ + + + + + + + +
+
Topbar Mode
+ + + + + + + + +
+
Menu Mode
+ + + + + + + +
+ +
Input Style
+ + + + + + +
+ +
Theme Colors
+
+ +
+ + +
+ +
+ +
+ \ No newline at end of file diff --git a/runtime/src/main/resources/META-INF/resources/WEB-INF/footer.xhtml b/runtime/src/main/resources/META-INF/resources/WEB-INF/footer.xhtml new file mode 100644 index 0000000..cb19ccd --- /dev/null +++ b/runtime/src/main/resources/META-INF/resources/WEB-INF/footer.xhtml @@ -0,0 +1,56 @@ + + +
+
+
+
+
+ SITE MAP + +
+
+ + +
+
+ +
+
+ CONTACT US +
    +
  • (415) 931-1624 794
    • +
  • Mcallister St San Francisco,
    • +
  • California(CA), 94102
    • +
+
+
+ NEWSLETTER + Join our newsletter to get notification about the new features. + + + +
+
+
+

freya

+
Copyright Ⓒ PrimeTek Informatics
+
+ +
+
+
+ \ No newline at end of file diff --git a/runtime/src/main/resources/META-INF/resources/WEB-INF/menu.xhtml b/runtime/src/main/resources/META-INF/resources/WEB-INF/menu.xhtml new file mode 100644 index 0000000..f47bb15 --- /dev/null +++ b/runtime/src/main/resources/META-INF/resources/WEB-INF/menu.xhtml @@ -0,0 +1,91 @@ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + \ No newline at end of file diff --git a/runtime/src/main/resources/META-INF/resources/WEB-INF/rightpanel.xhtml b/runtime/src/main/resources/META-INF/resources/WEB-INF/rightpanel.xhtml new file mode 100644 index 0000000..e1e7178 --- /dev/null +++ b/runtime/src/main/resources/META-INF/resources/WEB-INF/rightpanel.xhtml @@ -0,0 +1,284 @@ + + +
+
+
+
+
Today
+
+
+ +
+
Ankara, 22 May
+

24º

+
+
+
+
+
+
My list
+ + + +
+
    +
  • +
    +
    Perform usability testing for P15 MVP
    + -Public pages + -Product pages +
    +
    • +
  • +
    +
    Buy puzzle set from Amazon
    + Ravensburger Seurat, 2000 +
    +
    • +
  • +
    +
    Morning Run
    +
    + +
    • +
  • +
    +
    Morning Run
    +
    + +
    • +
+
+ +
+
+
Favorites
+
+
+ + + + + + + + + + + + + + + + + + +
+
+ +
+ + + + + + 3 + +
+ +
+
+ You +
+

Hey M. hope you are well. Our idea is accepted by the board. Now it’s time to execute it.

+ 3 mins ago +
+
+

we did it! 🤠

+ 3 mins ago +
+
+
+ Micheal J. +
+

That’s really good!

+ 3 mins ago +
+
+
+ You +
+

But it’s important to ship MVP ASAP

+ 3 mins ago +
+
+
+ Micheal J. +
+

I’ll be looking at the process then, just to be sure 🤓

+ 3 mins ago +
+
+
+ You +
+

That’s awesome. Thanks!

+ 3 mins ago +
+
+
+ +
+
+
+ +
+
+ + + + + 1 + +
+ +
+
+ Sarah +
+

That’s really good!

+ 3 mins ago +
+
+
+ You +
+

But it’s important to ship MVP ASAP

+ 3 mins ago +
+
+
+ +
+
+
+ +
+
+ + + + + +
+
+

No Message From Margret K.

+
+
+ +
+
+ + + + + + +
+
+

No Message From Bob C.

+
+
+ +
+
+ + + + + +
+ +
+
    +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
  • + +
    +
    John Doe
    + Active +
    +
    • +
+
+
+ +
+
+ + + +
+
+
+ + \ No newline at end of file diff --git a/runtime/src/main/resources/META-INF/resources/WEB-INF/template.xhtml b/runtime/src/main/resources/META-INF/resources/WEB-INF/template.xhtml new file mode 100644 index 0000000..f2da01a --- /dev/null +++ b/runtime/src/main/resources/META-INF/resources/WEB-INF/template.xhtml @@ -0,0 +1,55 @@ + + + + + + + + + + + + + <ui:insert name="title">PrimeFaces Freya</ui:insert> + + + + + + + + + + +
+ + + + + +
+
+ +
+ +
+ + + +