commit b2a23bdf893a3458bc967f6d805c5301019a6ce2 Author: DahoudG <41957584+DahoudG@users.noreply.github.com> Date: Wed Aug 20 21:00:35 2025 +0000 first commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..137cee6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,30 @@ +# Build +target/ +**/target/ +.mvn/wrapper/maven-wrapper.jar + +# IDE +.idea/ +.vscode/ +*.iml +*.ipr +*.iws + +# OS +.DS_Store +Thumbs.db + +# Logs +logs/ +*.log + +# Environment +.env +.env.local + +# Quarkus +.quarkus/ + +.claude/ +.dockerignore +.env.example diff --git a/pom.xml b/pom.xml new file mode 100644 index 0000000..1abbed5 --- /dev/null +++ b/pom.xml @@ -0,0 +1,42 @@ + + + 4.0.0 + + dev.lions.unionflow + unionflow-parent + 1.0.0 + pom + + UnionFlow - Gestion d'Union + Plateforme complète de gestion d'union avec mobile et web + + + 17 + 17 + UTF-8 + 3.15.1 + + + + unionflow-server-api + unionflow-server-impl-quarkus + unionflow-client-quarkus-primefaces-freya + + + + + + org.apache.maven.plugins + maven-compiler-plugin + 3.11.0 + + 17 + 17 + UTF-8 + + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/pom.xml b/unionflow-client-quarkus-primefaces-freya/pom.xml new file mode 100644 index 0000000..0c37329 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/pom.xml @@ -0,0 +1,210 @@ + + + 4.0.0 + + dev.lions.unionflow + unionflow-client-quarkus-primefaces-freya + 1.0.0 + jar + + UnionFlow Client (Quarkus + PrimeFaces Freya) + Client web UnionFlow avec Quarkus et PrimeFaces Freya + + + 17 + 17 + UTF-8 + UTF-8 + + 3.15.1 + io.quarkus.platform + quarkus-bom + 3.13.3 + 14.0.5 + 4.4.1 + + + + + + ${quarkus.platform.group-id} + ${quarkus.platform.artifact-id} + ${quarkus.platform.version} + pom + import + + + + + + + + io.quarkus + quarkus-arc + + + + + io.quarkiverse.primefaces + quarkus-primefaces + ${quarkus-primefaces.version} + + + + + io.quarkiverse.omnifaces + quarkus-omnifaces + 4.4.1 + + + + + org.primefaces.themes + freya-theme-jakarta + 5.0.0 + + + + + io.quarkus + quarkus-undertow + + + + + io.quarkus + quarkus-rest-client + + + io.quarkus + quarkus-rest-client-jackson + + + + + io.quarkus + quarkus-smallrye-jwt + + + + + io.quarkus + quarkus-config-yaml + + + + + io.quarkus + quarkus-hibernate-validator + + + + + io.quarkus + quarkus-scheduler + + + + + org.apache.poi + poi + 5.2.5 + + + org.apache.poi + poi-ooxml + 5.2.5 + + + org.apache.xmlgraphics + batik-all + + + + + com.github.librepdf + openpdf + 1.3.30 + + + + + io.quarkus + quarkus-junit5 + test + + + io.rest-assured + rest-assured + test + + + + + + prime-repo + PrimeFaces Maven Repository + https://repository.primefaces.org + default + + + + + + + ${quarkus.platform.group-id} + quarkus-maven-plugin + ${quarkus.platform.version} + true + + + + build + generate-code + generate-code-tests + + + + + + org.apache.maven.plugins + maven-compiler-plugin + 3.11.0 + + 17 + 17 + UTF-8 + true + + + + org.apache.maven.plugins + maven-surefire-plugin + 3.0.0 + + + org.jboss.logmanager.LogManager + ${maven.home} + + + + + + + + + native + + + native + + + + false + native + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/UnionFlowClientApplication.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/UnionFlowClientApplication.java new file mode 100644 index 0000000..7e0a7a5 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/UnionFlowClientApplication.java @@ -0,0 +1,34 @@ +package dev.lions.unionflow.client; + +import io.quarkus.runtime.Quarkus; +import io.quarkus.runtime.QuarkusApplication; +import io.quarkus.runtime.annotations.QuarkusMain; +import jakarta.enterprise.context.ApplicationScoped; +import org.jboss.logging.Logger; + +/** + * Application principale UnionFlow Client + * + * @author Lions Dev Team + * @version 1.0.0 + */ +@QuarkusMain +@ApplicationScoped +public class UnionFlowClientApplication implements QuarkusApplication { + + private static final Logger LOG = Logger.getLogger(UnionFlowClientApplication.class); + + public static void main(String... args) { + Quarkus.run(UnionFlowClientApplication.class, args); + } + + @Override + public int run(String... args) throws Exception { + LOG.info("UnionFlow Client démarré avec succès!"); + LOG.info("Interface web disponible sur http://localhost:8082"); + LOG.info("Page d'accueil sur http://localhost:8082/index.xhtml"); + + Quarkus.waitForExit(); + return 0; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/converter/MembreConverter.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/converter/MembreConverter.java new file mode 100644 index 0000000..62d72b7 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/converter/MembreConverter.java @@ -0,0 +1,43 @@ +package dev.lions.unionflow.client.converter; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.faces.component.UIComponent; +import jakarta.faces.context.FacesContext; +import jakarta.faces.convert.Converter; +import jakarta.faces.convert.FacesConverter; +import jakarta.inject.Named; +import dev.lions.unionflow.client.view.DemandesBean.Membre; + +@Named +@ApplicationScoped +@FacesConverter(value = "membreConverter", managed = true) +public class MembreConverter implements Converter { + + @Override + public Membre getAsObject(FacesContext context, UIComponent component, String value) { + if (value == null || value.trim().isEmpty()) { + return null; + } + + try { + // Parse the membre ID from the string value + Long membreId = Long.valueOf(value); + + // Create a simple Membre object with just the ID + // In a real implementation, you would fetch from database + Membre membre = new Membre(); + membre.setId(membreId); + return membre; + } catch (NumberFormatException e) { + return null; + } + } + + @Override + public String getAsString(FacesContext context, UIComponent component, Membre value) { + if (value == null || value.getId() == null) { + return ""; + } + return value.getId().toString(); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/AssociationDTO.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/AssociationDTO.java new file mode 100644 index 0000000..4b33b1d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/AssociationDTO.java @@ -0,0 +1,177 @@ +package dev.lions.unionflow.client.dto; + +import com.fasterxml.jackson.annotation.JsonFormat; +import jakarta.validation.constraints.NotBlank; +import jakarta.validation.constraints.NotNull; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.io.Serializable; + +public class AssociationDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private Long id; + + @NotBlank(message = "Le nom de l'association est obligatoire") + private String nom; + + private String description; + private String adresse; + private String telephone; + private String email; + private String siteWeb; + + @NotNull(message = "Le type d'association est obligatoire") + private String typeAssociation; + + @JsonFormat(pattern = "yyyy-MM-dd") + private LocalDate dateCreation; + + private String numeroRegistre; + private String statut; + private Integer nombreMembres; + private String responsablePrincipal; + private String telephoneResponsable; + private String emailResponsable; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateDerniereActivite; + + private String region; + private String ville; + private String quartier; + + // Constructeurs + public AssociationDTO() {} + + public AssociationDTO(String nom, String typeAssociation) { + this.nom = nom; + this.typeAssociation = typeAssociation; + this.statut = "ACTIVE"; + this.dateCreation = LocalDate.now(); + this.nombreMembres = 0; + } + + // Getters et Setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getSiteWeb() { return siteWeb; } + public void setSiteWeb(String siteWeb) { this.siteWeb = siteWeb; } + + public String getTypeAssociation() { return typeAssociation; } + public void setTypeAssociation(String typeAssociation) { this.typeAssociation = typeAssociation; } + + public LocalDate getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDate dateCreation) { this.dateCreation = dateCreation; } + + public String getNumeroRegistre() { return numeroRegistre; } + public void setNumeroRegistre(String numeroRegistre) { this.numeroRegistre = numeroRegistre; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public Integer getNombreMembres() { return nombreMembres; } + public void setNombreMembres(Integer nombreMembres) { this.nombreMembres = nombreMembres; } + + public String getResponsablePrincipal() { return responsablePrincipal; } + public void setResponsablePrincipal(String responsablePrincipal) { this.responsablePrincipal = responsablePrincipal; } + + public String getTelephoneResponsable() { return telephoneResponsable; } + public void setTelephoneResponsable(String telephoneResponsable) { this.telephoneResponsable = telephoneResponsable; } + + public String getEmailResponsable() { return emailResponsable; } + public void setEmailResponsable(String emailResponsable) { this.emailResponsable = emailResponsable; } + + public LocalDateTime getDateDerniereActivite() { return dateDerniereActivite; } + public void setDateDerniereActivite(LocalDateTime dateDerniereActivite) { this.dateDerniereActivite = dateDerniereActivite; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getQuartier() { return quartier; } + public void setQuartier(String quartier) { this.quartier = quartier; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (typeAssociation != null ? typeAssociation : "") { + case "LIONS_CLUB" -> "Club Lions"; + case "ASSOCIATION_LOCALE" -> "Association Locale"; + case "FEDERATION" -> "Fédération"; + case "COOPERATIVE" -> "Coopérative"; + case "MUTUELLE" -> "Mutuelle"; + case "SYNDICAT" -> "Syndicat"; + default -> typeAssociation; + }; + } + + public String getStatutLibelle() { + return switch (statut != null ? statut : "") { + case "ACTIVE" -> "Active"; + case "INACTIVE" -> "Inactive"; + case "SUSPENDUE" -> "Suspendue"; + case "DISSOUTE" -> "Dissoute"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut != null ? statut : "") { + case "ACTIVE" -> "success"; + case "INACTIVE" -> "warning"; + case "SUSPENDUE" -> "danger"; + case "DISSOUTE" -> "secondary"; + default -> "info"; + }; + } + + public String getAdresseComplete() { + StringBuilder addr = new StringBuilder(); + if (adresse != null && !adresse.trim().isEmpty()) { + addr.append(adresse); + } + if (quartier != null && !quartier.trim().isEmpty()) { + if (addr.length() > 0) addr.append(", "); + addr.append(quartier); + } + if (ville != null && !ville.trim().isEmpty()) { + if (addr.length() > 0) addr.append(", "); + addr.append(ville); + } + if (region != null && !region.trim().isEmpty()) { + if (addr.length() > 0) addr.append(", "); + addr.append(region); + } + return addr.toString(); + } + + @Override + public String toString() { + return "AssociationDTO{" + + "id=" + id + + ", nom='" + nom + '\'' + + ", typeAssociation='" + typeAssociation + '\'' + + ", statut='" + statut + '\'' + + ", nombreMembres=" + nombreMembres + + '}'; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/FormulaireDTO.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/FormulaireDTO.java new file mode 100644 index 0000000..38f8408 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/FormulaireDTO.java @@ -0,0 +1,180 @@ +package dev.lions.unionflow.client.dto; + +import jakarta.validation.constraints.NotNull; +import jakarta.validation.constraints.Positive; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; + +public class FormulaireDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private Long id; + + @NotNull + private String nom; + + private String description; + + @NotNull + @Positive + private Integer quotaMaxMembres; + + @NotNull + private BigDecimal prixMensuel; + + @NotNull + private BigDecimal prixAnnuel; + + private String deviseCode = "XOF"; // Franc CFA + + private boolean actif = true; + + private boolean recommande = false; + + private String couleurTheme; + + private String iconeFormulaire; + + // Fonctionnalités incluses + private boolean gestionMembres = true; + private boolean gestionCotisations = true; + private boolean gestionEvenements = false; + private boolean gestionAides = false; + private boolean rapportsAvances = false; + private boolean supportPrioritaire = false; + private boolean sauvegardeAutomatique = false; + private boolean personnalisationAvancee = false; + private boolean integrationPaiement = false; + private boolean notificationsEmail = false; + private boolean notificationsSMS = false; + private boolean gestionDocuments = false; + + // Métadonnées + private LocalDateTime dateCreation; + private LocalDateTime dateMiseAJour; + private String creePar; + private String modifiePar; + + public FormulaireDTO() {} + + // Getters et Setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public Integer getQuotaMaxMembres() { return quotaMaxMembres; } + public void setQuotaMaxMembres(Integer quotaMaxMembres) { this.quotaMaxMembres = quotaMaxMembres; } + + public BigDecimal getPrixMensuel() { return prixMensuel; } + public void setPrixMensuel(BigDecimal prixMensuel) { this.prixMensuel = prixMensuel; } + + public BigDecimal getPrixAnnuel() { return prixAnnuel; } + public void setPrixAnnuel(BigDecimal prixAnnuel) { this.prixAnnuel = prixAnnuel; } + + public String getDeviseCode() { return deviseCode; } + public void setDeviseCode(String deviseCode) { this.deviseCode = deviseCode; } + + public boolean isActif() { return actif; } + public void setActif(boolean actif) { this.actif = actif; } + + public boolean isRecommande() { return recommande; } + public void setRecommande(boolean recommande) { this.recommande = recommande; } + + public String getCouleurTheme() { return couleurTheme; } + public void setCouleurTheme(String couleurTheme) { this.couleurTheme = couleurTheme; } + + public String getIconeFormulaire() { return iconeFormulaire; } + public void setIconeFormulaire(String iconeFormulaire) { this.iconeFormulaire = iconeFormulaire; } + + // Fonctionnalités + public boolean isGestionMembres() { return gestionMembres; } + public void setGestionMembres(boolean gestionMembres) { this.gestionMembres = gestionMembres; } + + public boolean isGestionCotisations() { return gestionCotisations; } + public void setGestionCotisations(boolean gestionCotisations) { this.gestionCotisations = gestionCotisations; } + + public boolean isGestionEvenements() { return gestionEvenements; } + public void setGestionEvenements(boolean gestionEvenements) { this.gestionEvenements = gestionEvenements; } + + public boolean isGestionAides() { return gestionAides; } + public void setGestionAides(boolean gestionAides) { this.gestionAides = gestionAides; } + + public boolean isRapportsAvances() { return rapportsAvances; } + public void setRapportsAvances(boolean rapportsAvances) { this.rapportsAvances = rapportsAvances; } + + public boolean isSupportPrioritaire() { return supportPrioritaire; } + public void setSupportPrioritaire(boolean supportPrioritaire) { this.supportPrioritaire = supportPrioritaire; } + + public boolean isSauvegardeAutomatique() { return sauvegardeAutomatique; } + public void setSauvegardeAutomatique(boolean sauvegardeAutomatique) { this.sauvegardeAutomatique = sauvegardeAutomatique; } + + public boolean isPersonnalisationAvancee() { return personnalisationAvancee; } + public void setPersonnalisationAvancee(boolean personnalisationAvancee) { this.personnalisationAvancee = personnalisationAvancee; } + + public boolean isIntegrationPaiement() { return integrationPaiement; } + public void setIntegrationPaiement(boolean integrationPaiement) { this.integrationPaiement = integrationPaiement; } + + public boolean isNotificationsEmail() { return notificationsEmail; } + public void setNotificationsEmail(boolean notificationsEmail) { this.notificationsEmail = notificationsEmail; } + + public boolean isNotificationsSMS() { return notificationsSMS; } + public void setNotificationsSMS(boolean notificationsSMS) { this.notificationsSMS = notificationsSMS; } + + public boolean isGestionDocuments() { return gestionDocuments; } + public void setGestionDocuments(boolean gestionDocuments) { this.gestionDocuments = gestionDocuments; } + + // Métadonnées + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateMiseAJour() { return dateMiseAJour; } + public void setDateMiseAJour(LocalDateTime dateMiseAJour) { this.dateMiseAJour = dateMiseAJour; } + + public String getCreePar() { return creePar; } + public void setCreePar(String creePar) { this.creePar = creePar; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + // Méthodes utilitaires + public String getPrixMensuelFormat() { + return String.format("%,.0f %s", prixMensuel, deviseCode); + } + + public String getPrixAnnuelFormat() { + return String.format("%,.0f %s", prixAnnuel, deviseCode); + } + + public BigDecimal getEconomieAnnuelle() { + if (prixMensuel != null && prixAnnuel != null) { + BigDecimal coutMensuelAnnuel = prixMensuel.multiply(BigDecimal.valueOf(12)); + return coutMensuelAnnuel.subtract(prixAnnuel); + } + return BigDecimal.ZERO; + } + + public String getEconomieAnnuelleFormat() { + BigDecimal economie = getEconomieAnnuelle(); + return String.format("%,.0f %s", economie, deviseCode); + } + + public int getPourcentageEconomie() { + if (prixMensuel != null && prixAnnuel != null) { + BigDecimal coutMensuelAnnuel = prixMensuel.multiply(BigDecimal.valueOf(12)); + BigDecimal economie = getEconomieAnnuelle(); + if (coutMensuelAnnuel.compareTo(BigDecimal.ZERO) > 0) { + return economie.multiply(BigDecimal.valueOf(100)) + .divide(coutMensuelAnnuel, 0, BigDecimal.ROUND_HALF_UP) + .intValue(); + } + } + return 0; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/MembreDTO.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/MembreDTO.java new file mode 100644 index 0000000..137aaed --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/MembreDTO.java @@ -0,0 +1,187 @@ +package dev.lions.unionflow.client.dto; + +import dev.lions.unionflow.client.validation.ValidPhoneNumber; +import dev.lions.unionflow.client.validation.ValidMemberNumber; +import dev.lions.unionflow.client.validation.ValidationGroups; +import com.fasterxml.jackson.annotation.JsonFormat; +import jakarta.validation.constraints.*; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.io.Serializable; + +public class MembreDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private Long id; + + @NotBlank(message = "Le numéro de membre est obligatoire", groups = {ValidationGroups.CreateMember.class, ValidationGroups.FullRegistration.class}) + @ValidMemberNumber(groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.FullRegistration.class}) + private String numeroMembre; + + @NotBlank(message = "Le nom est obligatoire", groups = {ValidationGroups.CreateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + @Size(min = 2, max = 50, message = "Le nom doit contenir entre 2 et 50 caractères", groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + @Pattern(regexp = "^[a-zA-ZÀ-ÿ\\s\\-']+$", message = "Le nom ne peut contenir que des lettres, espaces, tirets et apostrophes", groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + private String nom; + + @NotBlank(message = "Le prénom est obligatoire", groups = {ValidationGroups.CreateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + @Size(min = 2, max = 50, message = "Le prénom doit contenir entre 2 et 50 caractères", groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + @Pattern(regexp = "^[a-zA-ZÀ-ÿ\\s\\-']+$", message = "Le prénom ne peut contenir que des lettres, espaces, tirets et apostrophes", groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + private String prenom; + + @Email(message = "Format d'email invalide", groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + @Size(max = 100, message = "L'email ne peut pas dépasser 100 caractères", groups = {ValidationGroups.CreateMember.class, ValidationGroups.UpdateMember.class, ValidationGroups.QuickRegistration.class, ValidationGroups.FullRegistration.class}) + private String email; + + @ValidPhoneNumber + private String telephone; + + @JsonFormat(pattern = "yyyy-MM-dd") + @Past(message = "La date de naissance doit être dans le passé") + private LocalDate dateNaissance; + + @Size(max = 200, message = "L'adresse ne peut pas dépasser 200 caractères") + private String adresse; + + @Size(max = 100, message = "La profession ne peut pas dépasser 100 caractères") + private String profession; + + @Size(max = 20, message = "Le statut matrimonial ne peut pas dépasser 20 caractères") + private String statutMatrimonial; + + @Size(max = 50, message = "La nationalité ne peut pas dépasser 50 caractères") + private String nationalite; + + @Size(max = 50, message = "Le numéro d'identité ne peut pas dépasser 50 caractères") + private String numeroIdentite; + + @Size(max = 20, message = "Le type d'identité ne peut pas dépasser 20 caractères") + private String typeIdentite; + + @NotNull(message = "Le statut est obligatoire") + private String statut; + + @NotNull(message = "L'association est obligatoire") + private Long associationId; + + private String associationNom; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateInscription; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateDerniereModification; + + private String creePar; + private String modifiePar; + + // Constructeurs + public MembreDTO() {} + + public MembreDTO(String numeroMembre, String nom, String prenom, String email) { + this.numeroMembre = numeroMembre; + this.nom = nom; + this.prenom = prenom; + this.email = email; + this.statut = "ACTIF"; + this.dateInscription = LocalDateTime.now(); + } + + // Getters et Setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getStatutMatrimonial() { return statutMatrimonial; } + public void setStatutMatrimonial(String statutMatrimonial) { this.statutMatrimonial = statutMatrimonial; } + + public String getNationalite() { return nationalite; } + public void setNationalite(String nationalite) { this.nationalite = nationalite; } + + public String getNumeroIdentite() { return numeroIdentite; } + public void setNumeroIdentite(String numeroIdentite) { this.numeroIdentite = numeroIdentite; } + + public String getTypeIdentite() { return typeIdentite; } + public void setTypeIdentite(String typeIdentite) { this.typeIdentite = typeIdentite; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public Long getAssociationId() { return associationId; } + public void setAssociationId(Long associationId) { this.associationId = associationId; } + + public String getAssociationNom() { return associationNom; } + public void setAssociationNom(String associationNom) { this.associationNom = associationNom; } + + public LocalDateTime getDateInscription() { return dateInscription; } + public void setDateInscription(LocalDateTime dateInscription) { this.dateInscription = dateInscription; } + + public LocalDateTime getDateDerniereModification() { return dateDerniereModification; } + public void setDateDerniereModification(LocalDateTime dateDerniereModification) { this.dateDerniereModification = dateDerniereModification; } + + public String getCreePar() { return creePar; } + public void setCreePar(String creePar) { this.creePar = creePar; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + // Propriétés dérivées + public String getNomComplet() { + return (prenom != null ? prenom : "") + " " + (nom != null ? nom : ""); + } + + public String getStatutLibelle() { + return switch (statut != null ? statut : "") { + case "ACTIF" -> "Actif"; + case "INACTIF" -> "Inactif"; + case "SUSPENDU" -> "Suspendu"; + case "RADIE" -> "Radié"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut != null ? statut : "") { + case "ACTIF" -> "success"; + case "INACTIF" -> "warning"; + case "SUSPENDU" -> "danger"; + case "RADIE" -> "secondary"; + default -> "info"; + }; + } + + @Override + public String toString() { + return "MembreDTO{" + + "id=" + id + + ", numeroMembre='" + numeroMembre + '\'' + + ", nom='" + nom + '\'' + + ", prenom='" + prenom + '\'' + + ", email='" + email + '\'' + + ", statut='" + statut + '\'' + + '}'; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/SouscriptionDTO.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/SouscriptionDTO.java new file mode 100644 index 0000000..3fbbdc1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/SouscriptionDTO.java @@ -0,0 +1,240 @@ +package dev.lions.unionflow.client.dto; + +import jakarta.validation.constraints.NotNull; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; + +public class SouscriptionDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + public enum StatutSouscription { + ACTIVE("Actif", "text-green-600", "bg-green-100"), + SUSPENDUE("Suspendue", "text-orange-600", "bg-orange-100"), + EXPIREE("Expirée", "text-red-600", "bg-red-100"), + EN_ATTENTE_PAIEMENT("En attente de paiement", "text-blue-600", "bg-blue-100"), + ANNULEE("Annulée", "text-gray-600", "bg-gray-100"); + + private final String libelle; + private final String couleurTexte; + private final String couleurFond; + + StatutSouscription(String libelle, String couleurTexte, String couleurFond) { + this.libelle = libelle; + this.couleurTexte = couleurTexte; + this.couleurFond = couleurFond; + } + + public String getLibelle() { return libelle; } + public String getCouleurTexte() { return couleurTexte; } + public String getCouleurFond() { return couleurFond; } + } + + public enum TypeFacturation { + MENSUEL("Mensuel"), + ANNUEL("Annuel"); + + private final String libelle; + + TypeFacturation(String libelle) { + this.libelle = libelle; + } + + public String getLibelle() { return libelle; } + } + + private Long id; + + @NotNull + private Long organisationId; + private String organisationNom; + + @NotNull + private Long formulaireId; + private String formulaireNom; + + @NotNull + private StatutSouscription statut; + + @NotNull + private TypeFacturation typeFacturation; + + @NotNull + private LocalDate dateDebut; + + @NotNull + private LocalDate dateFin; + + private LocalDate dateDernierPaiement; + private LocalDate dateProchainPaiement; + + @NotNull + private Integer quotaMaxMembres; + + private Integer membresActuels = 0; + + @NotNull + private BigDecimal montantSouscription; + + private String deviseCode = "XOF"; + + private String numeroFacture; + private String referencePaiement; + + // Informations de renouvellement automatique + private boolean renouvellementAutomatique = false; + private String methodePaiementDefaut; + + // Notifications + private boolean notificationExpiration = true; + private boolean notificationQuotaAtteint = true; + private int joursAvantNotificationExpiration = 30; + + // Audit + private LocalDateTime dateCreation; + private LocalDateTime dateMiseAJour; + private String creePar; + private String modifiePar; + + public SouscriptionDTO() {} + + // Getters et Setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public Long getOrganisationId() { return organisationId; } + public void setOrganisationId(Long organisationId) { this.organisationId = organisationId; } + + public String getOrganisationNom() { return organisationNom; } + public void setOrganisationNom(String organisationNom) { this.organisationNom = organisationNom; } + + public Long getFormulaireId() { return formulaireId; } + public void setFormulaireId(Long formulaireId) { this.formulaireId = formulaireId; } + + public String getFormulaireNom() { return formulaireNom; } + public void setFormulaireNom(String formulaireNom) { this.formulaireNom = formulaireNom; } + + public StatutSouscription getStatut() { return statut; } + public void setStatut(StatutSouscription statut) { this.statut = statut; } + + public TypeFacturation getTypeFacturation() { return typeFacturation; } + public void setTypeFacturation(TypeFacturation typeFacturation) { this.typeFacturation = typeFacturation; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public LocalDate getDateDernierPaiement() { return dateDernierPaiement; } + public void setDateDernierPaiement(LocalDate dateDernierPaiement) { this.dateDernierPaiement = dateDernierPaiement; } + + public LocalDate getDateProchainPaiement() { return dateProchainPaiement; } + public void setDateProchainPaiement(LocalDate dateProchainPaiement) { this.dateProchainPaiement = dateProchainPaiement; } + + public Integer getQuotaMaxMembres() { return quotaMaxMembres; } + public void setQuotaMaxMembres(Integer quotaMaxMembres) { this.quotaMaxMembres = quotaMaxMembres; } + + public Integer getMembresActuels() { return membresActuels; } + public void setMembresActuels(Integer membresActuels) { this.membresActuels = membresActuels; } + + public BigDecimal getMontantSouscription() { return montantSouscription; } + public void setMontantSouscription(BigDecimal montantSouscription) { this.montantSouscription = montantSouscription; } + + public String getDeviseCode() { return deviseCode; } + public void setDeviseCode(String deviseCode) { this.deviseCode = deviseCode; } + + public String getNumeroFacture() { return numeroFacture; } + public void setNumeroFacture(String numeroFacture) { this.numeroFacture = numeroFacture; } + + public String getReferencePaiement() { return referencePaiement; } + public void setReferencePaiement(String referencePaiement) { this.referencePaiement = referencePaiement; } + + public boolean isRenouvellementAutomatique() { return renouvellementAutomatique; } + public void setRenouvellementAutomatique(boolean renouvellementAutomatique) { this.renouvellementAutomatique = renouvellementAutomatique; } + + public String getMethodePaiementDefaut() { return methodePaiementDefaut; } + public void setMethodePaiementDefaut(String methodePaiementDefaut) { this.methodePaiementDefaut = methodePaiementDefaut; } + + public boolean isNotificationExpiration() { return notificationExpiration; } + public void setNotificationExpiration(boolean notificationExpiration) { this.notificationExpiration = notificationExpiration; } + + public boolean isNotificationQuotaAtteint() { return notificationQuotaAtteint; } + public void setNotificationQuotaAtteint(boolean notificationQuotaAtteint) { this.notificationQuotaAtteint = notificationQuotaAtteint; } + + public int getJoursAvantNotificationExpiration() { return joursAvantNotificationExpiration; } + public void setJoursAvantNotificationExpiration(int joursAvantNotificationExpiration) { this.joursAvantNotificationExpiration = joursAvantNotificationExpiration; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateMiseAJour() { return dateMiseAJour; } + public void setDateMiseAJour(LocalDateTime dateMiseAJour) { this.dateMiseAJour = dateMiseAJour; } + + public String getCreePar() { return creePar; } + public void setCreePar(String creePar) { this.creePar = creePar; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + // Méthodes utilitaires + public boolean isActive() { + return statut == StatutSouscription.ACTIVE && !isExpiree(); + } + + public boolean isExpiree() { + return LocalDate.now().isAfter(dateFin); + } + + public boolean isQuotaAtteint() { + return membresActuels != null && quotaMaxMembres != null && + membresActuels >= quotaMaxMembres; + } + + public int getMembresRestants() { + if (membresActuels != null && quotaMaxMembres != null) { + return Math.max(0, quotaMaxMembres - membresActuels); + } + return 0; + } + + public int getPourcentageUtilisation() { + if (membresActuels != null && quotaMaxMembres != null && quotaMaxMembres > 0) { + return (membresActuels * 100) / quotaMaxMembres; + } + return 0; + } + + public String getMontantFormat() { + if (montantSouscription != null) { + return String.format("%,.0f %s", montantSouscription, deviseCode); + } + return "0 " + deviseCode; + } + + public String getStatutCouleurClass() { + return statut != null ? statut.getCouleurTexte() : "text-gray-600"; + } + + public String getStatutFondClass() { + return statut != null ? statut.getCouleurFond() : "bg-gray-100"; + } + + public String getStatutLibelle() { + return statut != null ? statut.getLibelle() : "Inconnu"; + } + + public long getJoursRestants() { + if (dateFin != null) { + return LocalDate.now().until(dateFin).getDays(); + } + return 0; + } + + public boolean isExpirationProche() { + long joursRestants = getJoursRestants(); + return joursRestants <= joursAvantNotificationExpiration && joursRestants > 0; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/auth/LoginRequest.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/auth/LoginRequest.java new file mode 100644 index 0000000..0d9afc9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/auth/LoginRequest.java @@ -0,0 +1,60 @@ +package dev.lions.unionflow.client.dto.auth; + +import jakarta.validation.constraints.NotBlank; +import jakarta.validation.constraints.Size; + +public class LoginRequest { + + @NotBlank(message = "L'email ou nom d'utilisateur est requis") + @Size(min = 3, max = 100, message = "L'email ou nom d'utilisateur doit contenir entre 3 et 100 caractères") + private String username; + + @NotBlank(message = "Le mot de passe est requis") + @Size(min = 6, message = "Le mot de passe doit contenir au moins 6 caractères") + private String password; + + @NotBlank(message = "Le type de compte est requis") + private String typeCompte; + + private boolean rememberMe; + + public LoginRequest() {} + + public LoginRequest(String username, String password, String typeCompte) { + this.username = username; + this.password = password; + this.typeCompte = typeCompte; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getPassword() { + return password; + } + + public void setPassword(String password) { + this.password = password; + } + + public String getTypeCompte() { + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public boolean isRememberMe() { + return rememberMe; + } + + public void setRememberMe(boolean rememberMe) { + this.rememberMe = rememberMe; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/auth/LoginResponse.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/auth/LoginResponse.java new file mode 100644 index 0000000..2626d19 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/dto/auth/LoginResponse.java @@ -0,0 +1,223 @@ +package dev.lions.unionflow.client.dto.auth; + +import java.time.LocalDateTime; +import java.util.List; + +public class LoginResponse { + + private String accessToken; + private String refreshToken; + private String tokenType = "Bearer"; + private Long expiresIn; + private LocalDateTime expirationDate; + + private UserInfo user; + + public LoginResponse() {} + + public LoginResponse(String accessToken, String refreshToken, Long expiresIn, UserInfo user) { + this.accessToken = accessToken; + this.refreshToken = refreshToken; + this.expiresIn = expiresIn; + this.user = user; + this.expirationDate = LocalDateTime.now().plusSeconds(expiresIn); + } + + public String getAccessToken() { + return accessToken; + } + + public void setAccessToken(String accessToken) { + this.accessToken = accessToken; + } + + public String getRefreshToken() { + return refreshToken; + } + + public void setRefreshToken(String refreshToken) { + this.refreshToken = refreshToken; + } + + public String getTokenType() { + return tokenType; + } + + public void setTokenType(String tokenType) { + this.tokenType = tokenType; + } + + public Long getExpiresIn() { + return expiresIn; + } + + public void setExpiresIn(Long expiresIn) { + this.expiresIn = expiresIn; + if (expiresIn != null) { + this.expirationDate = LocalDateTime.now().plusSeconds(expiresIn); + } + } + + public LocalDateTime getExpirationDate() { + return expirationDate; + } + + public void setExpirationDate(LocalDateTime expirationDate) { + this.expirationDate = expirationDate; + } + + public UserInfo getUser() { + return user; + } + + public void setUser(UserInfo user) { + this.user = user; + } + + public boolean isExpired() { + return expirationDate != null && LocalDateTime.now().isAfter(expirationDate); + } + + public static class UserInfo { + private Long id; + private String nom; + private String prenom; + private String email; + private String username; + private String typeCompte; + private List roles; + private List permissions; + private EntiteInfo entite; + + public UserInfo() {} + + public Long getId() { + return id; + } + + public void setId(Long id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getPrenom() { + return prenom; + } + + public void setPrenom(String prenom) { + this.prenom = prenom; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getTypeCompte() { + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public List getRoles() { + return roles; + } + + public void setRoles(List roles) { + this.roles = roles; + } + + public List getPermissions() { + return permissions; + } + + public void setPermissions(List permissions) { + this.permissions = permissions; + } + + public EntiteInfo getEntite() { + return entite; + } + + public void setEntite(EntiteInfo entite) { + this.entite = entite; + } + + public String getNomComplet() { + if (prenom != null && nom != null) { + return prenom + " " + nom; + } + return nom != null ? nom : username; + } + } + + public static class EntiteInfo { + private Long id; + private String nom; + private String type; + private String pays; + private String ville; + + public EntiteInfo() {} + + public Long getId() { + return id; + } + + public void setId(Long id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + + public String getPays() { + return pays; + } + + public void setPays(String pays) { + this.pays = pays; + } + + public String getVille() { + return ville; + } + + public void setVille(String ville) { + this.ville = ville; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandler.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandler.java new file mode 100644 index 0000000..758cfd0 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandler.java @@ -0,0 +1,87 @@ +package dev.lions.unionflow.client.exception; + +import jakarta.faces.FacesException; +import jakarta.faces.application.NavigationHandler; +import jakarta.faces.application.ViewExpiredException; +import jakarta.faces.context.ExceptionHandler; +import jakarta.faces.context.ExceptionHandlerWrapper; +import jakarta.faces.context.FacesContext; +import jakarta.faces.event.ExceptionQueuedEvent; +import jakarta.faces.event.ExceptionQueuedEventContext; +import java.util.Iterator; +import java.util.Map; +import java.util.logging.Level; +import java.util.logging.Logger; + +public class ViewExpiredExceptionHandler extends ExceptionHandlerWrapper { + + private static final Logger LOG = Logger.getLogger(ViewExpiredExceptionHandler.class.getName()); + private ExceptionHandler wrapped; + + public ViewExpiredExceptionHandler(ExceptionHandler wrapped) { + this.wrapped = wrapped; + } + + @Override + public ExceptionHandler getWrapped() { + return wrapped; + } + + @Override + public void handle() throws FacesException { + Iterator iterator = getUnhandledExceptionQueuedEvents().iterator(); + + while (iterator.hasNext()) { + ExceptionQueuedEvent event = iterator.next(); + ExceptionQueuedEventContext context = (ExceptionQueuedEventContext) event.getSource(); + Throwable throwable = context.getException(); + + if (throwable instanceof ViewExpiredException) { + ViewExpiredException vee = (ViewExpiredException) throwable; + FacesContext facesContext = FacesContext.getCurrentInstance(); + + try { + LOG.log(Level.INFO, "ViewExpiredException interceptée pour la vue: {0}", vee.getViewId()); + + // Vérifier que FacesContext et ExternalContext sont disponibles + if (facesContext != null && facesContext.getExternalContext() != null) { + // Stocker l'URL demandée pour redirection après connexion si possible + String originalURL = vee.getViewId(); + try { + if (facesContext.getExternalContext().getSessionMap() != null) { + facesContext.getExternalContext().getSessionMap().put("redirectURL", originalURL); + } + } catch (Exception e) { + LOG.log(Level.WARNING, "Impossible de stocker l'URL de redirection: {0}", e.getMessage()); + } + + // Rediriger vers la page de login avec paramètre expired + try { + String redirectURL = "/pages/public/login.xhtml?expired=true"; + facesContext.getExternalContext().redirect( + facesContext.getExternalContext().getRequestContextPath() + redirectURL + ); + facesContext.responseComplete(); + } catch (Exception e) { + LOG.log(Level.SEVERE, "Erreur lors de la redirection: {0}", e.getMessage()); + // Fallback: essayer une redirection simple + try { + facesContext.getExternalContext().redirect("/pages/public/login.xhtml"); + facesContext.responseComplete(); + } catch (Exception fallbackException) { + LOG.log(Level.SEVERE, "Impossible de rediriger vers login: {0}", fallbackException.getMessage()); + } + } + } + } catch (Exception e) { + LOG.log(Level.SEVERE, "Erreur dans ViewExpiredExceptionHandler: {0}", e.getMessage()); + } finally { + iterator.remove(); + } + } + } + + // Laisser le parent gérer les autres exceptions + getWrapped().handle(); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandlerFactory.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandlerFactory.java new file mode 100644 index 0000000..1d27c6a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandlerFactory.java @@ -0,0 +1,18 @@ +package dev.lions.unionflow.client.exception; + +import jakarta.faces.context.ExceptionHandler; +import jakarta.faces.context.ExceptionHandlerFactory; + +public class ViewExpiredExceptionHandlerFactory extends ExceptionHandlerFactory { + + private ExceptionHandlerFactory parent; + + public ViewExpiredExceptionHandlerFactory(ExceptionHandlerFactory parent) { + this.parent = parent; + } + + @Override + public ExceptionHandler getExceptionHandler() { + return new ViewExpiredExceptionHandler(parent.getExceptionHandler()); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/AuthenticationFilter.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/AuthenticationFilter.java new file mode 100644 index 0000000..5e1b016 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/AuthenticationFilter.java @@ -0,0 +1,89 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.view.UserSession; +import jakarta.inject.Inject; +import jakarta.servlet.*; +import jakarta.servlet.annotation.WebFilter; +import jakarta.servlet.http.HttpServletRequest; +import jakarta.servlet.http.HttpServletResponse; +import java.io.IOException; +import java.util.logging.Logger; + +@WebFilter(urlPatterns = {"/pages/secure/*", "/pages/admin/*", "/pages/super-admin/*", "/pages/membre/*"}) +public class AuthenticationFilter implements Filter { + + private static final Logger LOGGER = Logger.getLogger(AuthenticationFilter.class.getName()); + + @Inject + private UserSession userSession; + + @Inject + private JwtTokenManager tokenManager; + + @Override + public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) + throws IOException, ServletException { + + HttpServletRequest httpRequest = (HttpServletRequest) request; + HttpServletResponse httpResponse = (HttpServletResponse) response; + + String requestURI = httpRequest.getRequestURI(); + + // Vérifier si l'utilisateur est authentifié + if (!isAuthenticated()) { + LOGGER.warning("Accès non autorisé à: " + requestURI); + httpResponse.sendRedirect(httpRequest.getContextPath() + "/pages/public/login.xhtml"); + return; + } + + // Vérifier les autorisations spécifiques + if (!hasRequiredPermissions(requestURI)) { + LOGGER.warning("Permissions insuffisantes pour: " + requestURI + + " (Utilisateur: " + userSession.getUsername() + + ", Type: " + userSession.getTypeCompte() + ")"); + httpResponse.sendRedirect(httpRequest.getContextPath() + "/pages/secure/access-denied.xhtml"); + return; + } + + // Continuer la chaîne de filtres + chain.doFilter(request, response); + } + + private boolean isAuthenticated() { + return userSession != null && + userSession.isAuthenticated() && + tokenManager != null && + tokenManager.hasValidTokens(); + } + + private boolean hasRequiredPermissions(String requestURI) { + if (requestURI.contains("/pages/super-admin/")) { + return userSession.isSuperAdmin(); + } + + if (requestURI.contains("/pages/admin/")) { + return userSession.isAdmin(); + } + + if (requestURI.contains("/pages/membre/")) { + return userSession.isMembre(); + } + + // Pages sécurisées générales - tout utilisateur authentifié + if (requestURI.contains("/pages/secure/")) { + return true; + } + + return false; + } + + @Override + public void init(FilterConfig filterConfig) throws ServletException { + LOGGER.info("Filtre d'authentification initialisé"); + } + + @Override + public void destroy() { + LOGGER.info("Filtre d'authentification détruit"); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/JwtClientRequestFilter.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/JwtClientRequestFilter.java new file mode 100644 index 0000000..bb508c6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/JwtClientRequestFilter.java @@ -0,0 +1,39 @@ +package dev.lions.unionflow.client.security; + +import jakarta.annotation.Priority; +import jakarta.inject.Inject; +import jakarta.ws.rs.client.ClientRequestContext; +import jakarta.ws.rs.client.ClientRequestFilter; +import jakarta.ws.rs.core.HttpHeaders; +import jakarta.ws.rs.ext.Provider; +import java.io.IOException; +import java.util.logging.Logger; + +@Provider +@Priority(1000) +public class JwtClientRequestFilter implements ClientRequestFilter { + + private static final Logger LOGGER = Logger.getLogger(JwtClientRequestFilter.class.getName()); + + @Inject + private JwtTokenManager tokenManager; + + @Override + public void filter(ClientRequestContext requestContext) throws IOException { + String authHeader = tokenManager.getAuthorizationHeader(); + + if (authHeader != null && !isAuthEndpoint(requestContext.getUri().getPath())) { + requestContext.getHeaders().add(HttpHeaders.AUTHORIZATION, authHeader); + LOGGER.fine("JWT token ajouté à la requête: " + requestContext.getUri()); + } + } + + private boolean isAuthEndpoint(String path) { + return path != null && ( + path.contains("/auth/login") || + path.contains("/auth/register") || + path.contains("/auth/refresh") || + path.contains("/public/") + ); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/JwtTokenManager.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/JwtTokenManager.java new file mode 100644 index 0000000..19b7a81 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/JwtTokenManager.java @@ -0,0 +1,129 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.util.logging.Logger; + +@Named("jwtTokenManager") +@SessionScoped +public class JwtTokenManager implements Serializable { + + private static final Logger LOGGER = Logger.getLogger(JwtTokenManager.class.getName()); + + @Inject + private TokenRefreshService tokenRefreshService; + + private String accessToken; + private String refreshToken; + private LocalDateTime expirationDate; + private String tokenType = "Bearer"; + + public void setTokens(LoginResponse loginResponse) { + this.accessToken = loginResponse.getAccessToken(); + this.refreshToken = loginResponse.getRefreshToken(); + this.expirationDate = loginResponse.getExpirationDate(); + this.tokenType = loginResponse.getTokenType(); + + // Enregistrer le token dans le service global + String sessionId = getSessionId(); + if (sessionId != null) { + tokenRefreshService.registerToken(sessionId, + this.accessToken, + this.refreshToken, + loginResponse.getExpiresIn()); + } + + LOGGER.info("Tokens JWT mis à jour. Expiration: " + expirationDate); + } + + public String getAccessToken() { + return accessToken; + } + + public String getRefreshToken() { + return refreshToken; + } + + public String getAuthorizationHeader() { + if (accessToken != null) { + return tokenType + " " + accessToken; + } + return null; + } + + public boolean isTokenValid() { + if (accessToken == null || expirationDate == null) { + return false; + } + + // Considérer le token comme expiré 30 secondes avant l'expiration réelle + LocalDateTime expirationWithBuffer = expirationDate.minusSeconds(30); + return LocalDateTime.now().isBefore(expirationWithBuffer); + } + + public boolean needsRefresh() { + if (accessToken == null || expirationDate == null) { + return false; + } + + // Rafraîchir le token 5 minutes avant l'expiration + LocalDateTime refreshThreshold = expirationDate.minusMinutes(5); + return LocalDateTime.now().isAfter(refreshThreshold); + } + + public long getTimeUntilExpiration() { + if (expirationDate == null) { + return 0; + } + + LocalDateTime now = LocalDateTime.now(); + if (now.isAfter(expirationDate)) { + return 0; + } + + return java.time.Duration.between(now, expirationDate).getSeconds(); + } + + public void clearTokens() { + this.accessToken = null; + this.refreshToken = null; + this.expirationDate = null; + + // Supprimer le token du service global + String sessionId = getSessionId(); + if (sessionId != null) { + tokenRefreshService.removeToken(sessionId); + } + + LOGGER.info("Tokens JWT supprimés"); + } + + private String getSessionId() { + try { + FacesContext facesContext = FacesContext.getCurrentInstance(); + if (facesContext != null && facesContext.getExternalContext() != null) { + return facesContext.getExternalContext().getSessionId(false); + } + } catch (Exception e) { + LOGGER.fine("Impossible de récupérer l'ID de session: " + e.getMessage()); + } + return null; + } + + public boolean hasValidTokens() { + return accessToken != null && refreshToken != null && isTokenValid(); + } + + public LocalDateTime getExpirationDate() { + return expirationDate; + } + + public String getTokenType() { + return tokenType; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/PermissionChecker.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/PermissionChecker.java new file mode 100644 index 0000000..f44170a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/PermissionChecker.java @@ -0,0 +1,239 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.view.UserSession; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; + +@Named("permissionChecker") +@RequestScoped +public class PermissionChecker implements Serializable { + + private static final long serialVersionUID = 1L; + + @Inject + private UserSession userSession; + + // Vérifications basées sur le rôle utilisateur + public boolean hasRole(String role) { + if (userSession == null || !userSession.isAuthenticated()) { + return false; + } + + String userRole = userSession.getRole(); + return role.equals(userRole); + } + + public boolean hasAnyRole(String... roles) { + if (userSession == null || !userSession.isAuthenticated()) { + return false; + } + + String userRole = userSession.getRole(); + for (String role : roles) { + if (role.equals(userRole)) { + return true; + } + } + return false; + } + + // Vérifications basées sur les permissions + public boolean canManageMembers() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE"); + } + + public boolean canValidateMembers() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE"); + } + + public boolean canManageFinances() { + return hasAnyRole("ADMIN", "TRESORIER", "GESTIONNAIRE_FINANCE"); + } + + public boolean canManageEvents() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_EVENEMENT"); + } + + public boolean canManageAides() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_AIDE"); + } + + public boolean canViewReports() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE", "TRESORIER"); + } + + public boolean canManageSubscription() { + return hasRole("ADMIN"); + } + + public boolean canManageOrganization() { + return hasRole("ADMIN"); + } + + public boolean canAccessSuperAdmin() { + return hasRole("SUPER_ADMIN"); + } + + // Vérifications basées sur les fonctionnalités du forfait + public boolean isFeatureEnabled(String feature) { + // Cette méthode vérifiera si la fonctionnalité est incluse dans le forfait souscrit + // Pour l'instant, simulation basée sur des rôles + + switch (feature.toLowerCase()) { + case "gestion_membres": + return true; // Toujours disponible + + case "gestion_cotisations": + return true; // Toujours disponible + + case "gestion_evenements": + return !hasRole("MEMBER"); // Pas pour les membres simples + + case "gestion_aides": + return hasAnyRole("ADMIN", "GESTIONNAIRE_AIDE"); + + case "rapports_avances": + return hasAnyRole("ADMIN", "SUPER_ADMIN"); + + case "integration_paiement": + return hasAnyRole("ADMIN", "TRESORIER"); + + case "notifications_sms": + return hasAnyRole("ADMIN", "SUPER_ADMIN"); + + case "gestion_documents": + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE"); + + case "support_prioritaire": + return hasAnyRole("ADMIN", "SUPER_ADMIN"); + + case "personnalisation_avancee": + return hasRole("SUPER_ADMIN"); + + default: + return false; + } + } + + // Vérifications pour l'interface utilisateur + public boolean showCreateMemberButton() { + return canManageMembers() && isFeatureEnabled("gestion_membres"); + } + + public boolean showValidateMemberButton() { + return canValidateMembers() && isFeatureEnabled("gestion_membres"); + } + + public boolean showFinancialSection() { + return canManageFinances() && isFeatureEnabled("gestion_cotisations"); + } + + public boolean showEventsSection() { + return canManageEvents() && isFeatureEnabled("gestion_evenements"); + } + + public boolean showAidesSection() { + return canManageAides() && isFeatureEnabled("gestion_aides"); + } + + public boolean showReportsSection() { + return canViewReports() && isFeatureEnabled("rapports_avances"); + } + + public boolean showSubscriptionManagement() { + return canManageSubscription(); + } + + public boolean showAdvancedSettings() { + return canManageOrganization() && isFeatureEnabled("personnalisation_avancee"); + } + + public boolean showSuperAdminFeatures() { + return canAccessSuperAdmin(); + } + + // Vérifications spécifiques aux actions + public boolean canCreateEvent() { + return canManageEvents() && isFeatureEnabled("gestion_evenements"); + } + + public boolean canProcessAideRequest() { + return canManageAides() && isFeatureEnabled("gestion_aides"); + } + + public boolean canExportData() { + return canViewReports() && isFeatureEnabled("rapports_avances"); + } + + public boolean canSendNotifications() { + return canManageMembers() && (isFeatureEnabled("notifications_email") || isFeatureEnabled("notifications_sms")); + } + + public boolean canManageDocuments() { + return canManageMembers() && isFeatureEnabled("gestion_documents"); + } + + // Vérifications pour les limites + public boolean canAddNewMember() { + if (!canManageMembers()) { + return false; + } + + // Vérifier le quota de membres (sera implémenté avec SouscriptionBean) + // Pour l'instant, toujours vrai si on a les permissions + return true; + } + + // Méthodes utilitaires pour l'affichage conditionnel + public String getRoleBasedStyleClass() { + if (!userSession.isAuthenticated()) { + return "guest-mode"; + } + + String role = userSession.getRole(); + switch (role) { + case "SUPER_ADMIN": + return "super-admin-mode"; + case "ADMIN": + return "admin-mode"; + case "GESTIONNAIRE_MEMBRE": + return "gestionnaire-mode"; + case "TRESORIER": + return "tresorier-mode"; + case "MEMBER": + default: + return "member-mode"; + } + } + + public String getPermissionMessage(String action) { + return "Vous n'avez pas les permissions nécessaires pour " + action; + } + + // Getters pour utilisation dans les expressions EL + public boolean isAuthenticated() { + return userSession != null && userSession.isAuthenticated(); + } + + public boolean isSuperAdmin() { + return hasRole("SUPER_ADMIN"); + } + + public boolean isAdmin() { + return hasRole("ADMIN"); + } + + public boolean isMember() { + return hasRole("MEMBER"); + } + + public boolean isGestionnaire() { + return hasAnyRole("GESTIONNAIRE_MEMBRE", "GESTIONNAIRE_EVENEMENT", "GESTIONNAIRE_AIDE", "GESTIONNAIRE_FINANCE"); + } + + public boolean isTresorier() { + return hasRole("TRESORIER"); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/TokenCleanupService.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/TokenCleanupService.java new file mode 100644 index 0000000..9db1c3e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/TokenCleanupService.java @@ -0,0 +1,26 @@ +package dev.lions.unionflow.client.security; + +import io.quarkus.scheduler.Scheduled; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Inject; +import java.util.logging.Logger; + +@ApplicationScoped +public class TokenCleanupService { + + private static final Logger LOGGER = Logger.getLogger(TokenCleanupService.class.getName()); + + @Inject + private TokenRefreshService tokenRefreshService; + + @Scheduled(every = "10m") + public void cleanupExpiredTokens() { + try { + LOGGER.fine("Exécution du nettoyage des tokens expirés"); + tokenRefreshService.cleanupExpiredTokens(); + LOGGER.fine("Nettoyage des tokens terminé"); + } catch (Exception e) { + LOGGER.warning("Erreur lors du nettoyage des tokens: " + e.getMessage()); + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/TokenRefreshService.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/TokenRefreshService.java new file mode 100644 index 0000000..a2274ed --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/security/TokenRefreshService.java @@ -0,0 +1,150 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import dev.lions.unionflow.client.service.AuthenticationService; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Inject; +import java.util.Map; +import java.util.concurrent.ConcurrentHashMap; +import java.util.logging.Logger; + +@ApplicationScoped +public class TokenRefreshService { + + private static final Logger LOGGER = Logger.getLogger(TokenRefreshService.class.getName()); + + @Inject + private AuthenticationService authService; + + // Stockage des tokens au niveau application pour éviter les problèmes de contexte session + private final Map activeTokens = new ConcurrentHashMap<>(); + + private static class TokenInfo { + String accessToken; + String refreshToken; + long expirationTime; + String sessionId; + + TokenInfo(String accessToken, String refreshToken, long expirationTime, String sessionId) { + this.accessToken = accessToken; + this.refreshToken = refreshToken; + this.expirationTime = expirationTime; + this.sessionId = sessionId; + } + + boolean needsRefresh() { + // Rafraîchir 5 minutes avant l'expiration + long timeUntilExpiration = expirationTime - System.currentTimeMillis(); + return timeUntilExpiration < 300000; // 5 minutes en millisecondes + } + + boolean isExpired() { + return System.currentTimeMillis() > expirationTime; + } + } + + public void registerToken(String sessionId, String accessToken, String refreshToken, long expiresIn) { + if (sessionId != null && accessToken != null) { + long expirationTime = System.currentTimeMillis() + (expiresIn * 1000); + activeTokens.put(sessionId, new TokenInfo(accessToken, refreshToken, expirationTime, sessionId)); + LOGGER.info("Token enregistré pour la session: " + sessionId); + } + } + + public void removeToken(String sessionId) { + if (sessionId != null) { + activeTokens.remove(sessionId); + LOGGER.info("Token supprimé pour la session: " + sessionId); + } + } + + // Cette méthode n'est plus appelée par le scheduler pour éviter les problèmes de contexte + // Elle peut être appelée manuellement depuis un contexte avec session active + public void checkAndRefreshTokens(String sessionId) { + try { + TokenInfo tokenInfo = activeTokens.get(sessionId); + + if (tokenInfo != null && tokenInfo.needsRefresh() && tokenInfo.refreshToken != null) { + LOGGER.info("Rafraîchissement du token JWT nécessaire pour session: " + sessionId); + + LoginResponse refreshedResponse = authService.refreshToken(tokenInfo.refreshToken); + + if (refreshedResponse != null) { + // Mettre à jour les tokens stockés + registerToken(sessionId, + refreshedResponse.getAccessToken(), + refreshedResponse.getRefreshToken(), + refreshedResponse.getExpiresIn()); + + LOGGER.info("Token JWT rafraîchi avec succès pour session: " + sessionId); + } else { + LOGGER.warning("Échec du rafraîchissement du token JWT pour session: " + sessionId); + handleTokenRefreshFailure(sessionId); + } + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du rafraîchissement du token: " + e.getMessage()); + handleTokenRefreshFailure(sessionId); + } + } + + public boolean tryRefreshTokenNow(String sessionId) { + try { + TokenInfo tokenInfo = activeTokens.get(sessionId); + + if (tokenInfo != null && tokenInfo.refreshToken != null) { + LoginResponse refreshedResponse = authService.refreshToken(tokenInfo.refreshToken); + + if (refreshedResponse != null) { + registerToken(sessionId, + refreshedResponse.getAccessToken(), + refreshedResponse.getRefreshToken(), + refreshedResponse.getExpiresIn()); + + LOGGER.info("Token rafraîchi manuellement avec succès pour session: " + sessionId); + return true; + } + } + } catch (Exception e) { + LOGGER.warning("Échec du rafraîchissement manuel du token: " + e.getMessage()); + } + + return false; + } + + private void handleTokenRefreshFailure(String sessionId) { + // En cas d'échec du rafraîchissement, supprimer le token + removeToken(sessionId); + LOGGER.info("Session expirée - token supprimé pour: " + sessionId); + } + + public boolean isTokenExpired(String sessionId) { + TokenInfo tokenInfo = activeTokens.get(sessionId); + return tokenInfo == null || tokenInfo.isExpired(); + } + + public long getTimeUntilExpiration(String sessionId) { + TokenInfo tokenInfo = activeTokens.get(sessionId); + if (tokenInfo != null) { + long timeLeft = tokenInfo.expirationTime - System.currentTimeMillis(); + return Math.max(0, timeLeft / 1000); // Retourner en secondes + } + return 0; + } + + public String getAccessToken(String sessionId) { + TokenInfo tokenInfo = activeTokens.get(sessionId); + return tokenInfo != null ? tokenInfo.accessToken : null; + } + + // Méthode pour nettoyer les tokens expirés périodiquement + public void cleanupExpiredTokens() { + activeTokens.entrySet().removeIf(entry -> { + boolean expired = entry.getValue().isExpired(); + if (expired) { + LOGGER.info("Suppression du token expiré pour session: " + entry.getKey()); + } + return expired; + }); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/AssociationService.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/AssociationService.java new file mode 100644 index 0000000..a977a8e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/AssociationService.java @@ -0,0 +1,167 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/associations") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface AssociationService { + + @GET + List listerToutes(); + + @GET + @Path("/{id}") + AssociationDTO obtenirParId(@PathParam("id") Long id); + + @GET + @Path("/search") + List rechercher( + @QueryParam("nom") String nom, + @QueryParam("type") String type, + @QueryParam("statut") String statut, + @QueryParam("region") String region, + @QueryParam("ville") String ville, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @GET + @Path("/actives") + List listerActives(); + + @GET + @Path("/type/{type}") + List listerParType(@PathParam("type") String type); + + @GET + @Path("/region/{region}") + List listerParRegion(@PathParam("region") String region); + + @POST + AssociationDTO creer(AssociationDTO association); + + @PUT + @Path("/{id}") + AssociationDTO modifier(@PathParam("id") Long id, AssociationDTO association); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") Long id); + + @PUT + @Path("/{id}/activer") + AssociationDTO activer(@PathParam("id") Long id); + + @PUT + @Path("/{id}/desactiver") + AssociationDTO desactiver(@PathParam("id") Long id); + + @PUT + @Path("/{id}/suspendre") + AssociationDTO suspendre(@PathParam("id") Long id); + + @PUT + @Path("/{id}/dissoudre") + AssociationDTO dissoudre(@PathParam("id") Long id); + + @GET + @Path("/statistiques") + StatistiquesAssociationDTO obtenirStatistiques(); + + @GET + @Path("/{id}/membres/count") + Long compterMembres(@PathParam("id") Long id); + + @GET + @Path("/{id}/performance") + PerformanceAssociationDTO obtenirPerformance(@PathParam("id") Long id); + + // Classes DTO internes + class StatistiquesAssociationDTO { + public Long totalAssociations; + public Long associationsActives; + public Long associationsInactives; + public Long associationsSuspendues; + public Long associationsDissoutes; + public Long nouvellesAssociations30Jours; + public Double tauxActivite; + public java.util.Map repartitionParType; + public java.util.Map repartitionParRegion; + + // Constructeurs + public StatistiquesAssociationDTO() {} + + // Getters et setters + public Long getTotalAssociations() { return totalAssociations; } + public void setTotalAssociations(Long totalAssociations) { this.totalAssociations = totalAssociations; } + + public Long getAssociationsActives() { return associationsActives; } + public void setAssociationsActives(Long associationsActives) { this.associationsActives = associationsActives; } + + public Long getAssociationsInactives() { return associationsInactives; } + public void setAssociationsInactives(Long associationsInactives) { this.associationsInactives = associationsInactives; } + + public Long getAssociationsSuspendues() { return associationsSuspendues; } + public void setAssociationsSuspendues(Long associationsSuspendues) { this.associationsSuspendues = associationsSuspendues; } + + public Long getAssociationsDissoutes() { return associationsDissoutes; } + public void setAssociationsDissoutes(Long associationsDissoutes) { this.associationsDissoutes = associationsDissoutes; } + + public Long getNouvellesAssociations30Jours() { return nouvellesAssociations30Jours; } + public void setNouvellesAssociations30Jours(Long nouvellesAssociations30Jours) { this.nouvellesAssociations30Jours = nouvellesAssociations30Jours; } + + public Double getTauxActivite() { return tauxActivite; } + public void setTauxActivite(Double tauxActivite) { this.tauxActivite = tauxActivite; } + + public java.util.Map getRepartitionParType() { return repartitionParType; } + public void setRepartitionParType(java.util.Map repartitionParType) { this.repartitionParType = repartitionParType; } + + public java.util.Map getRepartitionParRegion() { return repartitionParRegion; } + public void setRepartitionParRegion(java.util.Map repartitionParRegion) { this.repartitionParRegion = repartitionParRegion; } + } + + class PerformanceAssociationDTO { + public Long associationId; + public String nom; + public Integer scoreGlobal; + public Integer scoreMembres; + public Integer scoreActivites; + public Integer scoreFinances; + public String tendance; + public java.time.LocalDateTime derniereMiseAJour; + + // Constructeurs + public PerformanceAssociationDTO() {} + + // Getters et setters + public Long getAssociationId() { return associationId; } + public void setAssociationId(Long associationId) { this.associationId = associationId; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public Integer getScoreGlobal() { return scoreGlobal; } + public void setScoreGlobal(Integer scoreGlobal) { this.scoreGlobal = scoreGlobal; } + + public Integer getScoreMembres() { return scoreMembres; } + public void setScoreMembres(Integer scoreMembres) { this.scoreMembres = scoreMembres; } + + public Integer getScoreActivites() { return scoreActivites; } + public void setScoreActivites(Integer scoreActivites) { this.scoreActivites = scoreActivites; } + + public Integer getScoreFinances() { return scoreFinances; } + public void setScoreFinances(Integer scoreFinances) { this.scoreFinances = scoreFinances; } + + public String getTendance() { return tendance; } + public void setTendance(String tendance) { this.tendance = tendance; } + + public java.time.LocalDateTime getDerniereMiseAJour() { return derniereMiseAJour; } + public void setDerniereMiseAJour(java.time.LocalDateTime derniereMiseAJour) { this.derniereMiseAJour = derniereMiseAJour; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/AuthenticationService.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/AuthenticationService.java new file mode 100644 index 0000000..f6e7e85 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/AuthenticationService.java @@ -0,0 +1,170 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.auth.LoginRequest; +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.ws.rs.client.Client; +import jakarta.ws.rs.client.ClientBuilder; +import jakarta.ws.rs.client.Entity; +import jakarta.ws.rs.core.MediaType; +import jakarta.ws.rs.core.Response; +import org.eclipse.microprofile.config.inject.ConfigProperty; +import java.util.logging.Logger; + +@ApplicationScoped +public class AuthenticationService { + + private static final Logger LOGGER = Logger.getLogger(AuthenticationService.class.getName()); + + @ConfigProperty(name = "unionflow.backend.url", defaultValue = "http://localhost:8080") + String backendUrl; + + private final Client client; + + public AuthenticationService() { + this.client = ClientBuilder.newClient(); + } + + public LoginResponse authenticate(LoginRequest loginRequest) { + try { + String endpoint = backendUrl + "/api/auth/login"; + + LOGGER.info("Tentative d'authentification vers: " + endpoint); + + Response response = client.target(endpoint) + .request(MediaType.APPLICATION_JSON) + .post(Entity.entity(loginRequest, MediaType.APPLICATION_JSON)); + + if (response.getStatus() == 200) { + LoginResponse loginResponse = response.readEntity(LoginResponse.class); + LOGGER.info("Authentification réussie pour l'utilisateur: " + loginRequest.getUsername()); + return loginResponse; + } else { + LOGGER.warning("Échec de l'authentification. Code de statut: " + response.getStatus()); + throw new AuthenticationException("Nom d'utilisateur ou mot de passe incorrect"); + } + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'authentification: " + e.getMessage()); + + // Mode simulation pour le développement + if ("demo".equals(loginRequest.getUsername()) || isValidDemoCredentials(loginRequest)) { + return createDemoLoginResponse(loginRequest); + } + + throw new AuthenticationException("Erreur de connexion au serveur d'authentification"); + } + } + + public LoginResponse refreshToken(String refreshToken) { + try { + String endpoint = backendUrl + "/api/auth/refresh"; + + Response response = client.target(endpoint) + .request(MediaType.APPLICATION_JSON) + .header("Authorization", "Bearer " + refreshToken) + .post(Entity.text("")); + + if (response.getStatus() == 200) { + return response.readEntity(LoginResponse.class); + } else { + throw new AuthenticationException("Token de rafraîchissement invalide"); + } + + } catch (Exception e) { + LOGGER.severe("Erreur lors du rafraîchissement du token: " + e.getMessage()); + throw new AuthenticationException("Erreur lors du rafraîchissement du token"); + } + } + + public void logout(String accessToken) { + try { + String endpoint = backendUrl + "/api/auth/logout"; + + client.target(endpoint) + .request() + .header("Authorization", "Bearer " + accessToken) + .post(Entity.text("")); + + } catch (Exception e) { + LOGGER.warning("Erreur lors de la déconnexion: " + e.getMessage()); + } + } + + private boolean isValidDemoCredentials(LoginRequest request) { + return ("admin".equals(request.getUsername()) && "admin".equals(request.getPassword())) || + ("superadmin".equals(request.getUsername()) && "admin".equals(request.getPassword())) || + ("membre".equals(request.getUsername()) && "membre".equals(request.getPassword())); + } + + private LoginResponse createDemoLoginResponse(LoginRequest request) { + LoginResponse.UserInfo userInfo = new LoginResponse.UserInfo(); + + switch (request.getUsername()) { + case "superadmin": + userInfo.setId(1L); + userInfo.setNom("Diallo"); + userInfo.setPrenom("Amadou"); + userInfo.setEmail("amadou.diallo@unionflow.sn"); + userInfo.setUsername("superadmin"); + userInfo.setTypeCompte("SUPER_ADMIN"); + userInfo.setRoles(java.util.Arrays.asList("SUPER_ADMIN", "ADMIN")); + break; + + case "admin": + userInfo.setId(2L); + userInfo.setNom("Traoré"); + userInfo.setPrenom("Fatou"); + userInfo.setEmail("fatou.traore@association-example.sn"); + userInfo.setUsername("admin"); + userInfo.setTypeCompte("ADMIN_ENTITE"); + userInfo.setRoles(java.util.Arrays.asList("ADMIN_ENTITE")); + + // Entité de démonstration + LoginResponse.EntiteInfo entite = new LoginResponse.EntiteInfo(); + entite.setId(1L); + entite.setNom("Association des Jeunes Entrepreneurs"); + entite.setType("Association"); + entite.setPays("Sénégal"); + entite.setVille("Dakar"); + userInfo.setEntite(entite); + break; + + default: + userInfo.setId(3L); + userInfo.setNom("Ndiaye"); + userInfo.setPrenom("Moussa"); + userInfo.setEmail("moussa.ndiaye@exemple.sn"); + userInfo.setUsername("membre"); + userInfo.setTypeCompte("MEMBRE"); + userInfo.setRoles(java.util.Arrays.asList("MEMBRE")); + + // Entité de démonstration + LoginResponse.EntiteInfo entiteMembre = new LoginResponse.EntiteInfo(); + entiteMembre.setId(1L); + entiteMembre.setNom("Association des Jeunes Entrepreneurs"); + entiteMembre.setType("Association"); + entiteMembre.setPays("Sénégal"); + entiteMembre.setVille("Dakar"); + userInfo.setEntite(entiteMembre); + break; + } + + return new LoginResponse( + "demo_access_token_" + System.currentTimeMillis(), + "demo_refresh_token_" + System.currentTimeMillis(), + 3600L, // 1 heure + userInfo + ); + } + + public static class AuthenticationException extends RuntimeException { + public AuthenticationException(String message) { + super(message); + } + + public AuthenticationException(String message, Throwable cause) { + super(message, cause); + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/MembreService.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/MembreService.java new file mode 100644 index 0000000..660b2ea --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/MembreService.java @@ -0,0 +1,165 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.MembreDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/membres") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface MembreService { + + @GET + List listerTous(); + + @GET + @Path("/{id}") + MembreDTO obtenirParId(@PathParam("id") Long id); + + @GET + @Path("/numero/{numeroMembre}") + MembreDTO obtenirParNumero(@PathParam("numeroMembre") String numeroMembre); + + @GET + @Path("/search") + List rechercher( + @QueryParam("nom") String nom, + @QueryParam("prenom") String prenom, + @QueryParam("email") String email, + @QueryParam("telephone") String telephone, + @QueryParam("statut") String statut, + @QueryParam("associationId") Long associationId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @GET + @Path("/association/{associationId}") + List listerParAssociation(@PathParam("associationId") Long associationId); + + @GET + @Path("/actifs") + List listerActifs(); + + @GET + @Path("/inactifs") + List listerInactifs(); + + @POST + MembreDTO creer(MembreDTO membre); + + @PUT + @Path("/{id}") + MembreDTO modifier(@PathParam("id") Long id, MembreDTO membre); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") Long id); + + @PUT + @Path("/{id}/activer") + MembreDTO activer(@PathParam("id") Long id); + + @PUT + @Path("/{id}/desactiver") + MembreDTO desactiver(@PathParam("id") Long id); + + @PUT + @Path("/{id}/suspendre") + MembreDTO suspendre(@PathParam("id") Long id); + + @PUT + @Path("/{id}/radier") + MembreDTO radier(@PathParam("id") Long id); + + @GET + @Path("/statistiques") + StatistiquesMembreDTO obtenirStatistiques(); + + @GET + @Path("/export") + @Produces("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") + byte[] exporterExcel( + @QueryParam("format") @DefaultValue("EXCEL") String format, + @QueryParam("associationId") Long associationId, + @QueryParam("statut") String statut + ); + + @POST + @Path("/import") + @Consumes(MediaType.MULTIPART_FORM_DATA) + ResultatImportDTO importerDonnees( + @FormParam("file") java.io.InputStream fileInputStream, + @FormParam("associationId") Long associationId + ); + + // Classes DTO internes pour les réponses spécialisées + class StatistiquesMembreDTO { + public Long totalMembres; + public Long membresActifs; + public Long membresInactifs; + public Long membresSuspendus; + public Long membresRadies; + public Long nouveauxMembres30Jours; + public Double tauxActivite; + public Double tauxCroissance; + + // Constructeurs + public StatistiquesMembreDTO() {} + + // Getters et setters + public Long getTotalMembres() { return totalMembres; } + public void setTotalMembres(Long totalMembres) { this.totalMembres = totalMembres; } + + public Long getMembresActifs() { return membresActifs; } + public void setMembresActifs(Long membresActifs) { this.membresActifs = membresActifs; } + + public Long getMembresInactifs() { return membresInactifs; } + public void setMembresInactifs(Long membresInactifs) { this.membresInactifs = membresInactifs; } + + public Long getMembresSuspendus() { return membresSuspendus; } + public void setMembresSuspendus(Long membresSuspendus) { this.membresSuspendus = membresSuspendus; } + + public Long getMembresRadies() { return membresRadies; } + public void setMembresRadies(Long membresRadies) { this.membresRadies = membresRadies; } + + public Long getNouveauxMembres30Jours() { return nouveauxMembres30Jours; } + public void setNouveauxMembres30Jours(Long nouveauxMembres30Jours) { this.nouveauxMembres30Jours = nouveauxMembres30Jours; } + + public Double getTauxActivite() { return tauxActivite; } + public void setTauxActivite(Double tauxActivite) { this.tauxActivite = tauxActivite; } + + public Double getTauxCroissance() { return tauxCroissance; } + public void setTauxCroissance(Double tauxCroissance) { this.tauxCroissance = tauxCroissance; } + } + + class ResultatImportDTO { + public Integer totalLignes; + public Integer lignesTraitees; + public Integer lignesErreur; + public List erreurs; + public List membresImportes; + + // Constructeurs + public ResultatImportDTO() {} + + // Getters et setters + public Integer getTotalLignes() { return totalLignes; } + public void setTotalLignes(Integer totalLignes) { this.totalLignes = totalLignes; } + + public Integer getLignesTraitees() { return lignesTraitees; } + public void setLignesTraitees(Integer lignesTraitees) { this.lignesTraitees = lignesTraitees; } + + public Integer getLignesErreur() { return lignesErreur; } + public void setLignesErreur(Integer lignesErreur) { this.lignesErreur = lignesErreur; } + + public List getErreurs() { return erreurs; } + public void setErreurs(List erreurs) { this.erreurs = erreurs; } + + public List getMembresImportes() { return membresImportes; } + public void setMembresImportes(List membresImportes) { this.membresImportes = membresImportes; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/RestClientExceptionMapper.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/RestClientExceptionMapper.java new file mode 100644 index 0000000..1d13117 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/RestClientExceptionMapper.java @@ -0,0 +1,86 @@ +package dev.lions.unionflow.client.service; + +import jakarta.ws.rs.core.MultivaluedMap; +import jakarta.ws.rs.core.Response; +import org.eclipse.microprofile.rest.client.ext.ResponseExceptionMapper; + +import java.io.ByteArrayInputStream; +import java.io.InputStream; + +public class RestClientExceptionMapper implements ResponseExceptionMapper { + + @Override + public RuntimeException toThrowable(Response response) { + int status = response.getStatus(); + String reasonPhrase = response.getStatusInfo().getReasonPhrase(); + + // Lire le corps de la réponse pour plus de détails + String body = ""; + try { + if (response.hasEntity()) { + body = response.readEntity(String.class); + } + } catch (Exception e) { + body = "Impossible de lire le détail de l'erreur"; + } + + return switch (status) { + case 400 -> new BadRequestException("Requête invalide: " + body); + case 401 -> new UnauthorizedException("Non autorisé: " + reasonPhrase); + case 403 -> new ForbiddenException("Accès interdit: " + reasonPhrase); + case 404 -> new NotFoundException("Ressource non trouvée: " + reasonPhrase); + case 409 -> new ConflictException("Conflit: " + body); + case 422 -> new UnprocessableEntityException("Données non valides: " + body); + case 500 -> new InternalServerErrorException("Erreur serveur interne: " + body); + case 502 -> new BadGatewayException("Erreur de passerelle: " + reasonPhrase); + case 503 -> new ServiceUnavailableException("Service indisponible: " + reasonPhrase); + case 504 -> new GatewayTimeoutException("Timeout de passerelle: " + reasonPhrase); + default -> new UnknownHttpStatusException("Erreur HTTP " + status + ": " + reasonPhrase + (body.isEmpty() ? "" : " - " + body)); + }; + } + + // Classes d'exception personnalisées + public static class BadRequestException extends RuntimeException { + public BadRequestException(String message) { super(message); } + } + + public static class UnauthorizedException extends RuntimeException { + public UnauthorizedException(String message) { super(message); } + } + + public static class ForbiddenException extends RuntimeException { + public ForbiddenException(String message) { super(message); } + } + + public static class NotFoundException extends RuntimeException { + public NotFoundException(String message) { super(message); } + } + + public static class ConflictException extends RuntimeException { + public ConflictException(String message) { super(message); } + } + + public static class UnprocessableEntityException extends RuntimeException { + public UnprocessableEntityException(String message) { super(message); } + } + + public static class InternalServerErrorException extends RuntimeException { + public InternalServerErrorException(String message) { super(message); } + } + + public static class BadGatewayException extends RuntimeException { + public BadGatewayException(String message) { super(message); } + } + + public static class ServiceUnavailableException extends RuntimeException { + public ServiceUnavailableException(String message) { super(message); } + } + + public static class GatewayTimeoutException extends RuntimeException { + public GatewayTimeoutException(String message) { super(message); } + } + + public static class UnknownHttpStatusException extends RuntimeException { + public UnknownHttpStatusException(String message) { super(message); } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/ValidationService.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/ValidationService.java new file mode 100644 index 0000000..ccf4816 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/ValidationService.java @@ -0,0 +1,102 @@ +package dev.lions.unionflow.client.service; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Inject; +import jakarta.validation.ConstraintViolation; +import jakarta.validation.Validator; +import java.util.ArrayList; +import java.util.List; +import java.util.Set; + +@ApplicationScoped +public class ValidationService { + + @Inject + Validator validator; + + /** + * Valide un objet et retourne la liste des erreurs + */ + public ValidationResult validate(T object) { + Set> violations = validator.validate(object); + + ValidationResult result = new ValidationResult(); + result.setValid(violations.isEmpty()); + + List messages = new ArrayList<>(); + for (ConstraintViolation violation : violations) { + messages.add(violation.getPropertyPath() + ": " + violation.getMessage()); + } + result.setErrorMessages(messages); + + return result; + } + + /** + * Valide une propriété spécifique d'un objet + */ + public ValidationResult validateProperty(T object, String propertyName) { + Set> violations = validator.validateProperty(object, propertyName); + + ValidationResult result = new ValidationResult(); + result.setValid(violations.isEmpty()); + + List messages = new ArrayList<>(); + for (ConstraintViolation violation : violations) { + messages.add(violation.getMessage()); + } + result.setErrorMessages(messages); + + return result; + } + + /** + * Valide une valeur contre les contraintes d'une propriété + */ + public ValidationResult validateValue(Class beanType, String propertyName, Object value) { + Set> violations = validator.validateValue(beanType, propertyName, value); + + ValidationResult result = new ValidationResult(); + result.setValid(violations.isEmpty()); + + List messages = new ArrayList<>(); + for (ConstraintViolation violation : violations) { + messages.add(violation.getMessage()); + } + result.setErrorMessages(messages); + + return result; + } + + /** + * Classe pour encapsuler le résultat de validation + */ + public static class ValidationResult { + private boolean valid; + private List errorMessages = new ArrayList<>(); + + public boolean isValid() { + return valid; + } + + public void setValid(boolean valid) { + this.valid = valid; + } + + public List getErrorMessages() { + return errorMessages; + } + + public void setErrorMessages(List errorMessages) { + this.errorMessages = errorMessages; + } + + public String getFirstErrorMessage() { + return errorMessages.isEmpty() ? null : errorMessages.get(0); + } + + public String getAllErrorMessages() { + return String.join(", ", errorMessages); + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/MemberNumberValidator.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/MemberNumberValidator.java new file mode 100644 index 0000000..3d87d20 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/MemberNumberValidator.java @@ -0,0 +1,51 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.ConstraintValidator; +import jakarta.validation.ConstraintValidatorContext; +import java.util.regex.Pattern; + +public class MemberNumberValidator implements ConstraintValidator { + + // Pattern pour numéro de membre: M + année + numéro séquentiel + private static final Pattern MEMBER_NUMBER_PATTERN = Pattern.compile("^M[0-9]{4}[0-9]{3,6}$"); + + @Override + public void initialize(ValidMemberNumber constraintAnnotation) { + // Initialisation si nécessaire + } + + @Override + public boolean isValid(String memberNumber, ConstraintValidatorContext context) { + // Null ou vide = invalide pour un numéro de membre + if (memberNumber == null || memberNumber.trim().isEmpty()) { + return false; + } + + // Nettoyer le numéro (supprimer espaces) + String cleanNumber = memberNumber.trim().toUpperCase(); + + // Vérifier le pattern + if (!MEMBER_NUMBER_PATTERN.matcher(cleanNumber).matches()) { + return false; + } + + // Vérifier que l'année est raisonnable (entre 2020 et année actuelle + 1) + try { + String yearStr = cleanNumber.substring(1, 5); + int year = Integer.parseInt(yearStr); + int currentYear = java.time.Year.now().getValue(); + + if (year < 2020 || year > currentYear + 1) { + context.disableDefaultConstraintViolation(); + context.buildConstraintViolationWithTemplate( + "L'année dans le numéro de membre doit être entre 2020 et " + (currentYear + 1) + ).addConstraintViolation(); + return false; + } + } catch (NumberFormatException e) { + return false; + } + + return true; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/PhoneNumberValidator.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/PhoneNumberValidator.java new file mode 100644 index 0000000..02db898 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/PhoneNumberValidator.java @@ -0,0 +1,46 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.ConstraintValidator; +import jakarta.validation.ConstraintValidatorContext; +import java.util.regex.Pattern; + +public class PhoneNumberValidator implements ConstraintValidator { + + // Patterns pour différents formats de téléphone africains + private static final Pattern[] PHONE_PATTERNS = { + Pattern.compile("^(\\+225|225)?[0-9]{8}$"), // Côte d'Ivoire + Pattern.compile("^(\\+221|221)?[0-9]{9}$"), // Sénégal + Pattern.compile("^(\\+226|226)?[0-9]{8}$"), // Burkina Faso + Pattern.compile("^(\\+223|223)?[0-9]{8}$"), // Mali + Pattern.compile("^(\\+228|228)?[0-9]{8}$"), // Togo + Pattern.compile("^(\\+229|229)?[0-9]{8}$"), // Bénin + Pattern.compile("^(\\+233|233)?[0-9]{9}$"), // Ghana + Pattern.compile("^(\\+234|234)?[0-9]{10}$"), // Nigeria + Pattern.compile("^[0-9]{8,15}$") // Format générique + }; + + @Override + public void initialize(ValidPhoneNumber constraintAnnotation) { + // Initialisation si nécessaire + } + + @Override + public boolean isValid(String phone, ConstraintValidatorContext context) { + // Null ou vide = valide (utiliser @NotBlank si obligatoire) + if (phone == null || phone.trim().isEmpty()) { + return true; + } + + // Nettoyer le numéro (supprimer espaces, tirets, etc.) + String cleanPhone = phone.replaceAll("[\\s\\-\\(\\)\\.]", ""); + + // Vérifier contre tous les patterns + for (Pattern pattern : PHONE_PATTERNS) { + if (pattern.matcher(cleanPhone).matches()) { + return true; + } + } + + return false; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidMemberNumber.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidMemberNumber.java new file mode 100644 index 0000000..8076baa --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidMemberNumber.java @@ -0,0 +1,18 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.Constraint; +import jakarta.validation.Payload; +import java.lang.annotation.*; + +@Documented +@Constraint(validatedBy = MemberNumberValidator.class) +@Target({ElementType.FIELD, ElementType.METHOD, ElementType.PARAMETER}) +@Retention(RetentionPolicy.RUNTIME) +public @interface ValidMemberNumber { + + String message() default "Numéro de membre invalide. Format attendu: M + année + numéro (ex: M2024001)"; + + Class[] groups() default {}; + + Class[] payload() default {}; +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidPhoneNumber.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidPhoneNumber.java new file mode 100644 index 0000000..488b14c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidPhoneNumber.java @@ -0,0 +1,18 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.Constraint; +import jakarta.validation.Payload; +import java.lang.annotation.*; + +@Documented +@Constraint(validatedBy = PhoneNumberValidator.class) +@Target({ElementType.FIELD, ElementType.METHOD, ElementType.PARAMETER}) +@Retention(RetentionPolicy.RUNTIME) +public @interface ValidPhoneNumber { + + String message() default "Numéro de téléphone invalide. Formats acceptés: +225XXXXXXXX, 0XXXXXXXXX, etc."; + + Class[] groups() default {}; + + Class[] payload() default {}; +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidationGroups.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidationGroups.java new file mode 100644 index 0000000..9231b72 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/validation/ValidationGroups.java @@ -0,0 +1,47 @@ +package dev.lions.unionflow.client.validation; + +/** + * Groupes de validation pour différents cas d'usage dans UnionFlow + */ +public class ValidationGroups { + + /** + * Validation pour la création d'un nouveau membre + */ + public interface CreateMember {} + + /** + * Validation pour la mise à jour d'un membre existant + */ + public interface UpdateMember {} + + /** + * Validation pour la création d'une association + */ + public interface CreateAssociation {} + + /** + * Validation pour la mise à jour d'une association + */ + public interface UpdateAssociation {} + + /** + * Validation pour l'inscription rapide (champs minimum requis) + */ + public interface QuickRegistration {} + + /** + * Validation pour l'inscription complète (tous les champs) + */ + public interface FullRegistration {} + + /** + * Validation pour l'importation en masse + */ + public interface BulkImport {} + + /** + * Validation pour les données administratives + */ + public interface AdminData {} +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AdminFormulaireBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AdminFormulaireBean.java new file mode 100644 index 0000000..f1abd3f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AdminFormulaireBean.java @@ -0,0 +1,344 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.FormulaireDTO; +import dev.lions.unionflow.client.dto.SouscriptionDTO; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; + +@Named("adminFormulaireBean") +@SessionScoped +public class AdminFormulaireBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List formulaires; + private FormulaireDTO formulaireSelectionne; + private FormulaireDTO nouveauFormulaire; + private boolean modeEdition = false; + private boolean modeCreation = false; + + // Statistiques + private int totalSouscriptions = 0; + private BigDecimal revenusFormulaires = BigDecimal.ZERO; + private String formulairePlusPopulaire = ""; + + public AdminFormulaireBean() { + initializeData(); + } + + private void initializeData() { + formulaires = new ArrayList<>(); + + // Formulaire STARTER + FormulaireDTO starter = new FormulaireDTO(); + starter.setId(1L); + starter.setNom("Starter"); + starter.setDescription("Parfait pour les petites associations débutantes"); + starter.setQuotaMaxMembres(100); + starter.setPrixMensuel(new BigDecimal("2000")); + starter.setPrixAnnuel(new BigDecimal("20000")); + starter.setCouleurTheme("bg-blue-500"); + starter.setIconeFormulaire("pi-star"); + starter.setActif(true); + starter.setGestionMembres(true); + starter.setGestionCotisations(true); + starter.setNotificationsEmail(true); + starter.setDateCreation(LocalDateTime.now().minusMonths(6)); + starter.setCreePar("Super Admin"); + formulaires.add(starter); + + // Formulaire STANDARD + FormulaireDTO standard = new FormulaireDTO(); + standard.setId(2L); + standard.setNom("Standard"); + standard.setDescription("Idéal pour les associations en croissance"); + standard.setQuotaMaxMembres(200); + standard.setPrixMensuel(new BigDecimal("3000")); + standard.setPrixAnnuel(new BigDecimal("30000")); + standard.setCouleurTheme("bg-green-500"); + standard.setIconeFormulaire("pi-users"); + standard.setActif(true); + standard.setRecommande(true); + standard.setGestionMembres(true); + standard.setGestionCotisations(true); + standard.setGestionEvenements(true); + standard.setGestionAides(true); + standard.setNotificationsEmail(true); + standard.setGestionDocuments(true); + standard.setDateCreation(LocalDateTime.now().minusMonths(6)); + standard.setCreePar("Super Admin"); + formulaires.add(standard); + + // Formulaire PREMIUM + FormulaireDTO premium = new FormulaireDTO(); + premium.setId(3L); + premium.setNom("Premium"); + premium.setDescription("Solution complète pour les grandes organisations"); + premium.setQuotaMaxMembres(500); + premium.setPrixMensuel(new BigDecimal("4000")); + premium.setPrixAnnuel(new BigDecimal("40000")); + premium.setCouleurTheme("bg-purple-500"); + premium.setIconeFormulaire("pi-crown"); + premium.setActif(true); + premium.setGestionMembres(true); + premium.setGestionCotisations(true); + premium.setGestionEvenements(true); + premium.setGestionAides(true); + premium.setRapportsAvances(true); + premium.setSupportPrioritaire(true); + premium.setSauvegardeAutomatique(true); + premium.setPersonnalisationAvancee(true); + premium.setIntegrationPaiement(true); + premium.setNotificationsEmail(true); + premium.setNotificationsSMS(true); + premium.setGestionDocuments(true); + premium.setDateCreation(LocalDateTime.now().minusMonths(6)); + premium.setCreePar("Super Admin"); + formulaires.add(premium); + + // Formulaire CRISTAL - Pour les très grandes organisations + FormulaireDTO cristal = new FormulaireDTO(); + cristal.setId(4L); + cristal.setNom("Cristal"); + cristal.setDescription("Solution premium pour les fédérations et grandes entités"); + cristal.setQuotaMaxMembres(2000); + cristal.setPrixMensuel(new BigDecimal("5000")); + cristal.setPrixAnnuel(new BigDecimal("50000")); + cristal.setCouleurTheme("bg-indigo-500"); + cristal.setIconeFormulaire("pi-diamond"); + cristal.setActif(true); + cristal.setGestionMembres(true); + cristal.setGestionCotisations(true); + cristal.setGestionEvenements(true); + cristal.setGestionAides(true); + cristal.setRapportsAvances(true); + cristal.setSupportPrioritaire(true); + cristal.setSauvegardeAutomatique(true); + cristal.setPersonnalisationAvancee(true); + cristal.setIntegrationPaiement(true); + cristal.setNotificationsEmail(true); + cristal.setNotificationsSMS(true); + cristal.setGestionDocuments(true); + cristal.setDateCreation(LocalDateTime.now().minusMonths(6)); + cristal.setCreePar("Super Admin"); + formulaires.add(cristal); + + // Initialiser les statistiques + totalSouscriptions = 127; // Plus d'entités avec prix accessibles + revenusFormulaires = new BigDecimal("381000"); // 127 * 3000 (moyenne) + formulairePlusPopulaire = "Standard"; + } + + // Actions CRUD + public void nouveauFormulaire() { + nouveauFormulaire = new FormulaireDTO(); + nouveauFormulaire.setActif(true); + nouveauFormulaire.setDeviseCode("XOF"); + nouveauFormulaire.setGestionMembres(true); + nouveauFormulaire.setGestionCotisations(true); + modeCreation = true; + modeEdition = false; + } + + public void editerFormulaire(FormulaireDTO formulaire) { + this.formulaireSelectionne = formulaire; + this.nouveauFormulaire = cloneFormulaire(formulaire); + modeEdition = true; + modeCreation = false; + } + + public void sauvegarderFormulaire() { + if (modeCreation) { + // Générer un nouvel ID + Long nouvelId = formulaires.stream() + .mapToLong(FormulaireDTO::getId) + .max() + .orElse(0L) + 1; + nouveauFormulaire.setId(nouvelId); + nouveauFormulaire.setDateCreation(LocalDateTime.now()); + nouveauFormulaire.setCreePar("Admin"); + + formulaires.add(nouveauFormulaire); + + } else if (modeEdition) { + // Mettre à jour le formulaire existant + int index = formulaires.indexOf(formulaireSelectionne); + if (index >= 0) { + nouveauFormulaire.setDateMiseAJour(LocalDateTime.now()); + nouveauFormulaire.setModifiePar("Admin"); + formulaires.set(index, nouveauFormulaire); + } + } + + annulerEdition(); + } + + public void supprimerFormulaire(FormulaireDTO formulaire) { + // Vérifier s'il y a des souscriptions actives + if (hasActiveSouscriptions(formulaire)) { + // Désactiver au lieu de supprimer + formulaire.setActif(false); + } else { + formulaires.remove(formulaire); + } + } + + public void annulerEdition() { + modeCreation = false; + modeEdition = false; + formulaireSelectionne = null; + nouveauFormulaire = null; + } + + public void dupliquerFormulaire(FormulaireDTO formulaire) { + FormulaireDTO copie = cloneFormulaire(formulaire); + copie.setId(null); + copie.setNom(formulaire.getNom() + " (Copie)"); + copie.setDateCreation(LocalDateTime.now()); + copie.setCreePar("Admin"); + + this.nouveauFormulaire = copie; + modeCreation = true; + modeEdition = false; + } + + public void activerDesactiverFormulaire(FormulaireDTO formulaire) { + formulaire.setActif(!formulaire.isActif()); + formulaire.setDateMiseAJour(LocalDateTime.now()); + formulaire.setModifiePar("Admin"); + } + + // Méthodes utilitaires + private FormulaireDTO cloneFormulaire(FormulaireDTO original) { + FormulaireDTO copie = new FormulaireDTO(); + copie.setId(original.getId()); + copie.setNom(original.getNom()); + copie.setDescription(original.getDescription()); + copie.setQuotaMaxMembres(original.getQuotaMaxMembres()); + copie.setPrixMensuel(original.getPrixMensuel()); + copie.setPrixAnnuel(original.getPrixAnnuel()); + copie.setDeviseCode(original.getDeviseCode()); + copie.setActif(original.isActif()); + copie.setRecommande(original.isRecommande()); + copie.setCouleurTheme(original.getCouleurTheme()); + copie.setIconeFormulaire(original.getIconeFormulaire()); + + // Fonctionnalités + copie.setGestionMembres(original.isGestionMembres()); + copie.setGestionCotisations(original.isGestionCotisations()); + copie.setGestionEvenements(original.isGestionEvenements()); + copie.setGestionAides(original.isGestionAides()); + copie.setRapportsAvances(original.isRapportsAvances()); + copie.setSupportPrioritaire(original.isSupportPrioritaire()); + copie.setSauvegardeAutomatique(original.isSauvegardeAutomatique()); + copie.setPersonnalisationAvancee(original.isPersonnalisationAvancee()); + copie.setIntegrationPaiement(original.isIntegrationPaiement()); + copie.setNotificationsEmail(original.isNotificationsEmail()); + copie.setNotificationsSMS(original.isNotificationsSMS()); + copie.setGestionDocuments(original.isGestionDocuments()); + + // Métadonnées + copie.setDateCreation(original.getDateCreation()); + copie.setDateMiseAJour(original.getDateMiseAJour()); + copie.setCreePar(original.getCreePar()); + copie.setModifiePar(original.getModifiePar()); + + return copie; + } + + private boolean hasActiveSouscriptions(FormulaireDTO formulaire) { + // Simulation - vérifier s'il y a des souscriptions actives + return "Standard".equals(formulaire.getNom()) || "Premium".equals(formulaire.getNom()); + } + + public boolean canDeleteFormulaire(FormulaireDTO formulaire) { + return !hasActiveSouscriptions(formulaire); + } + + public String getStatutFormulaire(FormulaireDTO formulaire) { + if (formulaire.isActif()) { + return hasActiveSouscriptions(formulaire) ? "Actif avec souscriptions" : "Actif"; + } + return "Inactif"; + } + + public String getCouleurStatut(FormulaireDTO formulaire) { + if (formulaire.isActif()) { + return hasActiveSouscriptions(formulaire) ? "text-green-600" : "text-blue-600"; + } + return "text-gray-600"; + } + + // Validation + public boolean isFormulaireValide() { + if (nouveauFormulaire == null) return false; + + return nouveauFormulaire.getNom() != null && !nouveauFormulaire.getNom().trim().isEmpty() && + nouveauFormulaire.getQuotaMaxMembres() != null && nouveauFormulaire.getQuotaMaxMembres() > 0 && + nouveauFormulaire.getPrixMensuel() != null && nouveauFormulaire.getPrixMensuel().compareTo(BigDecimal.ZERO) > 0 && + nouveauFormulaire.getPrixAnnuel() != null && nouveauFormulaire.getPrixAnnuel().compareTo(BigDecimal.ZERO) > 0; + } + + // Listes pour les sélections + public List getCouleursTheme() { + List couleurs = new ArrayList<>(); + couleurs.add("bg-blue-500"); + couleurs.add("bg-green-500"); + couleurs.add("bg-purple-500"); + couleurs.add("bg-indigo-500"); + couleurs.add("bg-red-500"); + couleurs.add("bg-orange-500"); + couleurs.add("bg-yellow-500"); + couleurs.add("bg-teal-500"); + couleurs.add("bg-pink-500"); + return couleurs; + } + + public List getIconesFormulaire() { + List icones = new ArrayList<>(); + icones.add("pi-star"); + icones.add("pi-users"); + icones.add("pi-crown"); + icones.add("pi-building"); + icones.add("pi-heart"); + icones.add("pi-shield"); + icones.add("pi-trophy"); + icones.add("pi-diamond"); + icones.add("pi-thumbs-up"); + return icones; + } + + // Getters et Setters + public List getFormulaires() { return formulaires; } + public void setFormulaires(List formulaires) { this.formulaires = formulaires; } + + public FormulaireDTO getFormulaireSelectionne() { return formulaireSelectionne; } + public void setFormulaireSelectionne(FormulaireDTO formulaireSelectionne) { this.formulaireSelectionne = formulaireSelectionne; } + + public FormulaireDTO getNouveauFormulaire() { return nouveauFormulaire; } + public void setNouveauFormulaire(FormulaireDTO nouveauFormulaire) { this.nouveauFormulaire = nouveauFormulaire; } + + public boolean isModeEdition() { return modeEdition; } + public void setModeEdition(boolean modeEdition) { this.modeEdition = modeEdition; } + + public boolean isModeCreation() { return modeCreation; } + public void setModeCreation(boolean modeCreation) { this.modeCreation = modeCreation; } + + public int getTotalSouscriptions() { return totalSouscriptions; } + public void setTotalSouscriptions(int totalSouscriptions) { this.totalSouscriptions = totalSouscriptions; } + + public BigDecimal getRevenusFormulaires() { return revenusFormulaires; } + public void setRevenusFormulaires(BigDecimal revenusFormulaires) { this.revenusFormulaires = revenusFormulaires; } + + public String getFormulairePlusPopulaire() { return formulairePlusPopulaire; } + public void setFormulairePlusPopulaire(String formulairePlusPopulaire) { this.formulairePlusPopulaire = formulairePlusPopulaire; } + + public String getRevenusFormulairesFormat() { + return String.format("%,.0f XOF", revenusFormulaires); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AuditBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AuditBean.java new file mode 100644 index 0000000..c1395cd --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AuditBean.java @@ -0,0 +1,454 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.*; +import java.util.stream.Collectors; + +@Named("auditBean") +@SessionScoped +public class AuditBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Filtres + private Date dateDebut; + private Date dateFin; + private String typeAction = ""; + private String severite = ""; + private String utilisateur = ""; + private String module = ""; + private String ipAddress = ""; + + // Données + private List evenements; + private EvenementAudit evenementSelectionne; + + // Export + private String formatExport = "EXCEL"; + private boolean inclureFiltresExport = true; + + public AuditBean() { + initialiserEvenements(); + // Initialiser les dates à aujourd'hui - 7 jours + Calendar cal = Calendar.getInstance(); + dateFin = cal.getTime(); + cal.add(Calendar.DAY_OF_MONTH, -7); + dateDebut = cal.getTime(); + } + + private void initialiserEvenements() { + evenements = new ArrayList<>(); + LocalDateTime now = LocalDateTime.now(); + + // Événements de connexion + evenements.add(new EvenementAudit( + now.minusMinutes(15), "CONNEXION", "SUCCESS", "Marie Dupont", "ADMIN_ORG", "AUTH", + "Connexion réussie", "Connexion via interface web", "192.168.1.105", + "Mozilla/5.0 (Windows NT 10.0; Win64; x64)", "SESSION_123456")); + + evenements.add(new EvenementAudit( + now.minusMinutes(32), "CONNEXION", "ERROR", "Jean Martin", "MEMBRE", "AUTH", + "Tentative de connexion échouée", "Mot de passe incorrect (3e tentative)", "192.168.1.87", + "Mozilla/5.0 (Macintosh; Intel Mac OS X)", "SESSION_789012")); + + // Événements de gestion des membres + evenements.add(new EvenementAudit( + now.minusHours(1), "CREATION", "SUCCESS", "Marie Dupont", "ADMIN_ORG", "MEMBRES", + "Création d'un nouveau membre", "Membre: Paul Durand (ID: MBR_2024_001)", "192.168.1.105", + "Mozilla/5.0 (Windows NT 10.0; Win64; x64)", "SESSION_123456")); + + evenements.add(new EvenementAudit( + now.minusHours(2), "MODIFICATION", "SUCCESS", "Sophie Bernard", "SECRETAIRE", "MEMBRES", + "Modification profil membre", "Mise à jour adresse email: paul.durand@email.com", "192.168.1.92", + "Mozilla/5.0 (iPhone; CPU iPhone OS)", "SESSION_345678")); + + // Événements de cotisations + evenements.add(new EvenementAudit( + now.minusHours(3), "CREATION", "SUCCESS", "Pierre Legrand", "COMPTABLE", "COTISATIONS", + "Enregistrement paiement cotisation", "Cotisation 2024 - Membre: Marie Petit - 50€", "192.168.1.78", + "Mozilla/5.0 (Windows NT 10.0; Win64; x64)", "SESSION_901234")); + + // Événements d'export + evenements.add(new EvenementAudit( + now.minusHours(4), "EXPORT", "SUCCESS", "Marie Dupont", "ADMIN_ORG", "RAPPORTS", + "Export liste des membres", "Format Excel - 156 membres exportés", "192.168.1.105", + "Mozilla/5.0 (Windows NT 10.0; Win64; x64)", "SESSION_123456")); + + // Événements de configuration + evenements.add(new EvenementAudit( + now.minusHours(6), "CONFIGURATION", "WARNING", "Admin Système", "SUPER_ADMIN", "CONFIG", + "Modification paramètres sécurité", "Durée de session modifiée: 30min → 60min", "192.168.1.1", + "Mozilla/5.0 (Linux; Ubuntu)", "SESSION_ADMIN001")); + + // Événements suspects + evenements.add(new EvenementAudit( + now.minusHours(8), "CONNEXION", "CRITICAL", "Utilisateur Inconnu", "N/A", "AUTH", + "Tentative de connexion suspecte", "Multiples tentatives depuis IP externe", "203.45.67.89", + "Bot/1.0", "SESSION_UNKNOWN")); + + evenements.add(new EvenementAudit( + now.minusHours(12), "CONSULTATION", "ERROR", "Test User", "MEMBRE", "DOCUMENTS", + "Accès non autorisé", "Tentative d'accès au document confidentiel DOC_2024_005", "192.168.1.199", + "Mozilla/5.0 (Android)", "SESSION_567890")); + + // Événements de suppression + evenements.add(new EvenementAudit( + now.minusHours(24), "SUPPRESSION", "WARNING", "Marie Dupont", "ADMIN_ORG", "EVENTS", + "Suppression événement", "Événement: Assemblée Générale 2023 supprimé", "192.168.1.105", + "Mozilla/5.0 (Windows NT 10.0; Win64; x64)", "SESSION_123456")); + + // Plus d'événements pour la pagination + for (int i = 0; i < 50; i++) { + LocalDateTime date = now.minusHours(i + 1).minusMinutes(new Random().nextInt(60)); + String[] users = {"Marie Dupont", "Jean Martin", "Pierre Legrand", "Sophie Bernard", "Paul Durand"}; + String[] actions = {"CONSULTATION", "MODIFICATION", "CONNEXION", "DECONNEXION"}; + String[] modules = {"MEMBRES", "COTISATIONS", "EVENTS", "DOCUMENTS"}; + String[] ips = {"192.168.1.105", "192.168.1.87", "192.168.1.92", "192.168.1.78"}; + + String user = users[i % users.length]; + String action = actions[i % actions.length]; + String module = modules[i % modules.length]; + String ip = ips[i % ips.length]; + String severite = i % 10 == 0 ? "WARNING" : "SUCCESS"; + + evenements.add(new EvenementAudit( + date, action, severite, user, "MEMBRE", module, + "Action automatique " + (i + 1), "Détails de l'action " + (i + 1), ip, + "Mozilla/5.0 (Auto)", "SESSION_AUTO_" + i)); + } + + // Trier par date décroissante + evenements.sort((e1, e2) -> e2.getDateHeure().compareTo(e1.getDateHeure())); + } + + // Getters pour KPIs + public int getTotalEvenements() { + return evenements.size(); + } + + public long getConnexionsReussies() { + return evenements.stream() + .filter(e -> "CONNEXION".equals(e.getTypeAction()) && "SUCCESS".equals(e.getSeverite())) + .filter(e -> e.getDateHeure().isAfter(LocalDateTime.now().toLocalDate().atStartOfDay())) + .count(); + } + + public long getTentativesEchouees() { + return evenements.stream() + .filter(e -> "CONNEXION".equals(e.getTypeAction()) && !"SUCCESS".equals(e.getSeverite())) + .filter(e -> e.getDateHeure().isAfter(LocalDateTime.now().minusWeeks(1))) + .count(); + } + + public long getAlertesSecurite() { + return evenements.stream() + .filter(e -> "CRITICAL".equals(e.getSeverite()) || "ERROR".equals(e.getSeverite())) + .count(); + } + + // Filtrage + public List getEvenementsFiltres() { + return evenements.stream() + .filter(this::correspondAuxFiltres) + .collect(Collectors.toList()); + } + + private boolean correspondAuxFiltres(EvenementAudit event) { + // Filtre par dates + if (dateDebut != null && event.getDateHeure().isBefore(convertToLocalDateTime(dateDebut))) { + return false; + } + if (dateFin != null && event.getDateHeure().isAfter(convertToLocalDateTime(dateFin).plusDays(1))) { + return false; + } + + // Filtre par type d'action + if (!typeAction.isEmpty() && !typeAction.equals(event.getTypeAction())) { + return false; + } + + // Filtre par sévérité + if (!severite.isEmpty() && !severite.equals(event.getSeverite())) { + return false; + } + + // Filtre par utilisateur + if (!utilisateur.isEmpty() && !event.getUtilisateur().toLowerCase().contains(utilisateur.toLowerCase())) { + return false; + } + + // Filtre par module + if (!module.isEmpty() && !module.equals(event.getModule())) { + return false; + } + + // Filtre par IP + if (!ipAddress.isEmpty() && !event.getIpAddress().contains(ipAddress)) { + return false; + } + + return true; + } + + private LocalDateTime convertToLocalDateTime(Date date) { + return LocalDateTime.ofInstant(date.toInstant(), java.time.ZoneId.systemDefault()); + } + + // Actions + public void rechercher() { + // La recherche se fait automatiquement via le filtrage + } + + public void reinitialiserFiltres() { + Calendar cal = Calendar.getInstance(); + dateFin = cal.getTime(); + cal.add(Calendar.DAY_OF_MONTH, -7); + dateDebut = cal.getTime(); + + typeAction = ""; + severite = ""; + utilisateur = ""; + module = ""; + ipAddress = ""; + } + + public void voirDetails(EvenementAudit event) { + this.evenementSelectionne = event; + } + + public void signalerEvenement(EvenementAudit event) { + // Logique pour signaler un événement comme suspect + } + + public void exporter() { + // Logique d'export selon le format sélectionné + } + + // Getters et Setters + public Date getDateDebut() { return dateDebut; } + public void setDateDebut(Date dateDebut) { this.dateDebut = dateDebut; } + + public Date getDateFin() { return dateFin; } + public void setDateFin(Date dateFin) { this.dateFin = dateFin; } + + public String getTypeAction() { return typeAction; } + public void setTypeAction(String typeAction) { this.typeAction = typeAction; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getUtilisateur() { return utilisateur; } + public void setUtilisateur(String utilisateur) { this.utilisateur = utilisateur; } + + public String getModule() { return module; } + public void setModule(String module) { this.module = module; } + + public String getIpAddress() { return ipAddress; } + public void setIpAddress(String ipAddress) { this.ipAddress = ipAddress; } + + public EvenementAudit getEvenementSelectionne() { return evenementSelectionne; } + public void setEvenementSelectionne(EvenementAudit evenementSelectionne) { this.evenementSelectionne = evenementSelectionne; } + + public String getFormatExport() { return formatExport; } + public void setFormatExport(String formatExport) { this.formatExport = formatExport; } + + public boolean isInclurefiltresExport() { return inclureFiltresExport; } + public void setInclurefiltresExport(boolean inclureFiltresExport) { this.inclureFiltresExport = inclureFiltresExport; } + + // Classe interne EvenementAudit + public static class EvenementAudit implements Serializable { + private LocalDateTime dateHeure; + private String typeAction; + private String severite; + private String utilisateur; + private String role; + private String module; + private String description; + private String details; + private String ipAddress; + private String userAgent; + private String sessionId; + + public EvenementAudit(LocalDateTime dateHeure, String typeAction, String severite, + String utilisateur, String role, String module, String description, + String details, String ipAddress, String userAgent, String sessionId) { + this.dateHeure = dateHeure; + this.typeAction = typeAction; + this.severite = severite; + this.utilisateur = utilisateur; + this.role = role; + this.module = module; + this.description = description; + this.details = details; + this.ipAddress = ipAddress; + this.userAgent = userAgent; + this.sessionId = sessionId; + } + + // Propriétés calculées pour l'affichage + public String getDateFormatee() { + return dateHeure.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getHeureFormatee() { + return dateHeure.format(DateTimeFormatter.ofPattern("HH:mm:ss")); + } + + public String getDateHeureComplete() { + return dateHeure.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm:ss")); + } + + public String getSeveriteLibelle() { + switch (severite) { + case "SUCCESS": return "Succès"; + case "INFO": return "Info"; + case "WARNING": return "Attention"; + case "ERROR": return "Erreur"; + case "CRITICAL": return "Critique"; + default: return severite; + } + } + + public String getSeveriteSeverity() { + switch (severite) { + case "SUCCESS": return "success"; + case "INFO": return "info"; + case "WARNING": return "warning"; + case "ERROR": return "danger"; + case "CRITICAL": return "danger"; + default: return "secondary"; + } + } + + public String getSeveriteIcon() { + switch (severite) { + case "SUCCESS": return "pi pi-check"; + case "INFO": return "pi pi-info"; + case "WARNING": return "pi pi-exclamation-triangle"; + case "ERROR": return "pi pi-times"; + case "CRITICAL": return "pi pi-ban"; + default: return "pi pi-circle"; + } + } + + public String getActionIcon() { + switch (typeAction) { + case "CONNEXION": return "pi pi-sign-in"; + case "DECONNEXION": return "pi pi-sign-out"; + case "CREATION": return "pi pi-plus"; + case "MODIFICATION": return "pi pi-pencil"; + case "SUPPRESSION": return "pi pi-trash"; + case "CONSULTATION": return "pi pi-eye"; + case "EXPORT": return "pi pi-download"; + case "CONFIGURATION": return "pi pi-cog"; + default: return "pi pi-circle"; + } + } + + public String getActionColor() { + switch (typeAction) { + case "CONNEXION": return "#28a745"; + case "DECONNEXION": return "#6c757d"; + case "CREATION": return "#007bff"; + case "MODIFICATION": return "#ffc107"; + case "SUPPRESSION": return "#dc3545"; + case "CONSULTATION": return "#17a2b8"; + case "EXPORT": return "#6f42c1"; + case "CONFIGURATION": return "#fd7e14"; + default: return "#6c757d"; + } + } + + public String getModuleLibelle() { + switch (module) { + case "AUTH": return "Authentification"; + case "MEMBRES": return "Membres"; + case "COTISATIONS": return "Cotisations"; + case "EVENTS": return "Événements"; + case "DOCUMENTS": return "Documents"; + case "CONFIG": return "Configuration"; + case "RAPPORTS": return "Rapports"; + default: return module; + } + } + + public String getAction() { + switch (typeAction) { + case "CONNEXION": return "Connexion"; + case "DECONNEXION": return "Déconnexion"; + case "CREATION": return "Création"; + case "MODIFICATION": return "Modification"; + case "SUPPRESSION": return "Suppression"; + case "CONSULTATION": return "Consultation"; + case "EXPORT": return "Export"; + case "CONFIGURATION": return "Configuration"; + default: return typeAction; + } + } + + public String getDescriptionComplete() { + return description + (details != null && !details.isEmpty() ? "\n\nDétails: " + details : ""); + } + + public String getUserAgentComplet() { + return userAgent; + } + + public String getDonneesAvant() { + // Simulation de données avant modification + if ("MODIFICATION".equals(typeAction)) { + return "{\n \"nom\": \"Ancien Nom\",\n \"email\": \"ancien@email.com\",\n \"statut\": \"INACTIF\"\n}"; + } + return null; + } + + public String getDonneesApres() { + // Simulation de données après modification + if ("MODIFICATION".equals(typeAction)) { + return "{\n \"nom\": \"Nouveau Nom\",\n \"email\": \"nouveau@email.com\",\n \"statut\": \"ACTIF\"\n}"; + } + return null; + } + + // Getters et Setters + public LocalDateTime getDateHeure() { return dateHeure; } + public void setDateHeure(LocalDateTime dateHeure) { this.dateHeure = dateHeure; } + + public String getTypeAction() { return typeAction; } + public void setTypeAction(String typeAction) { this.typeAction = typeAction; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getUtilisateur() { return utilisateur; } + public void setUtilisateur(String utilisateur) { this.utilisateur = utilisateur; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getModule() { return module; } + public void setModule(String module) { this.module = module; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDetails() { return details; } + public void setDetails(String details) { this.details = details; } + + public String getIpAddress() { return ipAddress; } + public void setIpAddress(String ipAddress) { this.ipAddress = ipAddress; } + + public String getUserAgent() { + return userAgent != null && userAgent.length() > 20 ? + userAgent.substring(0, 20) + "..." : userAgent; + } + public void setUserAgent(String userAgent) { this.userAgent = userAgent; } + + public String getSessionId() { return sessionId; } + public void setSessionId(String sessionId) { this.sessionId = sessionId; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/ConfigurationBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/ConfigurationBean.java new file mode 100644 index 0000000..cbb012c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/ConfigurationBean.java @@ -0,0 +1,730 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.LocalTime; +import java.time.format.DateTimeFormatter; + +@Named("configurationBean") +@SessionScoped +public class ConfigurationBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private ConfigurationGenerale general; + private ConfigurationSecurite securite; + private ConfigurationEmail email; + private ConfigurationPaiements paiements; + private ConfigurationSysteme système; + + // Propriétés pour la page système + private String nomApplication = "UnionFlow"; + private String versionSysteme = "2.0.1"; + private String environnement = "PROD"; + private String timezone = "WAT"; + private String langueDefaut = "fr"; + private String deviseDefaut = "XOF"; + private String urlBaseApplication = "https://unionflow.app"; + private String formatDate = "dd/MM/yyyy"; + private String organisationPrincipale = "Lions Clubs Afrique de l'Ouest"; + + // Configuration BDD enrichie + private String typeBDD = "postgresql"; + private String serveurBDD = "localhost"; + private Integer portBDD = 5432; + private String nomBDD = "unionflow"; + private String utilisateurBDD = "unionflow_user"; + private String motDePasseBDD = ""; + private Integer taillePoolConnexions = 20; + private Boolean sslActifBDD = true; + + // Configuration Email enrichie + private String serveurSMTP = "smtp.gmail.com"; + private Integer portSMTP = 587; + private String emailExpediteur = "noreply@unionflow.app"; + private String nomExpediteur = "UnionFlow Notifications"; + private Boolean authentificationSMTP = true; + private String utilisateurSMTP = ""; + private String motDePasseSMTP = ""; + private Boolean tlsActive = true; + private Integer limiteTauxEmail = 500; + + // Configuration Sécurité enrichie + private Integer timeoutSession = 30; + private Integer tentativesMaxConnexion = 5; + private Boolean forcerChangementMotDePasse = true; + private Boolean authentification2FA = true; + private Boolean journaliserEvenementsSecurite = true; + private String complexiteMotDePasse = "MEDIUM"; + private Integer dureeValiditeMotDePasse = 90; + private Integer retentionLogs = 365; + private Boolean chiffrementBDD = true; + + // Propriétés d'état système + private String tempsActivite = "99.8%"; + private Integer utilisateursConnectes = 247; + private Integer memoireUtilisee = 68; + private String memoireTotal = "16"; + private String derniereSauvegarde = "02:00"; + + // Monitoring avancé + private Integer cpuUtilisation = 45; + private Float disqueDisponible = 127.5f; + private Integer connexionsBDDActives = 15; + private Integer queueEmailsEnAttente = 23; + private Integer logsErreurs24h = 8; + private Integer sessionsActives = 127; + + // Configuration avancée + private Boolean modeMaintenance = false; + private String frequenceSauvegarde = "DAILY"; + private Integer retentionSauvegardes = 30; + private String emailAlertes = "admin@unionflow.app"; + private Boolean alertesCPU = true; + private Boolean alertesMemoire = true; + private Boolean alertesDisque = true; + + @PostConstruct + public void init() { + initializeGeneral(); + initializeSecurite(); + initializeEmail(); + initializePaiements(); + initializeSysteme(); + calculerMetriquesSysteme(); + } + + private void calculerMetriquesSysteme() { + // Simulation des métriques système réelles pour UnionFlow + cpuUtilisation = (int) (Math.random() * 30) + 40; // 40-70% + memoireUtilisee = (int) (Math.random() * 20) + 60; // 60-80% + disqueDisponible = (float) (Math.random() * 50) + 100; // 100-150 GB + connexionsBDDActives = (int) (Math.random() * 10) + 10; // 10-20 + queueEmailsEnAttente = (int) (Math.random() * 50) + 10; // 10-60 + logsErreurs24h = (int) (Math.random() * 20) + 5; // 5-25 + sessionsActives = utilisateursConnectes; // Basé sur utilisateurs connectés + + // Optimisé pour la stratégie volume (127 organisations, 247 utilisateurs) + utilisateursConnectes = 247; + sessionsActives = 127; // Une session par organisation active + } + + private void initializeGeneral() { + general = new ConfigurationGenerale(); + general.setNomOrganisation("Organisation Centrale"); + general.setSigleOrganisation("ORG-001"); + general.setSiteWeb("https://unionflow.app"); + general.setEmailContact("contact@unionflow.app"); + general.setLangueDefaut("fr"); + general.setDevise("XOF"); + general.setFuseauHoraire("GMT"); + general.setModeMaintenanceActif(false); + } + + private void initializeSecurite() { + securite = new ConfigurationSecurite(); + securite.setLongueurMinMotPasse(8); + securite.setExigerMajuscules(true); + securite.setExigerChiffres(true); + securite.setExigerCaracteresSpeciaux(false); + securite.setExpirationMotPasse(90); + securite.setTentativesConnexionMax(5); + securite.setDureeBlocage(15); + securite.setTimeoutSession(60); + securite.setDoubleFacteurObligatoire(false); + securite.setJournalisationAvancee(true); + } + + private void initializeEmail() { + email = new ConfigurationEmail(); + email.setServeurSMTP("smtp.gmail.com"); + email.setPortSMTP(587); + email.setUtilisateurSMTP("noreply@unionflow.app"); + email.setMotPasseSMTP("**********"); + email.setUtiliserSSL(true); + email.setEmailExpediteur("noreply@unionflow.app"); + email.setNomExpediteur("UnionFlow Platform"); + email.setNotifierNouveauMembre(true); + email.setNotifierEvenements(true); + email.setRappelCotisations(true); + } + + private void initializePaiements() { + paiements = new ConfigurationPaiements(); + paiements.setWaveActif(true); + paiements.setWaveApiKey("**********"); + paiements.setWaveSecretKey("**********"); + paiements.setWaveEnvironnement("sandbox"); + paiements.setEspècesActif(true); + paiements.setChèqueActif(true); + paiements.setVirementActif(true); + paiements.setIbanOrganisation("CI05 CI01 2345 6789 0123 4567 89"); + paiements.setFraisPaiement(2.5); + } + + private void initializeSysteme() { + système = new ConfigurationSysteme(); + système.setCacheActivé(true); + système.setDureeCacheMinutes(30); + système.setTailleLotTraitement(100); + système.setNiveauLog("INFO"); + système.setRetentionLogJours(30); + système.setMétriquesActivées(true); + système.setAlertesSystemeActivées(true); + } + + // Actions générales + public void sauvegarderTout() { + System.out.println("Configuration complète sauvegardée à " + LocalDateTime.now().format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm:ss"))); + } + + public void reinitialiser() { + init(); + System.out.println("Configuration réinitialisée aux valeurs par défaut"); + } + + public void exporterConfiguration() { + System.out.println("Export de la configuration généré"); + } + + // Actions par section + public void sauvegarderGeneral() { + System.out.println("Configuration générale sauvegardée"); + } + + public void sauvegarderSecurite() { + System.out.println("Configuration sécurité sauvegardée"); + } + + public void sauvegarderEmail() { + System.out.println("Configuration email sauvegardée"); + } + + // Actions pour la page système + public void sauvegarderConfiguration() { + System.out.println("Configuration système sauvegardée"); + } + + public void restaurerDefauts() { + nomApplication = "UnionFlow"; + versionSysteme = "1.0.0"; + environnement = "DEV"; + System.out.println("Configuration système restaurée aux valeurs par défaut"); + } + + public void testerConnexionBDD() { + System.out.println("Test de connexion BDD: " + typeBDD + "://" + serveurBDD + ":" + portBDD + "/" + nomBDD); + // TODO: Implémenter le test réel + } + + public void testerEmail() { + System.out.println("Test d'envoi d'email via " + serveurSMTP + ":" + portSMTP); + // TODO: Implémenter le test réel + System.out.println("Test email envoyé avec succès"); + } + + public void forcerSauvegarde() { + System.out.println("Sauvegarde forcée du système"); + derniereSauvegarde = LocalDateTime.now().format(DateTimeFormatter.ofPattern("HH:mm")); + // TODO: Déclencher une sauvegarde immédiate + } + + public void redemarrerServices() { + System.out.println("Redémarrage des services système en cours..."); + // TODO: Redémarrer les services critiques + } + + public void sauvegarderPaiements() { + System.out.println("Configuration paiements sauvegardée"); + } + + public void sauvegarderSysteme() { + System.out.println("Configuration système sauvegardée"); + } + + // Actions système + public void viderCache() { + System.out.println("Cache vidé avec succès"); + } + + public void optimiserBaseDonnees() { + System.out.println("Optimisation de la base de données en cours..."); + } + + public void sauvegarderBaseDonnees() { + System.out.println("Sauvegarde de la base de données initiée"); + } + + public String voirLogsSysteme() { + return "/pages/super-admin/logs?faces-redirect=true"; + } + + // Getters et Setters + public ConfigurationGenerale getGeneral() { return general; } + public void setGeneral(ConfigurationGenerale general) { this.general = general; } + + public ConfigurationSecurite getSecurite() { return securite; } + public void setSecurite(ConfigurationSecurite securite) { this.securite = securite; } + + public ConfigurationEmail getEmail() { return email; } + public void setEmail(ConfigurationEmail email) { this.email = email; } + + public ConfigurationPaiements getPaiements() { return paiements; } + public void setPaiements(ConfigurationPaiements paiements) { this.paiements = paiements; } + + public ConfigurationSysteme getSystème() { return système; } + public void setSystème(ConfigurationSysteme système) { this.système = système; } + + // Classes internes pour la configuration + public static class ConfigurationGenerale { + private String nomOrganisation; + private String sigleOrganisation; + private String siteWeb; + private String emailContact; + private String langueDefaut; + private String devise; + private String fuseauHoraire; + private boolean modeMaintenanceActif; + + // Getters et setters + public String getNomOrganisation() { return nomOrganisation; } + public void setNomOrganisation(String nomOrganisation) { this.nomOrganisation = nomOrganisation; } + + public String getSigleOrganisation() { return sigleOrganisation; } + public void setSigleOrganisation(String sigleOrganisation) { this.sigleOrganisation = sigleOrganisation; } + + public String getSiteWeb() { return siteWeb; } + public void setSiteWeb(String siteWeb) { this.siteWeb = siteWeb; } + + public String getEmailContact() { return emailContact; } + public void setEmailContact(String emailContact) { this.emailContact = emailContact; } + + public String getLangueDefaut() { return langueDefaut; } + public void setLangueDefaut(String langueDefaut) { this.langueDefaut = langueDefaut; } + + public String getDevise() { return devise; } + public void setDevise(String devise) { this.devise = devise; } + + public String getFuseauHoraire() { return fuseauHoraire; } + public void setFuseauHoraire(String fuseauHoraire) { this.fuseauHoraire = fuseauHoraire; } + + public boolean isModeMaintenanceActif() { return modeMaintenanceActif; } + public void setModeMaintenanceActif(boolean modeMaintenanceActif) { this.modeMaintenanceActif = modeMaintenanceActif; } + } + + public static class ConfigurationSecurite { + private int longueurMinMotPasse; + private boolean exigerMajuscules; + private boolean exigerChiffres; + private boolean exigerCaracteresSpeciaux; + private int expirationMotPasse; + private int tentativesConnexionMax; + private int dureeBlocage; + private int timeoutSession; + private boolean doubleFacteurObligatoire; + private boolean journalisationAvancee; + + // Getters et setters + public int getLongueurMinMotPasse() { return longueurMinMotPasse; } + public void setLongueurMinMotPasse(int longueurMinMotPasse) { this.longueurMinMotPasse = longueurMinMotPasse; } + + public boolean isExigerMajuscules() { return exigerMajuscules; } + public void setExigerMajuscules(boolean exigerMajuscules) { this.exigerMajuscules = exigerMajuscules; } + + public boolean isExigerChiffres() { return exigerChiffres; } + public void setExigerChiffres(boolean exigerChiffres) { this.exigerChiffres = exigerChiffres; } + + public boolean isExigerCaracteresSpeciaux() { return exigerCaracteresSpeciaux; } + public void setExigerCaracteresSpeciaux(boolean exigerCaracteresSpeciaux) { this.exigerCaracteresSpeciaux = exigerCaracteresSpeciaux; } + + public int getExpirationMotPasse() { return expirationMotPasse; } + public void setExpirationMotPasse(int expirationMotPasse) { this.expirationMotPasse = expirationMotPasse; } + + public int getTentativesConnexionMax() { return tentativesConnexionMax; } + public void setTentativesConnexionMax(int tentativesConnexionMax) { this.tentativesConnexionMax = tentativesConnexionMax; } + + public int getDureeBlocage() { return dureeBlocage; } + public void setDureeBlocage(int dureeBlocage) { this.dureeBlocage = dureeBlocage; } + + public int getTimeoutSession() { return timeoutSession; } + public void setTimeoutSession(int timeoutSession) { this.timeoutSession = timeoutSession; } + + public boolean isDoubleFacteurObligatoire() { return doubleFacteurObligatoire; } + public void setDoubleFacteurObligatoire(boolean doubleFacteurObligatoire) { this.doubleFacteurObligatoire = doubleFacteurObligatoire; } + + public boolean isJournalisationAvancee() { return journalisationAvancee; } + public void setJournalisationAvancee(boolean journalisationAvancee) { this.journalisationAvancee = journalisationAvancee; } + } + + public static class ConfigurationEmail { + private String serveurSMTP; + private int portSMTP; + private String utilisateurSMTP; + private String motPasseSMTP; + private boolean utiliserSSL; + private String emailExpediteur; + private String nomExpediteur; + private boolean notifierNouveauMembre; + private boolean notifierEvenements; + private boolean rappelCotisations; + + // Getters et setters + public String getServeurSMTP() { return serveurSMTP; } + public void setServeurSMTP(String serveurSMTP) { this.serveurSMTP = serveurSMTP; } + + public int getPortSMTP() { return portSMTP; } + public void setPortSMTP(int portSMTP) { this.portSMTP = portSMTP; } + + public String getUtilisateurSMTP() { return utilisateurSMTP; } + public void setUtilisateurSMTP(String utilisateurSMTP) { this.utilisateurSMTP = utilisateurSMTP; } + + public String getMotPasseSMTP() { return motPasseSMTP; } + public void setMotPasseSMTP(String motPasseSMTP) { this.motPasseSMTP = motPasseSMTP; } + + public boolean isUtiliserSSL() { return utiliserSSL; } + public void setUtiliserSSL(boolean utiliserSSL) { this.utiliserSSL = utiliserSSL; } + + public String getEmailExpediteur() { return emailExpediteur; } + public void setEmailExpediteur(String emailExpediteur) { this.emailExpediteur = emailExpediteur; } + + public String getNomExpediteur() { return nomExpediteur; } + public void setNomExpediteur(String nomExpediteur) { this.nomExpediteur = nomExpediteur; } + + public boolean isNotifierNouveauMembre() { return notifierNouveauMembre; } + public void setNotifierNouveauMembre(boolean notifierNouveauMembre) { this.notifierNouveauMembre = notifierNouveauMembre; } + + public boolean isNotifierEvenements() { return notifierEvenements; } + public void setNotifierEvenements(boolean notifierEvenements) { this.notifierEvenements = notifierEvenements; } + + public boolean isRappelCotisations() { return rappelCotisations; } + public void setRappelCotisations(boolean rappelCotisations) { this.rappelCotisations = rappelCotisations; } + } + + public static class ConfigurationPaiements { + private boolean waveActif; + private String waveApiKey; + private String waveSecretKey; + private String waveEnvironnement; + private boolean espècesActif; + private boolean chèqueActif; + private boolean virementActif; + private String ibanOrganisation; + private double fraisPaiement; + + // Getters et setters + public boolean isWaveActif() { return waveActif; } + public void setWaveActif(boolean waveActif) { this.waveActif = waveActif; } + + public String getWaveApiKey() { return waveApiKey; } + public void setWaveApiKey(String waveApiKey) { this.waveApiKey = waveApiKey; } + + public String getWaveSecretKey() { return waveSecretKey; } + public void setWaveSecretKey(String waveSecretKey) { this.waveSecretKey = waveSecretKey; } + + public String getWaveEnvironnement() { return waveEnvironnement; } + public void setWaveEnvironnement(String waveEnvironnement) { this.waveEnvironnement = waveEnvironnement; } + + public boolean isEspècesActif() { return espècesActif; } + public void setEspècesActif(boolean espècesActif) { this.espècesActif = espècesActif; } + + public boolean isChèqueActif() { return chèqueActif; } + public void setChèqueActif(boolean chèqueActif) { this.chèqueActif = chèqueActif; } + + public boolean isVirementActif() { return virementActif; } + public void setVirementActif(boolean virementActif) { this.virementActif = virementActif; } + + public String getIbanOrganisation() { return ibanOrganisation; } + public void setIbanOrganisation(String ibanOrganisation) { this.ibanOrganisation = ibanOrganisation; } + + public double getFraisPaiement() { return fraisPaiement; } + public void setFraisPaiement(double fraisPaiement) { this.fraisPaiement = fraisPaiement; } + } + + // Getters et setters pour les propriétés système + public String getNomApplication() { return nomApplication; } + public void setNomApplication(String nomApplication) { this.nomApplication = nomApplication; } + + public String getVersionSysteme() { return versionSysteme; } + public void setVersionSysteme(String versionSysteme) { this.versionSysteme = versionSysteme; } + + public String getEnvironnement() { return environnement; } + public void setEnvironnement(String environnement) { this.environnement = environnement; } + + public String getTimezone() { return timezone; } + public void setTimezone(String timezone) { this.timezone = timezone; } + + public String getLangueDefaut() { return langueDefaut; } + public void setLangueDefaut(String langueDefaut) { this.langueDefaut = langueDefaut; } + + public String getTypeBDD() { return typeBDD; } + public void setTypeBDD(String typeBDD) { this.typeBDD = typeBDD; } + + public String getServeurBDD() { return serveurBDD; } + public void setServeurBDD(String serveurBDD) { this.serveurBDD = serveurBDD; } + + public Integer getPortBDD() { return portBDD; } + public void setPortBDD(Integer portBDD) { this.portBDD = portBDD; } + + public String getNomBDD() { return nomBDD; } + public void setNomBDD(String nomBDD) { this.nomBDD = nomBDD; } + + public String getServeurSMTP() { return serveurSMTP; } + public void setServeurSMTP(String serveurSMTP) { this.serveurSMTP = serveurSMTP; } + + public Integer getPortSMTP() { return portSMTP; } + public void setPortSMTP(Integer portSMTP) { this.portSMTP = portSMTP; } + + public String getEmailExpediteur() { return emailExpediteur; } + public void setEmailExpediteur(String emailExpediteur) { this.emailExpediteur = emailExpediteur; } + + public Boolean getAuthentificationSMTP() { return authentificationSMTP; } + public void setAuthentificationSMTP(Boolean authentificationSMTP) { this.authentificationSMTP = authentificationSMTP; } + + public Boolean getTlsActive() { return tlsActive; } + public void setTlsActive(Boolean tlsActive) { this.tlsActive = tlsActive; } + + public Integer getTimeoutSession() { return timeoutSession; } + public void setTimeoutSession(Integer timeoutSession) { this.timeoutSession = timeoutSession; } + + public Integer getTentativesMaxConnexion() { return tentativesMaxConnexion; } + public void setTentativesMaxConnexion(Integer tentativesMaxConnexion) { this.tentativesMaxConnexion = tentativesMaxConnexion; } + + public Boolean getForcerChangementMotDePasse() { return forcerChangementMotDePasse; } + public void setForcerChangementMotDePasse(Boolean forcerChangementMotDePasse) { this.forcerChangementMotDePasse = forcerChangementMotDePasse; } + + public Boolean getAuthentification2FA() { return authentification2FA; } + public void setAuthentification2FA(Boolean authentification2FA) { this.authentification2FA = authentification2FA; } + + public Boolean getJournaliserEvenementsSecurite() { return journaliserEvenementsSecurite; } + public void setJournaliserEvenementsSecurite(Boolean journaliserEvenementsSecurite) { this.journaliserEvenementsSecurite = journaliserEvenementsSecurite; } + + public String getTempsActivite() { return tempsActivite; } + public void setTempsActivite(String tempsActivite) { this.tempsActivite = tempsActivite; } + + public Integer getUtilisateursConnectes() { return utilisateursConnectes; } + public void setUtilisateursConnectes(Integer utilisateursConnectes) { this.utilisateursConnectes = utilisateursConnectes; } + + public Integer getMemoireUtilisee() { return memoireUtilisee; } + public void setMemoireUtilisee(Integer memoireUtilisee) { this.memoireUtilisee = memoireUtilisee; } + + public String getMemoireTotal() { return memoireTotal; } + public void setMemoireTotal(String memoireTotal) { this.memoireTotal = memoireTotal; } + + public String getDerniereSauvegarde() { return derniereSauvegarde; } + public void setDerniereSauvegarde(String derniereSauvegarde) { this.derniereSauvegarde = derniereSauvegarde; } + + // Nouveaux getters/setters pour configuration enrichie + public String getDeviseDefaut() { return deviseDefaut; } + public void setDeviseDefaut(String deviseDefaut) { this.deviseDefaut = deviseDefaut; } + + public String getUrlBaseApplication() { return urlBaseApplication; } + public void setUrlBaseApplication(String urlBaseApplication) { this.urlBaseApplication = urlBaseApplication; } + + public String getFormatDate() { return formatDate; } + public void setFormatDate(String formatDate) { this.formatDate = formatDate; } + + public String getOrganisationPrincipale() { return organisationPrincipale; } + public void setOrganisationPrincipale(String organisationPrincipale) { this.organisationPrincipale = organisationPrincipale; } + + public String getUtilisateurBDD() { return utilisateurBDD; } + public void setUtilisateurBDD(String utilisateurBDD) { this.utilisateurBDD = utilisateurBDD; } + + public String getMotDePasseBDD() { return motDePasseBDD; } + public void setMotDePasseBDD(String motDePasseBDD) { this.motDePasseBDD = motDePasseBDD; } + + public Integer getTaillePoolConnexions() { return taillePoolConnexions; } + public void setTaillePoolConnexions(Integer taillePoolConnexions) { this.taillePoolConnexions = taillePoolConnexions; } + + public Boolean getSslActifBDD() { return sslActifBDD; } + public void setSslActifBDD(Boolean sslActifBDD) { this.sslActifBDD = sslActifBDD; } + + public String getNomExpediteur() { return nomExpediteur; } + public void setNomExpediteur(String nomExpediteur) { this.nomExpediteur = nomExpediteur; } + + public String getUtilisateurSMTP() { return utilisateurSMTP; } + public void setUtilisateurSMTP(String utilisateurSMTP) { this.utilisateurSMTP = utilisateurSMTP; } + + public String getMotDePasseSMTP() { return motDePasseSMTP; } + public void setMotDePasseSMTP(String motDePasseSMTP) { this.motDePasseSMTP = motDePasseSMTP; } + + public Integer getLimiteTauxEmail() { return limiteTauxEmail; } + public void setLimiteTauxEmail(Integer limiteTauxEmail) { this.limiteTauxEmail = limiteTauxEmail; } + + public String getComplexiteMotDePasse() { return complexiteMotDePasse; } + public void setComplexiteMotDePasse(String complexiteMotDePasse) { this.complexiteMotDePasse = complexiteMotDePasse; } + + public Integer getDureeValiditeMotDePasse() { return dureeValiditeMotDePasse; } + public void setDureeValiditeMotDePasse(Integer dureeValiditeMotDePasse) { this.dureeValiditeMotDePasse = dureeValiditeMotDePasse; } + + public Integer getRetentionLogs() { return retentionLogs; } + public void setRetentionLogs(Integer retentionLogs) { this.retentionLogs = retentionLogs; } + + public Boolean getChiffrementBDD() { return chiffrementBDD; } + public void setChiffrementBDD(Boolean chiffrementBDD) { this.chiffrementBDD = chiffrementBDD; } + + public Integer getCpuUtilisation() { return cpuUtilisation; } + public void setCpuUtilisation(Integer cpuUtilisation) { this.cpuUtilisation = cpuUtilisation; } + + public Float getDisqueDisponible() { return disqueDisponible; } + public void setDisqueDisponible(Float disqueDisponible) { this.disqueDisponible = disqueDisponible; } + + public Integer getConnexionsBDDActives() { return connexionsBDDActives; } + public void setConnexionsBDDActives(Integer connexionsBDDActives) { this.connexionsBDDActives = connexionsBDDActives; } + + public Integer getQueueEmailsEnAttente() { return queueEmailsEnAttente; } + public void setQueueEmailsEnAttente(Integer queueEmailsEnAttente) { this.queueEmailsEnAttente = queueEmailsEnAttente; } + + public Integer getLogsErreurs24h() { return logsErreurs24h; } + public void setLogsErreurs24h(Integer logsErreurs24h) { this.logsErreurs24h = logsErreurs24h; } + + public Integer getSessionsActives() { return sessionsActives; } + public void setSessionsActives(Integer sessionsActives) { this.sessionsActives = sessionsActives; } + + public Boolean getModeMaintenance() { return modeMaintenance; } + public void setModeMaintenance(Boolean modeMaintenance) { this.modeMaintenance = modeMaintenance; } + + public String getFrequenceSauvegarde() { return frequenceSauvegarde; } + public void setFrequenceSauvegarde(String frequenceSauvegarde) { this.frequenceSauvegarde = frequenceSauvegarde; } + + public Integer getRetentionSauvegardes() { return retentionSauvegardes; } + public void setRetentionSauvegardes(Integer retentionSauvegardes) { this.retentionSauvegardes = retentionSauvegardes; } + + public String getEmailAlertes() { return emailAlertes; } + public void setEmailAlertes(String emailAlertes) { this.emailAlertes = emailAlertes; } + + public Boolean getAlertesCPU() { return alertesCPU; } + public void setAlertesCPU(Boolean alertesCPU) { this.alertesCPU = alertesCPU; } + + public Boolean getAlertesMemoire() { return alertesMemoire; } + public void setAlertesMemoire(Boolean alertesMemoire) { this.alertesMemoire = alertesMemoire; } + + public Boolean getAlertesDisque() { return alertesDisque; } + public void setAlertesDisque(Boolean alertesDisque) { this.alertesDisque = alertesDisque; } + + // Méthodes utilitaires pour les styles CSS conditionnels + public String getCpuUtilisationStyle() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "text-red-500" : "text-green-500"; + } + + public String getDisqueDisponibleStyle() { + return disqueDisponible != null && disqueDisponible < 10 ? "text-red-500" : "text-blue-500"; + } + + public String getQueueEmailsStyle() { + return queueEmailsEnAttente != null && queueEmailsEnAttente > 100 ? "text-orange-500" : "text-green-500"; + } + + public String getLogsErreursStyle() { + return logsErreurs24h != null && logsErreurs24h > 50 ? "text-red-500" : "text-green-500"; + } + + public String getMemoireUtiliseeStyle() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "text-red-500" : "text-green-500"; + } + + // Méthodes pour les alertes système + public String getCpuAlertStyle() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "bg-red-100" : "bg-green-100"; + } + + public String getCpuAlertIcon() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "pi-exclamation-triangle text-red-500" : "pi-check text-green-500"; + } + + public String getCpuAlertText() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "ALERTE" : "NORMAL"; + } + + public String getMemoireAlertStyle() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "bg-red-100" : "bg-green-100"; + } + + public String getMemoireAlertIcon() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "pi-exclamation-triangle text-red-500" : "pi-check text-green-500"; + } + + public String getMemoireAlertText() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "ALERTE" : "NORMAL"; + } + + public String getDisqueAlertStyle() { + return disqueDisponible != null && disqueDisponible < 10 ? "bg-red-100" : "bg-green-100"; + } + + public String getDisqueAlertIcon() { + return disqueDisponible != null && disqueDisponible < 10 ? "pi-exclamation-triangle text-red-500" : "pi-check text-green-500"; + } + + public String getDisqueAlertText() { + return disqueDisponible != null && disqueDisponible < 10 ? "CRITIQUE" : "NORMAL"; + } + + // Méthodes d'actions + public void actualiserMonitoring() { + calculerMetriquesSysteme(); + System.out.println("Monitoring actualisé"); + } + + public void nettoyerCache() { + System.out.println("Cache système nettoyé"); + } + + public void auditSysteme() { + System.out.println("Audit système lancé"); + } + + public void appliquerConfigGenerale() { + System.out.println("Configuration générale appliquée"); + } + + public void appliquerConfigBDD() { + System.out.println("Configuration BDD appliquée"); + } + + public void appliquerConfigEmail() { + System.out.println("Configuration email appliquée"); + } + + public void appliquerConfigSecurite() { + System.out.println("Configuration sécurité appliquée"); + } + + public void sauvegarderAlertes() { + System.out.println("Configuration des alertes sauvegardée"); + } + + public static class ConfigurationSysteme { + private boolean cacheActivé; + private int dureeCacheMinutes; + private int tailleLotTraitement; + private String niveauLog; + private int retentionLogJours; + private boolean métriquesActivées; + private boolean alertesSystemeActivées; + + // Getters et setters + public boolean isCacheActivé() { return cacheActivé; } + public void setCacheActivé(boolean cacheActivé) { this.cacheActivé = cacheActivé; } + + public int getDureeCacheMinutes() { return dureeCacheMinutes; } + public void setDureeCacheMinutes(int dureeCacheMinutes) { this.dureeCacheMinutes = dureeCacheMinutes; } + + public int getTailleLotTraitement() { return tailleLotTraitement; } + public void setTailleLotTraitement(int tailleLotTraitement) { this.tailleLotTraitement = tailleLotTraitement; } + + public String getNiveauLog() { return niveauLog; } + public void setNiveauLog(String niveauLog) { this.niveauLog = niveauLog; } + + public int getRetentionLogJours() { return retentionLogJours; } + public void setRetentionLogJours(int retentionLogJours) { this.retentionLogJours = retentionLogJours; } + + public boolean isMétriquesActivées() { return métriquesActivées; } + public void setMétriquesActivées(boolean métriquesActivées) { this.métriquesActivées = métriquesActivées; } + + public boolean isAlertesSystemeActivées() { return alertesSystemeActivées; } + public void setAlertesSystemeActivées(boolean alertesSystemeActivées) { this.alertesSystemeActivées = alertesSystemeActivées; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/CotisationsBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/CotisationsBean.java new file mode 100644 index 0000000..6200af0 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/CotisationsBean.java @@ -0,0 +1,691 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; +import java.math.BigDecimal; + +@Named("cotisationsBean") +@SessionScoped +public class CotisationsBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List toutesLesCotisations; + private List cotisationsFiltrees; + private List cotisationsSelectionnees; + private Cotisation cotisationSelectionnee; + private NouvelleCotisation nouvelleCotisation; + private Filtres filtres; + private StatistiquesFinancieres statistiques; + private List evolutionPaiements; + private List repartitionMethodes; + private List rappelsEnAttente; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeCotisations(); + initializeNouvelleCotisation(); + initializeEvolutionPaiements(); + initializeRepartitionMethodes(); + initializeRappels(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + cotisationsSelectionnees = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesFinancieres(); + statistiques.setTotalCollecte(new BigDecimal("45750000")); + statistiques.setObjectifAnnuel(new BigDecimal("60000000")); + statistiques.setTauxRecouvrement(76.25); + statistiques.setCotisationsEnRetard(23); + statistiques.setMontantRetard(new BigDecimal("3850000")); + statistiques.setMoyenneMensuelle(new BigDecimal("3812500")); + } + + private void initializeEvolutionPaiements() { + evolutionPaiements = new ArrayList<>(); + String[] mois = {"Jan", "Fév", "Mar", "Avr", "Mai", "Jun", "Jul", "Aoû", "Sep", "Oct", "Nov", "Déc"}; + BigDecimal[] montants = { + new BigDecimal("2850000"), new BigDecimal("3200000"), new BigDecimal("3650000"), + new BigDecimal("3950000"), new BigDecimal("4200000"), new BigDecimal("3800000"), + new BigDecimal("4100000"), new BigDecimal("3750000"), new BigDecimal("4300000"), + new BigDecimal("3900000"), new BigDecimal("4150000"), new BigDecimal("4000000") + }; + + for (int i = 0; i < mois.length; i++) { + EvolutionPaiement evolution = new EvolutionPaiement(); + evolution.setMois(mois[i]); + evolution.setMontant(montants[i]); + evolution.setHauteur((int) (montants[i].divide(new BigDecimal("50000")).intValue())); + evolutionPaiements.add(evolution); + } + } + + private void initializeRepartitionMethodes() { + repartitionMethodes = new ArrayList<>(); + + RepartitionMethode wave = new RepartitionMethode(); + wave.setMethode("Wave Money"); + wave.setPourcentage(45.2); + wave.setMontant(new BigDecimal("20689500")); + wave.setCouleur("bg-blue-500"); + wave.setIcon("pi-mobile"); + repartitionMethodes.add(wave); + + RepartitionMethode especes = new RepartitionMethode(); + especes.setMethode("Espèces"); + especes.setPourcentage(32.1); + especes.setMontant(new BigDecimal("14690750")); + especes.setCouleur("bg-green-500"); + especes.setIcon("pi-money-bill"); + repartitionMethodes.add(especes); + + RepartitionMethode cheque = new RepartitionMethode(); + cheque.setMethode("Chèque"); + cheque.setPourcentage(15.8); + cheque.setMontant(new BigDecimal("7228500")); + cheque.setCouleur("bg-orange-500"); + cheque.setIcon("pi-credit-card"); + repartitionMethodes.add(cheque); + + RepartitionMethode virement = new RepartitionMethode(); + virement.setMethode("Virement"); + virement.setPourcentage(6.9); + virement.setMontant(new BigDecimal("3156750")); + virement.setCouleur("bg-purple-500"); + virement.setIcon("pi-send"); + repartitionMethodes.add(virement); + } + + private void initializeRappels() { + rappelsEnAttente = new ArrayList<>(); + + RappelCotisation rappel1 = new RappelCotisation(); + rappel1.setNomMembre("Jean Kouassi"); + rappel1.setClub("Association Alpha"); + rappel1.setMontantDu(new BigDecimal("150000")); + rappel1.setJoursRetard(15); + rappel1.setPriorite("HAUTE"); + rappelsEnAttente.add(rappel1); + + RappelCotisation rappel2 = new RappelCotisation(); + rappel2.setNomMembre("Marie Traoré"); + rappel2.setClub("Club Beta"); + rappel2.setMontantDu(new BigDecimal("125000")); + rappel2.setJoursRetard(8); + rappel2.setPriorite("MOYENNE"); + rappelsEnAttente.add(rappel2); + + RappelCotisation rappel3 = new RappelCotisation(); + rappel3.setNomMembre("Ahmed Diallo"); + rappel3.setClub("Groupe Gamma"); + rappel3.setMontantDu(new BigDecimal("100000")); + rappel3.setJoursRetard(3); + rappel3.setPriorite("FAIBLE"); + rappelsEnAttente.add(rappel3); + } + + private void initializeCotisations() { + toutesLesCotisations = new ArrayList<>(); + + String[] membres = { + "Jean Kouassi", "Marie Traoré", "Ahmed Diallo", "Fatou Sanogo", "Paul Ouattara", + "Aissata Koné", "Ibrahim Touré", "Aminata Bakayoko", "Yves Koffi", "Mariam Coulibaly", + "Seydou Cissé", "Adjoa Mensah", "Kwame Asante", "Ama Gyamfi", "Kofi Adjei" + }; + + String[] clubs = { + "Association Alpha", "Club Beta", "Groupe Gamma", + "Association Delta", "Club Epsilon", "Groupe Zeta", + "Association Eta", "Club Theta", "Groupe Iota" + }; + + String[] types = {"MENSUELLE", "TRIMESTRIELLE", "ANNUELLE", "EXCEPTIONNELLE"}; + String[] statuts = {"PAYEE", "EN_ATTENTE", "EN_RETARD", "PARTIELLEMENT_PAYEE"}; + String[] methodes = {"WAVE_MONEY", "ESPECES", "CHEQUE", "VIREMENT"}; + + BigDecimal[] montants = { + new BigDecimal("150000"), new BigDecimal("125000"), new BigDecimal("100000"), + new BigDecimal("175000"), new BigDecimal("200000"), new BigDecimal("75000"), + new BigDecimal("120000"), new BigDecimal("180000"), new BigDecimal("95000") + }; + + for (int i = 0; i < 50; i++) { + Cotisation cotisation = new Cotisation(); + cotisation.setId((long) (i + 1)); + cotisation.setNumeroMembre("M" + String.format("%04d", (i % membres.length) + 1)); + cotisation.setNomMembre(membres[i % membres.length]); + cotisation.setClub(clubs[i % clubs.length]); + cotisation.setTypeCotisation(types[i % types.length]); + cotisation.setMontantDu(montants[i % montants.length]); + + if (i % 5 == 0) { + cotisation.setStatut("EN_RETARD"); + cotisation.setMontantPaye(BigDecimal.ZERO); + } else if (i % 8 == 0) { + cotisation.setStatut("PARTIELLEMENT_PAYEE"); + cotisation.setMontantPaye(cotisation.getMontantDu().multiply(new BigDecimal("0.5"))); + } else if (i % 12 == 0) { + cotisation.setStatut("EN_ATTENTE"); + cotisation.setMontantPaye(BigDecimal.ZERO); + } else { + cotisation.setStatut("PAYEE"); + cotisation.setMontantPaye(cotisation.getMontantDu()); + } + + cotisation.setMethodePaiement(methodes[i % methodes.length]); + cotisation.setDateEcheance(LocalDate.now().minusDays(i * 2).plusMonths(1)); + + if (!cotisation.getStatut().equals("EN_ATTENTE")) { + cotisation.setDatePaiement(LocalDateTime.now().minusDays(i + 1)); + } + + cotisation.setObservations(i % 7 == 0 ? "Paiement en plusieurs fois autorisé" : ""); + + toutesLesCotisations.add(cotisation); + } + } + + private void initializeNouvelleCotisation() { + nouvelleCotisation = new NouvelleCotisation(); + } + + private void appliquerFiltres() { + cotisationsFiltrees = toutesLesCotisations.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Cotisation cotisation) { + if (filtres.getNomMembre() != null && !filtres.getNomMembre().trim().isEmpty()) { + if (!cotisation.getNomMembre().toLowerCase().contains(filtres.getNomMembre().toLowerCase())) { + return false; + } + } + + if (filtres.getClub() != null && !filtres.getClub().trim().isEmpty()) { + if (!cotisation.getClub().toLowerCase().contains(filtres.getClub().toLowerCase())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!cotisation.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getTypeCotisation() != null && !filtres.getTypeCotisation().trim().isEmpty()) { + if (!cotisation.getTypeCotisation().equals(filtres.getTypeCotisation())) { + return false; + } + } + + if (filtres.getMethodePaiement() != null && !filtres.getMethodePaiement().trim().isEmpty()) { + if (!cotisation.getMethodePaiement().equals(filtres.getMethodePaiement())) { + return false; + } + } + + if (filtres.getDateDebut() != null) { + if (cotisation.getDateEcheance().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null) { + if (cotisation.getDateEcheance().isAfter(filtres.getDateFin())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void enregistrerCotisation() { + Cotisation nouvelleCot = new Cotisation(); + nouvelleCot.setId((long) (toutesLesCotisations.size() + 1)); + nouvelleCot.setNumeroMembre(nouvelleCotisation.getNumeroMembre()); + nouvelleCot.setNomMembre(nouvelleCotisation.getNomMembre()); + nouvelleCot.setClub(nouvelleCotisation.getClub()); + nouvelleCot.setTypeCotisation(nouvelleCotisation.getTypeCotisation()); + nouvelleCot.setMontantDu(nouvelleCotisation.getMontantDu()); + nouvelleCot.setDateEcheance(nouvelleCotisation.getDateEcheance()); + nouvelleCot.setStatut("EN_ATTENTE"); + nouvelleCot.setMontantPaye(BigDecimal.ZERO); + nouvelleCot.setObservations(nouvelleCotisation.getObservations()); + + toutesLesCotisations.add(nouvelleCot); + appliquerFiltres(); + + System.out.println("Nouvelle cotisation enregistrée pour: " + nouvelleCot.getNomMembre()); + initializeNouvelleCotisation(); + } + + public void marquerCommePaye() { + if (cotisationSelectionnee != null) { + cotisationSelectionnee.setStatut("PAYEE"); + cotisationSelectionnee.setMontantPaye(cotisationSelectionnee.getMontantDu()); + cotisationSelectionnee.setDatePaiement(LocalDateTime.now()); + System.out.println("Cotisation marquée comme payée: " + cotisationSelectionnee.getNomMembre()); + } + } + + public void enregistrerPaiementPartiel() { + if (cotisationSelectionnee != null) { + cotisationSelectionnee.setStatut("PARTIELLEMENT_PAYEE"); + cotisationSelectionnee.setDatePaiement(LocalDateTime.now()); + System.out.println("Paiement partiel enregistré: " + cotisationSelectionnee.getNomMembre()); + } + } + + public void envoyerRappel() { + if (cotisationSelectionnee != null) { + System.out.println("Rappel envoyé à: " + cotisationSelectionnee.getNomMembre()); + } + } + + public void envoyerRappelsGroupes() { + System.out.println("Rappels envoyés à " + cotisationsSelectionnees.size() + " membres"); + } + + public void exporterCotisations() { + System.out.println("Export de " + cotisationsFiltrees.size() + " cotisations"); + } + + public void genererRapportFinancier() { + System.out.println("Rapport financier généré"); + } + + // Getters et Setters + public List getToutesLesCotisations() { return toutesLesCotisations; } + public void setToutesLesCotisations(List toutesLesCotisations) { this.toutesLesCotisations = toutesLesCotisations; } + + public List getCotisationsFiltrees() { return cotisationsFiltrees; } + public void setCotisationsFiltrees(List cotisationsFiltrees) { this.cotisationsFiltrees = cotisationsFiltrees; } + + public List getCotisationsSelectionnees() { return cotisationsSelectionnees; } + public void setCotisationsSelectionnees(List cotisationsSelectionnees) { this.cotisationsSelectionnees = cotisationsSelectionnees; } + + public Cotisation getCotisationSelectionnee() { return cotisationSelectionnee; } + public void setCotisationSelectionnee(Cotisation cotisationSelectionnee) { this.cotisationSelectionnee = cotisationSelectionnee; } + + public NouvelleCotisation getNouvelleCotisation() { return nouvelleCotisation; } + public void setNouvelleCotisation(NouvelleCotisation nouvelleCotisation) { this.nouvelleCotisation = nouvelleCotisation; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesFinancieres getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesFinancieres statistiques) { this.statistiques = statistiques; } + + public List getEvolutionPaiements() { return evolutionPaiements; } + public void setEvolutionPaiements(List evolutionPaiements) { this.evolutionPaiements = evolutionPaiements; } + + public List getRepartitionMethodes() { return repartitionMethodes; } + public void setRepartitionMethodes(List repartitionMethodes) { this.repartitionMethodes = repartitionMethodes; } + + public List getRappelsEnAttente() { return rappelsEnAttente; } + public void setRappelsEnAttente(List rappelsEnAttente) { this.rappelsEnAttente = rappelsEnAttente; } + + // Classes internes + public static class Cotisation { + private Long id; + private String numeroMembre; + private String nomMembre; + private String club; + private String typeCotisation; + private BigDecimal montantDu; + private BigDecimal montantPaye; + private String statut; + private String methodePaiement; + private LocalDate dateEcheance; + private LocalDateTime datePaiement; + private String observations; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getClub() { return club; } + public void setClub(String club) { this.club = club; } + + public String getTypeCotisation() { return typeCotisation; } + public void setTypeCotisation(String typeCotisation) { this.typeCotisation = typeCotisation; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public BigDecimal getMontantPaye() { return montantPaye; } + public void setMontantPaye(BigDecimal montantPaye) { this.montantPaye = montantPaye; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getMethodePaiement() { return methodePaiement; } + public void setMethodePaiement(String methodePaiement) { this.methodePaiement = methodePaiement; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public LocalDateTime getDatePaiement() { return datePaiement; } + public void setDatePaiement(LocalDateTime datePaiement) { this.datePaiement = datePaiement; } + + public String getObservations() { return observations; } + public void setObservations(String observations) { this.observations = observations; } + + // Propriétés dérivées + public String getStatutSeverity() { + return switch (statut) { + case "PAYEE" -> "success"; + case "EN_ATTENTE" -> "warning"; + case "EN_RETARD" -> "danger"; + case "PARTIELLEMENT_PAYEE" -> "info"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "PAYEE" -> "pi-check"; + case "EN_ATTENTE" -> "pi-clock"; + case "EN_RETARD" -> "pi-exclamation-triangle"; + case "PARTIELLEMENT_PAYEE" -> "pi-minus"; + default -> "pi-circle"; + }; + } + + public String getMethodePaiementLibelle() { + return switch (methodePaiement) { + case "WAVE_MONEY" -> "Wave Money"; + case "ESPECES" -> "Espèces"; + case "CHEQUE" -> "Chèque"; + case "VIREMENT" -> "Virement"; + default -> methodePaiement; + }; + } + + public String getTypeCotisationLibelle() { + return switch (typeCotisation) { + case "MENSUELLE" -> "Mensuelle"; + case "TRIMESTRIELLE" -> "Trimestrielle"; + case "ANNUELLE" -> "Annuelle"; + case "EXCEPTIONNELLE" -> "Exceptionnelle"; + default -> typeCotisation; + }; + } + + public String getDateEcheanceFormatee() { + if (dateEcheance == null) return ""; + return dateEcheance.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDatePaiementFormatee() { + if (datePaiement == null) return ""; + return datePaiement.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + public String getMontantDuFormatte() { + return String.format("%,.0f FCFA", montantDu); + } + + public String getMontantPayeFormatte() { + return String.format("%,.0f FCFA", montantPaye); + } + + public BigDecimal getMontantRestant() { + return montantDu.subtract(montantPaye); + } + + public String getMontantRestantFormatte() { + return String.format("%,.0f FCFA", getMontantRestant()); + } + + public int getPourcentagePaye() { + if (montantDu.equals(BigDecimal.ZERO)) return 0; + return montantPaye.multiply(new BigDecimal("100")).divide(montantDu, 0, BigDecimal.ROUND_HALF_UP).intValue(); + } + + public long getJoursRetard() { + if (dateEcheance == null || !statut.equals("EN_RETARD")) return 0; + return ChronoUnit.DAYS.between(dateEcheance, LocalDate.now()); + } + } + + public static class NouvelleCotisation { + private String numeroMembre; + private String nomMembre; + private String club; + private String typeCotisation; + private BigDecimal montantDu; + private LocalDate dateEcheance; + private String observations; + + // Getters et setters + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getClub() { return club; } + public void setClub(String club) { this.club = club; } + + public String getTypeCotisation() { return typeCotisation; } + public void setTypeCotisation(String typeCotisation) { this.typeCotisation = typeCotisation; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getObservations() { return observations; } + public void setObservations(String observations) { this.observations = observations; } + } + + public static class Filtres { + private String nomMembre; + private String club; + private String statut; + private String typeCotisation; + private String methodePaiement; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et setters + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getClub() { return club; } + public void setClub(String club) { this.club = club; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getTypeCotisation() { return typeCotisation; } + public void setTypeCotisation(String typeCotisation) { this.typeCotisation = typeCotisation; } + + public String getMethodePaiement() { return methodePaiement; } + public void setMethodePaiement(String methodePaiement) { this.methodePaiement = methodePaiement; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + public static class StatistiquesFinancieres { + private BigDecimal totalCollecte; + private BigDecimal objectifAnnuel; + private double tauxRecouvrement; + private int cotisationsEnRetard; + private BigDecimal montantRetard; + private BigDecimal moyenneMensuelle; + + // Getters et setters + public BigDecimal getTotalCollecte() { return totalCollecte; } + public void setTotalCollecte(BigDecimal totalCollecte) { this.totalCollecte = totalCollecte; } + + public BigDecimal getObjectifAnnuel() { return objectifAnnuel; } + public void setObjectifAnnuel(BigDecimal objectifAnnuel) { this.objectifAnnuel = objectifAnnuel; } + + public double getTauxRecouvrement() { return tauxRecouvrement; } + public void setTauxRecouvrement(double tauxRecouvrement) { this.tauxRecouvrement = tauxRecouvrement; } + + public int getCotisationsEnRetard() { return cotisationsEnRetard; } + public void setCotisationsEnRetard(int cotisationsEnRetard) { this.cotisationsEnRetard = cotisationsEnRetard; } + + public BigDecimal getMontantRetard() { return montantRetard; } + public void setMontantRetard(BigDecimal montantRetard) { this.montantRetard = montantRetard; } + + public BigDecimal getMoyenneMensuelle() { return moyenneMensuelle; } + public void setMoyenneMensuelle(BigDecimal moyenneMensuelle) { this.moyenneMensuelle = moyenneMensuelle; } + + // Méthodes de formatage + public String getTotalCollecteFormatte() { + return String.format("%,.0f FCFA", totalCollecte); + } + + public String getObjectifAnnuelFormatte() { + return String.format("%,.0f FCFA", objectifAnnuel); + } + + public String getMontantRetardFormatte() { + return String.format("%,.0f FCFA", montantRetard); + } + + public String getMoyenneMensuelleFormattee() { + return String.format("%,.0f FCFA", moyenneMensuelle); + } + + public int getTauxRecouvrementInt() { + return (int) tauxRecouvrement; + } + } + + public static class EvolutionPaiement { + private String mois; + private BigDecimal montant; + private int hauteur; + + // Getters et setters + public String getMois() { return mois; } + public void setMois(String mois) { this.mois = mois; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + + public String getMontantFormatte() { + return String.format("%.1fM", montant.divide(new BigDecimal("1000000")).doubleValue()); + } + } + + public static class RepartitionMethode { + private String methode; + private double pourcentage; + private BigDecimal montant; + private String couleur; + private String icon; + + // Getters et setters + public String getMethode() { return methode; } + public void setMethode(String methode) { this.methode = methode; } + + public double getPourcentage() { return pourcentage; } + public void setPourcentage(double pourcentage) { this.pourcentage = pourcentage; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getMontantFormatte() { + return String.format("%,.0f FCFA", montant); + } + + public int getPourcentageInt() { + return (int) pourcentage; + } + + public int getLargeur() { + return (int) (pourcentage * 2); + } + } + + public static class RappelCotisation { + private String nomMembre; + private String club; + private BigDecimal montantDu; + private int joursRetard; + private String priorite; + + // Getters et setters + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getClub() { return club; } + public void setClub(String club) { this.club = club; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public int getJoursRetard() { return joursRetard; } + public void setJoursRetard(int joursRetard) { this.joursRetard = joursRetard; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getMontantDuFormatte() { + return String.format("%,.0f FCFA", montantDu); + } + + public String getPrioriteSeverity() { + return switch (priorite) { + case "HAUTE" -> "danger"; + case "MOYENNE" -> "warning"; + case "FAIBLE" -> "info"; + default -> "secondary"; + }; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/CotisationsGestionBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/CotisationsGestionBean.java new file mode 100644 index 0000000..6cf6dc9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/CotisationsGestionBean.java @@ -0,0 +1,699 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("cotisationsGestionBean") +@SessionScoped +public class CotisationsGestionBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Propriétés principales + private String periodeActuelle; + private BigDecimal tauxRecouvrement; + private int totalMembresActifs; + + // KPIs financiers + private String montantCollecte; + private String objectifMensuel; + private int progressionMensuelle; + private String membresAJour; + private int pourcentageMembresAJour; + private String montantEnAttente; + private int nombreCotisationsEnAttente; + private String montantImpayes; + private int joursRetardMoyen; + private String revenus2024; + private String croissanceAnnuelle; + private String prelevementsActifs; + private String montantPrelevementsPrevu; + + // Analytics + private String periodeGraphique = "12M"; + private List topOrganisations; + private int paiementsWave = 65; + private int paiementsVirement = 25; + private int paiementsEspeces = 10; + + // Filtres + private FiltresCotisations filtres; + private List listeOrganisations; + + // Données et sélections + private List cotisationsFiltrees; + private List cotisationsSelectionnees; + private String montantTotalSelectionne; + + // Wave Money + private int membresPrelevementActif; + private String montantPrelevementMensuel; + private String prochainPrelevement; + + // Nouvelle campagne + private NouvelleCampagne nouvelleCampagne; + + @PostConstruct + public void init() { + initializeKPIs(); + initializeFiltres(); + initializeData(); + initializeTopOrganisations(); + initializeNouvelleCampagne(); + } + + private void initializeKPIs() { + this.periodeActuelle = "Décembre 2024"; + this.tauxRecouvrement = new BigDecimal("87.3"); + this.totalMembresActifs = 18547; + + this.montantCollecte = "2,845,000 FCFA"; + this.objectifMensuel = "3,200,000 FCFA"; + this.progressionMensuelle = 89; + this.membresAJour = "16,205"; + this.pourcentageMembresAJour = 87; + this.montantEnAttente = "785,000 FCFA"; + this.nombreCotisationsEnAttente = 1247; + this.montantImpayes = "425,000 FCFA"; + this.joursRetardMoyen = 12; + this.revenus2024 = "34,200,000 FCFA"; + this.croissanceAnnuelle = "+15.3%"; + this.prelevementsActifs = "8,450"; + this.montantPrelevementsPrevu = "42,250,000"; + + this.membresPrelevementActif = 8450; + this.montantPrelevementMensuel = "42,250,000 FCFA"; + this.prochainPrelevement = "01/01/2025"; + + this.cotisationsSelectionnees = new ArrayList<>(); + this.montantTotalSelectionne = "0 FCFA"; + } + + private void initializeFiltres() { + this.filtres = new FiltresCotisations(); + this.listeOrganisations = new ArrayList<>(); + + // Simulation d'organisations + for (int i = 1; i <= 127; i++) { + Organisation org = new Organisation(); + org.setId((long) i); + org.setNom("Organisation " + i); + listeOrganisations.add(org); + } + } + + private void initializeData() { + this.cotisationsFiltrees = new ArrayList<>(); + + // Simulation de données de cotisations pour les 127 organisations + for (int i = 1; i <= 500; i++) { + CotisationAdmin cotisation = new CotisationAdmin(); + cotisation.setId((long) i); + cotisation.setNomOrganisation("Organisation " + ((i % 127) + 1)); + cotisation.setRegionOrganisation("Région " + ((i % 12) + 1)); + cotisation.setIconeOrganisation("pi-building"); + + cotisation.setNomCompletMembre("Membre " + i); + cotisation.setNumeroMembre("M" + String.format("%06d", i)); + cotisation.setInitialesMembre(getInitiales("Membre " + i)); + cotisation.setTypeMembre(i % 3 == 0 ? "Membre Actif" : "Membre Associé"); + + cotisation.setType(getTypeCotisation(i)); + cotisation.setPeriode(getperiode(i)); + cotisation.setAnnee("2024"); + cotisation.setMontant(new BigDecimal(getMontantCotisation(i))); + cotisation.setStatut(getStatutCotisation(i)); + cotisation.setDateEcheance(LocalDate.now().minusDays(i % 60)); + + if (cotisation.getStatut().equals("PAYE")) { + cotisation.setDatePaiement(cotisation.getDateEcheance().plusDays(i % 10)); + cotisation.setModePaiement(getModePaiement(i)); + } + + cotisationsFiltrees.add(cotisation); + } + } + + private void initializeTopOrganisations() { + this.topOrganisations = new ArrayList<>(); + + String[] noms = {"Lions Club Dakar Centre", "Association Thiès Nord", "Groupe Kaolack Est", + "Lions Club Saint-Louis", "Association Louga Centre"}; + int[] taux = {98, 95, 92, 89, 87}; + String[] montants = {"485K", "420K", "380K", "365K", "340K"}; + int[] membres = {156, 134, 128, 145, 120}; + int[] totaux = {160, 145, 140, 165, 135}; + + for (int i = 0; i < noms.length; i++) { + OrganisationPerformante org = new OrganisationPerformante(); + org.setNom(noms[i]); + org.setTauxRecouvrement(taux[i]); + org.setMontantCollecte(montants[i]); + org.setNombreMembresAJour(membres[i]); + org.setTotalMembres(totaux[i]); + topOrganisations.add(org); + } + } + + private void initializeNouvelleCampagne() { + this.nouvelleCampagne = new NouvelleCampagne(); + } + + private String getTypeCotisation(int i) { + return switch (i % 4) { + case 0 -> "MENSUELLE"; + case 1 -> "SPECIALE"; + case 2 -> "ADHESION"; + default -> "EVENEMENT"; + }; + } + + private String getperiode(int i) { + String[] mois = {"Janvier", "Février", "Mars", "Avril", "Mai", "Juin", + "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"}; + return mois[i % 12] + " 2024"; + } + + private int getMontantCotisation(int i) { + return switch (i % 4) { + case 0 -> 5000; // Mensuelle + case 1 -> 15000; // Spéciale + case 2 -> 25000; // Adhésion + default -> 10000; // Événement + }; + } + + private String getStatutCotisation(int i) { + return switch (i % 4) { + case 0 -> "PAYE"; + case 1 -> "EN_ATTENTE"; + case 2 -> "EN_RETARD"; + default -> "PAYE"; + }; + } + + private String getModePaiement(int i) { + return switch (i % 3) { + case 0 -> "WAVE"; + case 1 -> "VIREMENT"; + default -> "ESPECES"; + }; + } + + private String getInitiales(String nom) { + String[] parts = nom.split(" "); + return parts.length >= 2 ? + String.valueOf(parts[0].charAt(0)) + String.valueOf(parts[1].charAt(0)) : + String.valueOf(nom.charAt(0)) + "M"; + } + + // Actions principales + public void creerCampagne() { + System.out.println("Création de la campagne: " + nouvelleCampagne.getNom()); + // Logique de création de campagne + initializeNouvelleCampagne(); // Reset pour nouvelle campagne + } + + public void relancesGroupees() { + System.out.println("Envoi de relances groupées"); + } + + public void exporterTout() { + System.out.println("Export global des cotisations"); + } + + public void appliquerFiltres() { + // Logique de filtrage + System.out.println("Application des filtres"); + } + + public void reinitialiserFiltres() { + this.filtres = new FiltresCotisations(); + System.out.println("Réinitialisation des filtres"); + } + + public void exporterExcel() { + System.out.println("Export Excel des cotisations filtrées"); + } + + // Actions sur cotisations individuelles + public void enregistrerPaiement(CotisationAdmin cotisation) { + System.out.println("Enregistrement paiement pour: " + cotisation.getNumeroMembre()); + } + + public void genererRecu(CotisationAdmin cotisation) { + System.out.println("Génération reçu pour: " + cotisation.getNumeroMembre()); + } + + public void envoyerRappel(CotisationAdmin cotisation) { + System.out.println("Envoi rappel pour: " + cotisation.getNumeroMembre()); + } + + public void voirDetails(CotisationAdmin cotisation) { + System.out.println("Affichage détails pour: " + cotisation.getNumeroMembre()); + } + + // Actions groupées + public void marquerPayeesGroupees() { + System.out.println("Marquage " + cotisationsSelectionnees.size() + " cotisations comme payées"); + } + + public void envoyerRelancesGroupees() { + System.out.println("Envoi relances pour " + cotisationsSelectionnees.size() + " cotisations"); + } + + public void genererRecusGroupes() { + System.out.println("Génération reçus pour " + cotisationsSelectionnees.size() + " cotisations"); + } + + public void annulerCotisationsGroupees() { + System.out.println("Annulation " + cotisationsSelectionnees.size() + " cotisations"); + } + + // Wave Money + public void lancerPrelevements() { + System.out.println("Lancement des prélèvements Wave Money"); + } + + public void testerAPIWave() { + System.out.println("Test de l'API Wave Money"); + } + + public void voirHistoriquePrelevements() { + System.out.println("Affichage historique des prélèvements"); + } + + // Actions rapides + public void genererRapportMensuel() { + System.out.println("Génération rapport mensuel"); + } + + public void configurerRelancesAuto() { + System.out.println("Configuration relances automatiques"); + } + + public void gererTypesCotisations() { + System.out.println("Gestion des types de cotisations"); + } + + public void tableauDeBord() { + System.out.println("Affichage tableau de bord"); + } + + // Getters et Setters + public String getPeriodeActuelle() { return periodeActuelle; } + public void setPeriodeActuelle(String periodeActuelle) { this.periodeActuelle = periodeActuelle; } + + public BigDecimal getTauxRecouvrement() { return tauxRecouvrement; } + public void setTauxRecouvrement(BigDecimal tauxRecouvrement) { this.tauxRecouvrement = tauxRecouvrement; } + + public int getTotalMembresActifs() { return totalMembresActifs; } + public void setTotalMembresActifs(int totalMembresActifs) { this.totalMembresActifs = totalMembresActifs; } + + public String getMontantCollecte() { return montantCollecte; } + public void setMontantCollecte(String montantCollecte) { this.montantCollecte = montantCollecte; } + + public String getObjectifMensuel() { return objectifMensuel; } + public void setObjectifMensuel(String objectifMensuel) { this.objectifMensuel = objectifMensuel; } + + public int getProgressionMensuelle() { return progressionMensuelle; } + public void setProgressionMensuelle(int progressionMensuelle) { this.progressionMensuelle = progressionMensuelle; } + + public String getMembresAJour() { return membresAJour; } + public void setMembresAJour(String membresAJour) { this.membresAJour = membresAJour; } + + public int getPourcentageMembresAJour() { return pourcentageMembresAJour; } + public void setPourcentageMembresAJour(int pourcentageMembresAJour) { this.pourcentageMembresAJour = pourcentageMembresAJour; } + + public String getMontantEnAttente() { return montantEnAttente; } + public void setMontantEnAttente(String montantEnAttente) { this.montantEnAttente = montantEnAttente; } + + public int getNombreCotisationsEnAttente() { return nombreCotisationsEnAttente; } + public void setNombreCotisationsEnAttente(int nombreCotisationsEnAttente) { this.nombreCotisationsEnAttente = nombreCotisationsEnAttente; } + + public String getMontantImpayes() { return montantImpayes; } + public void setMontantImpayes(String montantImpayes) { this.montantImpayes = montantImpayes; } + + public int getJoursRetardMoyen() { return joursRetardMoyen; } + public void setJoursRetardMoyen(int joursRetardMoyen) { this.joursRetardMoyen = joursRetardMoyen; } + + public String getRevenus2024() { return revenus2024; } + public void setRevenus2024(String revenus2024) { this.revenus2024 = revenus2024; } + + public String getCroissanceAnnuelle() { return croissanceAnnuelle; } + public void setCroissanceAnnuelle(String croissanceAnnuelle) { this.croissanceAnnuelle = croissanceAnnuelle; } + + public String getPrelevementsActifs() { return prelevementsActifs; } + public void setPrelevementsActifs(String prelevementsActifs) { this.prelevementsActifs = prelevementsActifs; } + + public String getMontantPrelevementsPrevu() { return montantPrelevementsPrevu; } + public void setMontantPrelevementsPrevu(String montantPrelevementsPrevu) { this.montantPrelevementsPrevu = montantPrelevementsPrevu; } + + public String getPeriodeGraphique() { return periodeGraphique; } + public void setPeriodeGraphique(String periodeGraphique) { this.periodeGraphique = periodeGraphique; } + + public List getTopOrganisations() { return topOrganisations; } + public void setTopOrganisations(List topOrganisations) { this.topOrganisations = topOrganisations; } + + public int getPaiementsWave() { return paiementsWave; } + public void setPaiementsWave(int paiementsWave) { this.paiementsWave = paiementsWave; } + + public int getPaiementsVirement() { return paiementsVirement; } + public void setPaiementsVirement(int paiementsVirement) { this.paiementsVirement = paiementsVirement; } + + public int getPaiementsEspeces() { return paiementsEspeces; } + public void setPaiementsEspeces(int paiementsEspeces) { this.paiementsEspeces = paiementsEspeces; } + + public FiltresCotisations getFiltres() { return filtres; } + public void setFiltres(FiltresCotisations filtres) { this.filtres = filtres; } + + public List getListeOrganisations() { return listeOrganisations; } + public void setListeOrganisations(List listeOrganisations) { this.listeOrganisations = listeOrganisations; } + + public List getCotisationsFiltrees() { return cotisationsFiltrees; } + public void setCotisationsFiltrees(List cotisationsFiltrees) { this.cotisationsFiltrees = cotisationsFiltrees; } + + public List getCotisationsSelectionnees() { return cotisationsSelectionnees; } + public void setCotisationsSelectionnees(List cotisationsSelectionnees) { + this.cotisationsSelectionnees = cotisationsSelectionnees; + calculerMontantTotalSelectionne(); + } + + public String getMontantTotalSelectionne() { return montantTotalSelectionne; } + public void setMontantTotalSelectionne(String montantTotalSelectionne) { this.montantTotalSelectionne = montantTotalSelectionne; } + + public int getMembresPrelevementActif() { return membresPrelevementActif; } + public void setMembresPrelevementActif(int membresPrelevementActif) { this.membresPrelevementActif = membresPrelevementActif; } + + public String getMontantPrelevementMensuel() { return montantPrelevementMensuel; } + public void setMontantPrelevementMensuel(String montantPrelevementMensuel) { this.montantPrelevementMensuel = montantPrelevementMensuel; } + + public String getProchainPrelevement() { return prochainPrelevement; } + public void setProchainPrelevement(String prochainPrelevement) { this.prochainPrelevement = prochainPrelevement; } + + public NouvelleCampagne getNouvelleCampagne() { return nouvelleCampagne; } + public void setNouvelleCampagne(NouvelleCampagne nouvelleCampagne) { this.nouvelleCampagne = nouvelleCampagne; } + + private void calculerMontantTotalSelectionne() { + if (cotisationsSelectionnees != null && !cotisationsSelectionnees.isEmpty()) { + BigDecimal total = cotisationsSelectionnees.stream() + .map(CotisationAdmin::getMontant) + .reduce(BigDecimal.ZERO, BigDecimal::add); + this.montantTotalSelectionne = String.format("%,.0f FCFA", total); + } else { + this.montantTotalSelectionne = "0 FCFA"; + } + } + + // Classes internes pour les données + public static class CotisationAdmin { + private Long id; + private String nomOrganisation; + private String regionOrganisation; + private String iconeOrganisation; + private String nomCompletMembre; + private String numeroMembre; + private String initialesMembre; + private String typeMembre; + private String type; + private String periode; + private String annee; + private BigDecimal montant; + private String statut; + private LocalDate dateEcheance; + private LocalDate datePaiement; + private String modePaiement; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNomOrganisation() { return nomOrganisation; } + public void setNomOrganisation(String nomOrganisation) { this.nomOrganisation = nomOrganisation; } + + public String getRegionOrganisation() { return regionOrganisation; } + public void setRegionOrganisation(String regionOrganisation) { this.regionOrganisation = regionOrganisation; } + + public String getIconeOrganisation() { return iconeOrganisation; } + public void setIconeOrganisation(String iconeOrganisation) { this.iconeOrganisation = iconeOrganisation; } + + public String getNomCompletMembre() { return nomCompletMembre; } + public void setNomCompletMembre(String nomCompletMembre) { this.nomCompletMembre = nomCompletMembre; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getInitialesMembre() { return initialesMembre; } + public void setInitialesMembre(String initialesMembre) { this.initialesMembre = initialesMembre; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getAnnee() { return annee; } + public void setAnnee(String annee) { this.annee = annee; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public LocalDate getDatePaiement() { return datePaiement; } + public void setDatePaiement(LocalDate datePaiement) { this.datePaiement = datePaiement; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + + // Propriétés dérivées pour l'affichage + public String getTypeLibelle() { + return switch (type) { + case "MENSUELLE" -> "Mensuelle"; + case "SPECIALE" -> "Spéciale"; + case "ADHESION" -> "Adhésion"; + case "EVENEMENT" -> "Événement"; + default -> type; + }; + } + + public String getTypeSeverity() { + return switch (type) { + case "MENSUELLE" -> "info"; + case "SPECIALE" -> "warning"; + case "ADHESION" -> "success"; + case "EVENEMENT" -> "primary"; + default -> "secondary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "MENSUELLE" -> "pi-calendar"; + case "SPECIALE" -> "pi-star"; + case "ADHESION" -> "pi-user-plus"; + case "EVENEMENT" -> "pi-calendar-plus"; + default -> "pi-circle"; + }; + } + + public String getMontantFormatte() { + return String.format("%,.0f", montant); + } + + public String getStatutLibelle() { + return switch (statut) { + case "PAYE" -> "Payée"; + case "EN_ATTENTE" -> "En attente"; + case "EN_RETARD" -> "En retard"; + case "ANNULE" -> "Annulée"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "PAYE" -> "success"; + case "EN_ATTENTE" -> "warning"; + case "EN_RETARD" -> "danger"; + case "ANNULE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "PAYE" -> "pi-check"; + case "EN_ATTENTE" -> "pi-clock"; + case "EN_RETARD" -> "pi-exclamation-triangle"; + case "ANNULE" -> "pi-times"; + default -> "pi-circle"; + }; + } + + public String getDateEcheanceFormattee() { + return dateEcheance != null ? dateEcheance.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")) : ""; + } + + public String getDatePaiementFormattee() { + return datePaiement != null ? datePaiement.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")) : ""; + } + + public String getRetardTexte() { + if (dateEcheance == null) return ""; + long jours = java.time.temporal.ChronoUnit.DAYS.between(dateEcheance, LocalDate.now()); + if (jours <= 0) return "À temps"; + if (jours <= 7) return jours + "j retard"; + if (jours <= 30) return jours + "j retard"; + return "+30j retard"; + } + + public String getRetardCouleur() { + if (dateEcheance == null) return "text-600"; + long jours = java.time.temporal.ChronoUnit.DAYS.between(dateEcheance, LocalDate.now()); + if (jours <= 0) return "text-green-500"; + if (jours <= 7) return "text-orange-500"; + return "text-red-500"; + } + + public String getModePaiementLibelle() { + return switch (modePaiement != null ? modePaiement : "") { + case "WAVE" -> "Wave Money"; + case "VIREMENT" -> "Virement"; + case "ESPECES" -> "Espèces"; + case "ORANGE" -> "Orange Money"; + default -> modePaiement; + }; + } + + public String getModePaiementIcon() { + return switch (modePaiement != null ? modePaiement : "") { + case "WAVE" -> "pi-mobile"; + case "VIREMENT" -> "pi-building"; + case "ESPECES" -> "pi-money-bill"; + case "ORANGE" -> "pi-mobile"; + default -> "pi-circle"; + }; + } + } + + public static class FiltresCotisations { + private String organisation = ""; + private String periode = "MOIS"; + private String statut = ""; + private String type = ""; + private String recherche = ""; + private BigDecimal montantMin; + private BigDecimal montantMax; + private String retardJours = ""; + private String modePaiement = ""; + + // Getters et setters + public String getOrganisation() { return organisation; } + public void setOrganisation(String organisation) { this.organisation = organisation; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getRecherche() { return recherche; } + public void setRecherche(String recherche) { this.recherche = recherche; } + + public BigDecimal getMontantMin() { return montantMin; } + public void setMontantMin(BigDecimal montantMin) { this.montantMin = montantMin; } + + public BigDecimal getMontantMax() { return montantMax; } + public void setMontantMax(BigDecimal montantMax) { this.montantMax = montantMax; } + + public String getRetardJours() { return retardJours; } + public void setRetardJours(String retardJours) { this.retardJours = retardJours; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + } + + public static class Organisation { + private Long id; + private String nom; + + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } + + public static class OrganisationPerformante { + private String nom; + private int tauxRecouvrement; + private String montantCollecte; + private int nombreMembresAJour; + private int totalMembres; + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public int getTauxRecouvrement() { return tauxRecouvrement; } + public void setTauxRecouvrement(int tauxRecouvrement) { this.tauxRecouvrement = tauxRecouvrement; } + + public String getMontantCollecte() { return montantCollecte; } + public void setMontantCollecte(String montantCollecte) { this.montantCollecte = montantCollecte; } + + public int getNombreMembresAJour() { return nombreMembresAJour; } + public void setNombreMembresAJour(int nombreMembresAJour) { this.nombreMembresAJour = nombreMembresAJour; } + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + } + + public static class NouvelleCampagne { + private String nom; + private String type; + private BigDecimal montant; + private LocalDate dateEcheance; + private String scope = "TOUTES"; + private String description; + private boolean relanceAutomatique = true; + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getScope() { return scope; } + public void setScope(String scope) { this.scope = scope; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public boolean isRelanceAutomatique() { return relanceAutomatique; } + public void setRelanceAutomatique(boolean relanceAutomatique) { this.relanceAutomatique = relanceAutomatique; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DashboardBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DashboardBean.java new file mode 100644 index 0000000..0a44ce3 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DashboardBean.java @@ -0,0 +1,349 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.Date; +import java.util.List; + +@Named("dashboardBean") +@RequestScoped +public class DashboardBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Propriétés existantes + private int activeMembers = 245; + private String totalCotisations = "12,450,000"; + private int pendingAides = 7; + private int upcomingEvents = 3; + + // Nouvelles propriétés pour le dashboard enrichi + private int totalMembers = 268; + private String aidesDistribuees = "3,200,000"; + private int tauxParticipation = 78; + + // Propriétés pour les alertes + private int cotisationsRetard = 12; + private int adhesionsExpiration = 8; + private int demandesToTraiter = 15; + private int tachesFinaliser = 4; + + // Propriétés pour les évolutions + private int membresEvolutionPourcent = 8; + private int cotisationsEvolutionPourcent = 15; + private String objectifCotisations = "15,000,000"; + private int aidesApprouvees = 12; + private int membresParticipants = 189; + + // Propriétés pour le graphique + private String periodeGraph = "3M"; + private String filtreActivite = "ALL"; + + // Propriétés pour les cotisations + private int cotisationsAJour = 60; + private int cotisationsRetardPourcent = 20; + private int cotisationsImpayees = 20; + + // Propriétés pour les tâches prioritaires + private int adhesionsPendantes = 5; + private int aidesEnAttente = 7; + private int evenementsAPlanifier = 2; + + // Propriétés financières + private Date moisSelectionne = new Date(); + private String recettesMois = "4,250,000"; + private String depensesMois = "1,800,000"; + private String soldeMois = "2,450,000"; + private String tresorerie = "18,750,000"; + + // Date actuelle + private String currentDate; + + // Propriétés manquantes pour les barres de progression + private int tauxActivite = 75; + private int tauxObjectifCotisations = 82; + private int tauxAidesTraitees = 68; + private int tauxEngagement = 89; + private int tachesCompletees = 23; + private boolean hasAlerts = true; + + public DashboardBean() { + this.currentDate = LocalDate.now().format(DateTimeFormatter.ofPattern("dd MMMM yyyy")); + } + + // Getters et Setters complets + public int getActiveMembers() { return activeMembers; } + public void setActiveMembers(int activeMembers) { this.activeMembers = activeMembers; } + + public String getTotalCotisations() { return totalCotisations; } + public void setTotalCotisations(String totalCotisations) { this.totalCotisations = totalCotisations; } + + public int getPendingAides() { return pendingAides; } + public void setPendingAides(int pendingAides) { this.pendingAides = pendingAides; } + + public int getUpcomingEvents() { return upcomingEvents; } + public void setUpcomingEvents(int upcomingEvents) { this.upcomingEvents = upcomingEvents; } + + public int getTotalMembers() { return totalMembers; } + public void setTotalMembers(int totalMembers) { this.totalMembers = totalMembers; } + + public String getAidesDistribuees() { return aidesDistribuees; } + public void setAidesDistribuees(String aidesDistribuees) { this.aidesDistribuees = aidesDistribuees; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getCotisationsRetard() { return cotisationsRetard; } + public void setCotisationsRetard(int cotisationsRetard) { this.cotisationsRetard = cotisationsRetard; } + + public int getAdhesionsExpiration() { return adhesionsExpiration; } + public void setAdhesionsExpiration(int adhesionsExpiration) { this.adhesionsExpiration = adhesionsExpiration; } + + public int getDemandesToTraiter() { return demandesToTraiter; } + public void setDemandesToTraiter(int demandesToTraiter) { this.demandesToTraiter = demandesToTraiter; } + + public int getTachesFinaliser() { return tachesFinaliser; } + public void setTachesFinaliser(int tachesFinaliser) { this.tachesFinaliser = tachesFinaliser; } + + public int getMembresEvolutionPourcent() { return membresEvolutionPourcent; } + public void setMembresEvolutionPourcent(int membresEvolutionPourcent) { this.membresEvolutionPourcent = membresEvolutionPourcent; } + + public int getCotisationsEvolutionPourcent() { return cotisationsEvolutionPourcent; } + public void setCotisationsEvolutionPourcent(int cotisationsEvolutionPourcent) { this.cotisationsEvolutionPourcent = cotisationsEvolutionPourcent; } + + public String getObjectifCotisations() { return objectifCotisations; } + public void setObjectifCotisations(String objectifCotisations) { this.objectifCotisations = objectifCotisations; } + + public int getAidesApprouvees() { return aidesApprouvees; } + public void setAidesApprouvees(int aidesApprouvees) { this.aidesApprouvees = aidesApprouvees; } + + public int getMembresParticipants() { return membresParticipants; } + public void setMembresParticipants(int membresParticipants) { this.membresParticipants = membresParticipants; } + + public String getPeriodeGraph() { return periodeGraph; } + public void setPeriodeGraph(String periodeGraph) { this.periodeGraph = periodeGraph; } + + public String getFiltreActivite() { return filtreActivite; } + public void setFiltreActivite(String filtreActivite) { this.filtreActivite = filtreActivite; } + + public int getCotisationsAJour() { return cotisationsAJour; } + public void setCotisationsAJour(int cotisationsAJour) { this.cotisationsAJour = cotisationsAJour; } + + public int getCotisationsRetardPourcent() { return cotisationsRetardPourcent; } + public void setCotisationsRetardPourcent(int cotisationsRetardPourcent) { this.cotisationsRetardPourcent = cotisationsRetardPourcent; } + + public int getCotisationsImpayees() { return cotisationsImpayees; } + public void setCotisationsImpayees(int cotisationsImpayees) { this.cotisationsImpayees = cotisationsImpayees; } + + public int getAdhesionsPendantes() { return adhesionsPendantes; } + public void setAdhesionsPendantes(int adhesionsPendantes) { this.adhesionsPendantes = adhesionsPendantes; } + + public int getAidesEnAttente() { return aidesEnAttente; } + public void setAidesEnAttente(int aidesEnAttente) { this.aidesEnAttente = aidesEnAttente; } + + public int getEvenementsAPlanifier() { return evenementsAPlanifier; } + public void setEvenementsAPlanifier(int evenementsAPlanifier) { this.evenementsAPlanifier = evenementsAPlanifier; } + + public Date getMoisSelectionne() { return moisSelectionne; } + public void setMoisSelectionne(Date moisSelectionne) { this.moisSelectionne = moisSelectionne; } + + public String getRecettesMois() { return recettesMois; } + public void setRecettesMois(String recettesMois) { this.recettesMois = recettesMois; } + + public String getDepensesMois() { return depensesMois; } + public void setDepensesMois(String depensesMois) { this.depensesMois = depensesMois; } + + public String getSoldeMois() { return soldeMois; } + public void setSoldeMois(String soldeMois) { this.soldeMois = soldeMois; } + + public String getTresorerie() { return tresorerie; } + public void setTresorerie(String tresorerie) { this.tresorerie = tresorerie; } + + public String getCurrentDate() { return currentDate; } + public void setCurrentDate(String currentDate) { this.currentDate = currentDate; } + + public int getTauxActivite() { return tauxActivite; } + public void setTauxActivite(int tauxActivite) { this.tauxActivite = tauxActivite; } + + public int getTauxObjectifCotisations() { return tauxObjectifCotisations; } + public void setTauxObjectifCotisations(int tauxObjectifCotisations) { this.tauxObjectifCotisations = tauxObjectifCotisations; } + + public int getTauxAidesTraitees() { return tauxAidesTraitees; } + public void setTauxAidesTraitees(int tauxAidesTraitees) { this.tauxAidesTraitees = tauxAidesTraitees; } + + public int getTauxEngagement() { return tauxEngagement; } + public void setTauxEngagement(int tauxEngagement) { this.tauxEngagement = tauxEngagement; } + + public int getTachesCompletees() { return tachesCompletees; } + public void setTachesCompletees(int tachesCompletees) { this.tachesCompletees = tachesCompletees; } + + public boolean isHasAlerts() { return hasAlerts; } + public void setHasAlerts(boolean hasAlerts) { this.hasAlerts = hasAlerts; } + + // Méthodes pour les activités récentes + public List getRecentActivities() { + List activities = new ArrayList<>(); + + activities.add(new Activity( + LocalDateTime.now().minusHours(2), + "COTISATION", + "success", + "pi pi-check-circle", + "Paiement cotisation validé", + "Cotisation de Fatou Sow pour juillet 2024", + "25,000", + "Fatou Sow", + "Membre" + )); + + activities.add(new Activity( + LocalDateTime.now().minusHours(5), + "ADHESION", + "info", + "pi pi-user-plus", + "Nouvelle demande d'adhésion", + "Demande soumise par Moussa Ba", + null, + "Moussa Ba", + "Candidat" + )); + + activities.add(new Activity( + LocalDateTime.now().minusHours(8), + "AIDE", + "warning", + "pi pi-heart", + "Demande d'aide en traitement", + "Aide médicale pour famille Ndiaye", + "150,000", + "Aminata Ndiaye", + "Membre" + )); + + activities.add(new Activity( + LocalDateTime.now().minusDays(1), + "EVENEMENT", + "info", + "pi pi-calendar", + "Événement planifié", + "Assemblée générale mensuelle programmée", + null, + "Admin", + "Administrateur" + )); + + activities.add(new Activity( + LocalDateTime.now().minusDays(1).minusHours(3), + "COTISATION", + "danger", + "pi pi-exclamation-triangle", + "Relance envoyée", + "Relance automatique pour cotisation en retard", + null, + "Système", + "Automatique" + )); + + return activities; + } + + // Actions de navigation + public String redirectToNewMember() { + return "/pages/secure/membre/inscription?faces-redirect=true"; + } + + public String redirectToCotisation() { + return "/pages/secure/cotisation/paiement?faces-redirect=true"; + } + + public String redirectToEvenement() { + return "/pages/secure/evenement/creation?faces-redirect=true"; + } + + public String redirectToAdhesionValidation() { + return "/pages/secure/adhesion/validation?faces-redirect=true"; + } + + public String redirectToRelances() { + return "/pages/secure/cotisation/relances?faces-redirect=true"; + } + + public String redirectToAidesTraitement() { + return "/pages/secure/aide/traitement?faces-redirect=true"; + } + + public String redirectToEvenementPlanning() { + return "/pages/secure/evenement/gestion?faces-redirect=true"; + } + + public void generateRapport() { + // Logique de génération de rapport + } + + public void exportFinancialReport() { + // Logique d'export du rapport financier + } + + public void onMoisChange() { + // Logique de mise à jour lors du changement de mois + } + + // Classe interne pour les activités enrichie + public static class Activity implements Serializable { + private LocalDateTime date; + private String type; + private String severity; + private String icon; + private String titre; + private String description; + private String montant; + private String userNom; + private String userRole; + + public Activity(LocalDateTime date, String type, String severity, String icon, + String titre, String description, String montant, String userNom, String userRole) { + this.date = date; + this.type = type; + this.severity = severity; + this.icon = icon; + this.titre = titre; + this.description = description; + this.montant = montant; + this.userNom = userNom; + this.userRole = userRole; + } + + // Getters et setters + public LocalDateTime getDate() { return date; } + public void setDate(LocalDateTime date) { this.date = date; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getSeverity() { return severity; } + public void setSeverity(String severity) { this.severity = severity; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getMontant() { return montant; } + public void setMontant(String montant) { this.montant = montant; } + + public String getUserNom() { return userNom; } + public void setUserNom(String userNom) { this.userNom = userNom; } + + public String getUserRole() { return userRole; } + public void setUserRole(String userRole) { this.userRole = userRole; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesAideBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesAideBean.java new file mode 100644 index 0000000..4fe591a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesAideBean.java @@ -0,0 +1,638 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; +import java.math.BigDecimal; + +@Named("demandesAideBean") +@SessionScoped +public class DemandesAideBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List toutesLesDemandes; + private List demandesFiltrees; + private List demandesSelectionnees; + private List demandesPrioritaires; + private List etapesWorkflow; + private DemandeAide demandeSelectionnee; + private NouvelleDemande nouvelleDemande; + private Filtres filtres; + private StatistiquesDemandes statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeDemandes(); + initializeNouvelleDemande(); + initializeDemandesPrioritaires(); + initializeEtapesWorkflow(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + demandesSelectionnees = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesDemandes(); + statistiques.setTotalDemandes(156); + statistiques.setDemandesEnAttente(23); + statistiques.setDemandesApprouvees(89); + statistiques.setMontantTotalAide("12 850 000 FCFA"); + } + + private void initializeEtapesWorkflow() { + etapesWorkflow = new ArrayList<>(); + + EtapeWorkflow enAttente = new EtapeWorkflow(); + enAttente.setLibelle("En Attente"); + enAttente.setIcon("pi-clock"); + enAttente.setCouleur("orange-500"); + enAttente.setNombre(23); + etapesWorkflow.add(enAttente); + + EtapeWorkflow evaluation = new EtapeWorkflow(); + evaluation.setLibelle("Évaluation"); + evaluation.setIcon("pi-search"); + evaluation.setCouleur("blue-500"); + evaluation.setNombre(15); + etapesWorkflow.add(evaluation); + + EtapeWorkflow visite = new EtapeWorkflow(); + visite.setLibelle("Visite"); + visite.setIcon("pi-home"); + visite.setCouleur("purple-500"); + visite.setNombre(8); + etapesWorkflow.add(visite); + + EtapeWorkflow decision = new EtapeWorkflow(); + decision.setLibelle("Décision"); + decision.setIcon("pi-check-circle"); + decision.setCouleur("yellow-500"); + decision.setNombre(12); + etapesWorkflow.add(decision); + + EtapeWorkflow versement = new EtapeWorkflow(); + versement.setLibelle("Versement"); + versement.setIcon("pi-dollar"); + versement.setCouleur("green-500"); + versement.setNombre(6); + etapesWorkflow.add(versement); + + EtapeWorkflow suivi = new EtapeWorkflow(); + suivi.setLibelle("Suivi"); + suivi.setIcon("pi-chart-line"); + suivi.setCouleur("indigo-500"); + suivi.setNombre(4); + etapesWorkflow.add(suivi); + } + + private void initializeDemandes() { + toutesLesDemandes = new ArrayList<>(); + + String[] demandeurs = { + "Jean Kouassi", "Marie Traoré", "Ahmed Diallo", "Fatou Sanogo", "Paul Ouattara", + "Aissata Koné", "Ibrahim Touré", "Aminata Bakayoko", "Yves Koffi", "Mariam Coulibaly", + "Seydou Cissé", "Adjoa Mensah", "Kwame Asante", "Ama Gyamfi", "Kofi Adjei", + "Nana Akoto", "Akosua Boateng", "Emmanuel Ofori", "Joyce Owusu", "Stephen Asamoah" + }; + + String[] types = { + "AIDE_MEDICALE", "AIDE_ALIMENTAIRE", "AIDE_EDUCATIVE", "AIDE_LOGEMENT", "AIDE_URGENCE" + }; + + String[] statuts = { + "EN_ATTENTE", "EN_EVALUATION", "APPROUVEE", "REJETEE", "EN_COURS", "TERMINEE" + }; + + String[] urgences = { + "FAIBLE", "NORMALE", "ELEVEE", "CRITIQUE" + }; + + String[] localisations = { + "Zone Urbaine Centre", "Quartier Résidentiel Nord", "Zone Rurale Sud", + "Quartier Populaire Est", "Zone Industrielle Ouest", "Centre-Ville", + "Banlieue Nord", "Périphérie Sud", "Zone Commerciale", "Quartier Administratif" + }; + + String[] motifs = { + "Soins médicaux d'urgence", "Aide alimentaire famille nombreuse", "Frais de scolarité", + "Réparation logement suite inondation", "Urgence médicale enfant", "Soutien alimentaire mensuel", + "Achat fournitures scolaires", "Paiement loyer en retard", "Intervention chirurgicale", + "Aide nutritionnelle nourrisson", "Formation professionnelle", "Réhabilitation habitat", + "Traitement médical chronique", "Complément alimentaire", "Équipement scolaire" + }; + + for (int i = 0; i < 50; i++) { + DemandeAide demande = new DemandeAide(); + demande.setId((long) (i + 1)); + demande.setDemandeur(demandeurs[i % demandeurs.length]); + demande.setTelephone("77 123 45 " + String.format("%02d", (i % 99) + 1)); + demande.setEmail(demandeurs[i % demandeurs.length].toLowerCase().replace(" ", ".") + "@email.com"); + demande.setType(types[i % types.length]); + demande.setStatut(statuts[i % statuts.length]); + demande.setUrgence(urgences[i % urgences.length]); + demande.setLocalisation(localisations[i % localisations.length]); + demande.setMotif(motifs[i % motifs.length]); + demande.setDescription("Description détaillée pour " + motifs[i % motifs.length] + ". Situation nécessitant une évaluation approfondie."); + + // Montants + BigDecimal montantBase = new BigDecimal(50000 + (i * 15000)); + demande.setMontantDemande(montantBase); + + if (demande.getStatut().equals("APPROUVEE") || demande.getStatut().equals("EN_COURS") || demande.getStatut().equals("TERMINEE")) { + demande.setMontantAccorde(montantBase.multiply(new BigDecimal("0.8"))); + } + + // Dates + demande.setDateDemande(LocalDate.now().minusDays(i + 1)); + if (i % 4 == 0) { + demande.setDateLimite(LocalDate.now().plusDays(7 + (i % 14))); + } + + // Responsable de traitement + if (!demande.getStatut().equals("EN_ATTENTE")) { + String[] responsables = {"Sarah Mensah", "David Konaté", "Grace Asante", "Michel Diallo", "Rita Kouassi"}; + demande.setResponsableTraitement(responsables[i % responsables.length]); + } + + toutesLesDemandes.add(demande); + } + } + + private void initializeDemandesPrioritaires() { + demandesPrioritaires = toutesLesDemandes.stream() + .filter(d -> d.getUrgence().equals("CRITIQUE") || d.getUrgence().equals("ELEVEE")) + .filter(d -> !d.getStatut().equals("TERMINEE") && !d.getStatut().equals("REJETEE")) + .sorted((d1, d2) -> d1.getDateDemande().compareTo(d2.getDateDemande())) + .limit(6) + .collect(Collectors.toList()); + } + + private void initializeNouvelleDemande() { + nouvelleDemande = new NouvelleDemande(); + nouvelleDemande.setUrgence("NORMALE"); + nouvelleDemande.setDateLimite(LocalDate.now().plusWeeks(2)); + } + + private void appliquerFiltres() { + demandesFiltrees = toutesLesDemandes.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(DemandeAide demande) { + if (filtres.getDemandeur() != null && !filtres.getDemandeur().trim().isEmpty()) { + if (!demande.getDemandeur().toLowerCase().contains(filtres.getDemandeur().toLowerCase())) { + return false; + } + } + + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!demande.getType().equals(filtres.getType())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!demande.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getUrgence() != null && !filtres.getUrgence().trim().isEmpty()) { + if (!demande.getUrgence().equals(filtres.getUrgence())) { + return false; + } + } + + if (filtres.getLocalisation() != null && !filtres.getLocalisation().trim().isEmpty()) { + if (!demande.getLocalisation().toLowerCase().contains(filtres.getLocalisation().toLowerCase())) { + return false; + } + } + + if (filtres.getDateDebut() != null) { + if (demande.getDateDemande().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null) { + if (demande.getDateDemande().isAfter(filtres.getDateFin())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void creerDemande() { + DemandeAide nouvelleDem = new DemandeAide(); + nouvelleDem.setId((long) (toutesLesDemandes.size() + 1)); + nouvelleDem.setDemandeur(nouvelleDemande.getDemandeur()); + nouvelleDem.setTelephone(nouvelleDemande.getTelephone()); + nouvelleDem.setEmail(nouvelleDemande.getEmail()); + nouvelleDem.setType(nouvelleDemande.getType()); + nouvelleDem.setLocalisation(nouvelleDemande.getLocalisation()); + nouvelleDem.setMontantDemande(nouvelleDemande.getMontantDemande()); + nouvelleDem.setUrgence(nouvelleDemande.getUrgence()); + nouvelleDem.setDateLimite(nouvelleDemande.getDateLimite()); + nouvelleDem.setMotif(nouvelleDemande.getMotif()); + nouvelleDem.setDescription(nouvelleDemande.getDescription()); + nouvelleDem.setStatut("EN_ATTENTE"); + nouvelleDem.setDateDemande(LocalDate.now()); + + toutesLesDemandes.add(nouvelleDem); + appliquerFiltres(); + initializeDemandesPrioritaires(); + + System.out.println("Nouvelle demande d'aide créée pour: " + nouvelleDem.getDemandeur()); + initializeNouvelleDemande(); + } + + public void approuverDemande() { + if (demandeSelectionnee != null) { + demandeSelectionnee.setStatut("APPROUVEE"); + if (demandeSelectionnee.getMontantAccorde() == null) { + demandeSelectionnee.setMontantAccorde(demandeSelectionnee.getMontantDemande().multiply(new BigDecimal("0.8"))); + } + System.out.println("Demande approuvée pour: " + demandeSelectionnee.getDemandeur()); + appliquerFiltres(); + initializeDemandesPrioritaires(); + } + } + + public void rejeterDemande() { + if (demandeSelectionnee != null) { + demandeSelectionnee.setStatut("REJETEE"); + System.out.println("Demande rejetée pour: " + demandeSelectionnee.getDemandeur()); + appliquerFiltres(); + initializeDemandesPrioritaires(); + } + } + + public String voirHistorique() { + return "/pages/admin/demandes/historique?id=" + demandeSelectionnee.getId() + "&faces-redirect=true"; + } + + public void envoyerNotification() { + System.out.println("Notification envoyée pour la demande de: " + demandeSelectionnee.getDemandeur()); + } + + public void dupliquerDemande() { + if (demandeSelectionnee != null) { + DemandeAide copie = new DemandeAide(); + copie.setId((long) (toutesLesDemandes.size() + 1)); + copie.setDemandeur(demandeSelectionnee.getDemandeur()); + copie.setTelephone(demandeSelectionnee.getTelephone()); + copie.setEmail(demandeSelectionnee.getEmail()); + copie.setType(demandeSelectionnee.getType()); + copie.setLocalisation(demandeSelectionnee.getLocalisation()); + copie.setMontantDemande(demandeSelectionnee.getMontantDemande()); + copie.setUrgence(demandeSelectionnee.getUrgence()); + copie.setMotif(demandeSelectionnee.getMotif() + " (Copie)"); + copie.setDescription(demandeSelectionnee.getDescription()); + copie.setStatut("EN_ATTENTE"); + copie.setDateDemande(LocalDate.now()); + + toutesLesDemandes.add(copie); + appliquerFiltres(); + System.out.println("Demande dupliquée pour: " + copie.getDemandeur()); + } + } + + public void exporterDemandes() { + System.out.println("Export de " + demandesFiltrees.size() + " demandes d'aide"); + } + + // Getters et Setters + public List getToutesLesDemandes() { return toutesLesDemandes; } + public void setToutesLesDemandes(List toutesLesDemandes) { this.toutesLesDemandes = toutesLesDemandes; } + + public List getDemandesFiltrees() { return demandesFiltrees; } + public void setDemandesFiltrees(List demandesFiltrees) { this.demandesFiltrees = demandesFiltrees; } + + public List getDemandesSelectionnees() { return demandesSelectionnees; } + public void setDemandesSelectionnees(List demandesSelectionnees) { this.demandesSelectionnees = demandesSelectionnees; } + + public List getDemandesPrioritaires() { return demandesPrioritaires; } + public void setDemandesPrioritaires(List demandesPrioritaires) { this.demandesPrioritaires = demandesPrioritaires; } + + public List getEtapesWorkflow() { return etapesWorkflow; } + public void setEtapesWorkflow(List etapesWorkflow) { this.etapesWorkflow = etapesWorkflow; } + + public DemandeAide getDemandeSelectionnee() { return demandeSelectionnee; } + public void setDemandeSelectionnee(DemandeAide demandeSelectionnee) { this.demandeSelectionnee = demandeSelectionnee; } + + public NouvelleDemande getNouvelleDemande() { return nouvelleDemande; } + public void setNouvelleDemande(NouvelleDemande nouvelleDemande) { this.nouvelleDemande = nouvelleDemande; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesDemandes getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesDemandes statistiques) { this.statistiques = statistiques; } + + // Classes internes + public static class DemandeAide { + private Long id; + private String demandeur; + private String telephone; + private String email; + private String type; + private String statut; + private String urgence; + private String localisation; + private String motif; + private String description; + private BigDecimal montantDemande; + private BigDecimal montantAccorde; + private LocalDate dateDemande; + private LocalDate dateLimite; + private String responsableTraitement; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public String getMotif() { return motif; } + public void setMotif(String motif) { this.motif = motif; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public BigDecimal getMontantDemande() { return montantDemande; } + public void setMontantDemande(BigDecimal montantDemande) { this.montantDemande = montantDemande; } + + public BigDecimal getMontantAccorde() { return montantAccorde; } + public void setMontantAccorde(BigDecimal montantAccorde) { this.montantAccorde = montantAccorde; } + + public LocalDate getDateDemande() { return dateDemande; } + public void setDateDemande(LocalDate dateDemande) { this.dateDemande = dateDemande; } + + public LocalDate getDateLimite() { return dateLimite; } + public void setDateLimite(LocalDate dateLimite) { this.dateLimite = dateLimite; } + + public String getResponsableTraitement() { return responsableTraitement; } + public void setResponsableTraitement(String responsableTraitement) { this.responsableTraitement = responsableTraitement; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (type) { + case "AIDE_MEDICALE" -> "Aide Médicale"; + case "AIDE_ALIMENTAIRE" -> "Aide Alimentaire"; + case "AIDE_EDUCATIVE" -> "Aide Éducative"; + case "AIDE_LOGEMENT" -> "Aide Logement"; + case "AIDE_URGENCE" -> "Aide d'Urgence"; + default -> type; + }; + } + + public String getTypeSeverity() { + return switch (type) { + case "AIDE_MEDICALE" -> "danger"; + case "AIDE_ALIMENTAIRE" -> "warning"; + case "AIDE_EDUCATIVE" -> "info"; + case "AIDE_LOGEMENT" -> "secondary"; + case "AIDE_URGENCE" -> "primary"; + default -> "primary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "AIDE_MEDICALE" -> "pi-heart"; + case "AIDE_ALIMENTAIRE" -> "pi-shopping-cart"; + case "AIDE_EDUCATIVE" -> "pi-book"; + case "AIDE_LOGEMENT" -> "pi-home"; + case "AIDE_URGENCE" -> "pi-exclamation-triangle"; + default -> "pi-question"; + }; + } + + public String getStatutLibelle() { + return switch (statut) { + case "EN_ATTENTE" -> "En Attente"; + case "EN_EVALUATION" -> "En Évaluation"; + case "APPROUVEE" -> "Approuvée"; + case "REJETEE" -> "Rejetée"; + case "EN_COURS" -> "En Cours"; + case "TERMINEE" -> "Terminée"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "EN_ATTENTE" -> "warning"; + case "EN_EVALUATION" -> "info"; + case "APPROUVEE" -> "success"; + case "REJETEE" -> "danger"; + case "EN_COURS" -> "primary"; + case "TERMINEE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "EN_ATTENTE" -> "pi-clock"; + case "EN_EVALUATION" -> "pi-search"; + case "APPROUVEE" -> "pi-check"; + case "REJETEE" -> "pi-times"; + case "EN_COURS" -> "pi-play"; + case "TERMINEE" -> "pi-check-circle"; + default -> "pi-circle"; + }; + } + + public String getUrgenceSeverity() { + return switch (urgence) { + case "FAIBLE" -> "secondary"; + case "NORMALE" -> "info"; + case "ELEVEE" -> "warning"; + case "CRITIQUE" -> "danger"; + default -> "primary"; + }; + } + + public String getDateDemandeFormatee() { + if (dateDemande == null) return ""; + return dateDemande.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getMontantDemandeFormatte() { + if (montantDemande == null) return ""; + return String.format("%,.0f FCFA", montantDemande); + } + + public String getMontantAccordeFormatte() { + if (montantAccorde == null) return ""; + return String.format("%,.0f FCFA", montantAccorde); + } + + public long getJoursDepuisDemande() { + if (dateDemande == null) return 0; + return ChronoUnit.DAYS.between(dateDemande, LocalDate.now()); + } + } + + public static class NouvelleDemande { + private String demandeur; + private String telephone; + private String email; + private String type; + private String localisation; + private BigDecimal montantDemande; + private String urgence; + private LocalDate dateLimite; + private String motif; + private String description; + + // Getters et setters + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public BigDecimal getMontantDemande() { return montantDemande; } + public void setMontantDemande(BigDecimal montantDemande) { this.montantDemande = montantDemande; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public LocalDate getDateLimite() { return dateLimite; } + public void setDateLimite(LocalDate dateLimite) { this.dateLimite = dateLimite; } + + public String getMotif() { return motif; } + public void setMotif(String motif) { this.motif = motif; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + } + + public static class Filtres { + private String demandeur; + private String type; + private String statut; + private String urgence; + private String localisation; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et setters + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + public static class StatistiquesDemandes { + private int totalDemandes; + private int demandesEnAttente; + private int demandesApprouvees; + private String montantTotalAide; + + // Getters et setters + public int getTotalDemandes() { return totalDemandes; } + public void setTotalDemandes(int totalDemandes) { this.totalDemandes = totalDemandes; } + + public int getDemandesEnAttente() { return demandesEnAttente; } + public void setDemandesEnAttente(int demandesEnAttente) { this.demandesEnAttente = demandesEnAttente; } + + public int getDemandesApprouvees() { return demandesApprouvees; } + public void setDemandesApprouvees(int demandesApprouvees) { this.demandesApprouvees = demandesApprouvees; } + + public String getMontantTotalAide() { return montantTotalAide; } + public void setMontantTotalAide(String montantTotalAide) { this.montantTotalAide = montantTotalAide; } + } + + public static class EtapeWorkflow { + private String libelle; + private String icon; + private String couleur; + private int nombre; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public int getNombre() { return nombre; } + public void setNombre(int nombre) { this.nombre = nombre; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java new file mode 100644 index 0000000..a4e4d60 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java @@ -0,0 +1,463 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("demandeBean") +@SessionScoped +public class DemandesBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List demandes; + private List selectedDemandes; + private List demandesUrgentes; + private List dernieresDemandes; + private List gestionnairesDisponibles; + private Membre membreDemandeur; + private NouvelleDemande nouvelleDemande; + private Demande demandeSelectionnee; + + // Filtres + private String searchFilter; + private String statutFilter; + private String typeFilter; + private String prioriteFilter; + private LocalDate dateFilter; + + // Assignation en lot + private Long gestionnaireAssignation; + private String commentaireAssignation; + + // Statistiques + private int enAttente = 12; + private int urgentes = 5; + private int traitees = 143; + private int delaiMoyenTraitement = 3; + + @PostConstruct + public void init() { + initializeDemandes(); + initializeGestionnaires(); + initializeNouvelleDemande(); + selectedDemandes = new ArrayList<>(); + } + + private void initializeDemandes() { + demandes = new ArrayList<>(); + + String[] objets = { + "Demande d'aide financière urgente", "Certificat de membership", + "Mutation vers club Dakar", "Réclamation cotisation", + "Aide médicale famille", "Certificat de bonne conduite" + }; + + String[] types = {"AIDE_FINANCIERE", "CERTIFICAT", "MUTATION", "RECLAMATION", "AIDE_FINANCIERE", "CERTIFICAT"}; + String[] statuts = {"EN_ATTENTE", "EN_COURS", "APPROUVEE", "EN_ATTENTE", "URGENTE", "EN_COURS"}; + String[] priorites = {"URGENTE", "NORMALE", "NORMALE", "BASSE", "URGENTE", "NORMALE"}; + String[] demandeurs = {"Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné", "Ibrahim Touré"}; + + for (int i = 0; i < objets.length; i++) { + Demande demande = new Demande(); + demande.setId((long) (i + 1)); + demande.setReference("DEM-2024-" + String.format("%04d", i + 1)); + demande.setObjet(objets[i]); + demande.setType(types[i]); + demande.setStatut(statuts[i]); + demande.setPriorite(priorites[i]); + demande.setNomDemandeur(demandeurs[i]); + demande.setNumeroMembre("M" + String.format("%06d", 1000 + i)); + demande.setTelephoneDemandeur("+225 07 " + String.format("%02d", 10 + i) + " " + String.format("%02d", 20 + i) + " " + String.format("%02d", 30 + i)); + demande.setDateDepot(LocalDate.now().minusDays(i * 2)); + demande.setDateEcheance(LocalDate.now().plusDays(7 + i)); + demande.setHeureDepot(LocalDateTime.now().minusHours(i * 3).format(DateTimeFormatter.ofPattern("HH:mm"))); + if (i % 3 != 0) demande.setAssigneA("Gestionnaire " + (i % 3 + 1)); + demandes.add(demande); + } + + // Initialiser les sous-listes + demandesUrgentes = demandes.stream() + .filter(d -> "URGENTE".equals(d.getPriorite()) || "EN_ATTENTE".equals(d.getStatut())) + .limit(3) + .collect(Collectors.toList()); + + dernieresDemandes = demandes.stream() + .limit(4) + .collect(Collectors.toList()); + } + + private void initializeGestionnaires() { + gestionnairesDisponibles = new ArrayList<>(); + gestionnairesDisponibles.add(new Gestionnaire(1L, "Marie Gestionnaire")); + gestionnairesDisponibles.add(new Gestionnaire(2L, "Paul Superviseur")); + gestionnairesDisponibles.add(new Gestionnaire(3L, "Fatou Responsable")); + } + + private void initializeNouvelleDemande() { + nouvelleDemande = new NouvelleDemande(); + nouvelleDemande.setPriorite("NORMALE"); + nouvelleDemande.setDateEcheance(LocalDate.now().plusWeeks(2)); + } + + public List rechercherMembres(String query) { + List resultats = new ArrayList<>(); + + String[] noms = {"Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné"}; + for (int i = 0; i < noms.length; i++) { + if (noms[i].toLowerCase().contains(query.toLowerCase())) { + Membre membre = new Membre(); + membre.setId((long) (i + 1)); + membre.setNomComplet(noms[i]); + membre.setNumeroMembre("M" + String.format("%06d", 1000 + i)); + resultats.add(membre); + } + } + + return resultats; + } + + // Actions + public void voirDemande(Demande demande) { + this.demandeSelectionnee = demande; + System.out.println("Voir demande: " + demande.getObjet()); + } + + public void traiterDemande(Demande demande) { + demande.setStatut("EN_COURS"); + System.out.println("Traitement demande: " + demande.getObjet()); + } + + public void approuverDemande(Demande demande) { + demande.setStatut("APPROUVEE"); + System.out.println("Demande approuvée: " + demande.getObjet()); + } + + public void rejeterDemande(Demande demande) { + demande.setStatut("REJETEE"); + System.out.println("Demande rejetée: " + demande.getObjet()); + } + + public void assignerDemande(Demande demande) { + System.out.println("Assigner demande: " + demande.getObjet()); + } + + public void voirPiecesJointes(Demande demande) { + System.out.println("Voir pièces jointes: " + demande.getObjet()); + } + + public void creerDemande() { + System.out.println("Créer nouvelle demande: " + nouvelleDemande.getObjet()); + initializeNouvelleDemande(); + } + + public void effectuerAssignationLot() { + System.out.println("Assignation en lot à gestionnaire ID: " + gestionnaireAssignation); + } + + public void marquerTraitees() { + selectedDemandes.forEach(d -> d.setStatut("TRAITEE")); + System.out.println("Marquées comme traitées: " + selectedDemandes.size()); + } + + public void exporterSelection() { + System.out.println("Export de " + selectedDemandes.size() + " demandes"); + } + + public void exporterDemandes() { + System.out.println("Export de toutes les demandes"); + } + + public void actualiser() { + System.out.println("Actualisation des données"); + } + + public void filtrerUrgentes() { + System.out.println("Filtrer les demandes urgentes"); + } + + // Getters et Setters + public List getDemandes() { return demandes; } + public void setDemandes(List demandes) { this.demandes = demandes; } + + public List getSelectedDemandes() { return selectedDemandes; } + public void setSelectedDemandes(List selectedDemandes) { this.selectedDemandes = selectedDemandes; } + + public List getDemandesUrgentes() { return demandesUrgentes; } + public void setDemandesUrgentes(List demandesUrgentes) { this.demandesUrgentes = demandesUrgentes; } + + public List getDernieresDemandes() { return dernieresDemandes; } + public void setDernieresDemandes(List dernieresDemandes) { this.dernieresDemandes = dernieresDemandes; } + + public List getGestionnairesDisponibles() { return gestionnairesDisponibles; } + public void setGestionnairesDisponibles(List gestionnairesDisponibles) { this.gestionnairesDisponibles = gestionnairesDisponibles; } + + public Membre getMembreDemandeur() { return membreDemandeur; } + public void setMembreDemandeur(Membre membreDemandeur) { this.membreDemandeur = membreDemandeur; } + + public NouvelleDemande getNouvelleDemande() { return nouvelleDemande; } + public void setNouvelleDemande(NouvelleDemande nouvelleDemande) { this.nouvelleDemande = nouvelleDemande; } + + public String getSearchFilter() { return searchFilter; } + public void setSearchFilter(String searchFilter) { this.searchFilter = searchFilter; } + + public String getStatutFilter() { return statutFilter; } + public void setStatutFilter(String statutFilter) { this.statutFilter = statutFilter; } + + public String getTypeFilter() { return typeFilter; } + public void setTypeFilter(String typeFilter) { this.typeFilter = typeFilter; } + + public String getPrioriteFilter() { return prioriteFilter; } + public void setPrioriteFilter(String prioriteFilter) { this.prioriteFilter = prioriteFilter; } + + public LocalDate getDateFilter() { return dateFilter; } + public void setDateFilter(LocalDate dateFilter) { this.dateFilter = dateFilter; } + + public Long getGestionnaireAssignation() { return gestionnaireAssignation; } + public void setGestionnaireAssignation(Long gestionnaireAssignation) { this.gestionnaireAssignation = gestionnaireAssignation; } + + public String getCommentaireAssignation() { return commentaireAssignation; } + public void setCommentaireAssignation(String commentaireAssignation) { this.commentaireAssignation = commentaireAssignation; } + + public int getEnAttente() { return enAttente; } + public void setEnAttente(int enAttente) { this.enAttente = enAttente; } + + public int getUrgentes() { return urgentes; } + public void setUrgentes(int urgentes) { this.urgentes = urgentes; } + + public int getTraitees() { return traitees; } + public void setTraitees(int traitees) { this.traitees = traitees; } + + public int getDelaiMoyenTraitement() { return delaiMoyenTraitement; } + public void setDelaiMoyenTraitement(int delaiMoyenTraitement) { this.delaiMoyenTraitement = delaiMoyenTraitement; } + + public Demande getDemandeSelectionnee() { return demandeSelectionnee; } + public void setDemandeSelectionnee(Demande demandeSelectionnee) { this.demandeSelectionnee = demandeSelectionnee; } + + // Classes internes + public static class Demande { + private Long id; + private String reference; + private String objet; + private String type; + private String statut; + private String priorite; + private String nomDemandeur; + private String numeroMembre; + private String telephoneDemandeur; + private LocalDate dateDepot; + private LocalDate dateEcheance; + private String heureDepot; + private String assigneA; + private String demandeur; + private boolean hasPiecesJointes = false; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getReference() { return reference; } + public void setReference(String reference) { this.reference = reference; } + + public String getObjet() { return objet; } + public void setObjet(String objet) { this.objet = objet; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getNomDemandeur() { return nomDemandeur; } + public void setNomDemandeur(String nomDemandeur) { this.nomDemandeur = nomDemandeur; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getTelephoneDemandeur() { return telephoneDemandeur; } + public void setTelephoneDemandeur(String telephoneDemandeur) { this.telephoneDemandeur = telephoneDemandeur; } + + public LocalDate getDateDepot() { return dateDepot; } + public void setDateDepot(LocalDate dateDepot) { this.dateDepot = dateDepot; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getHeureDepot() { return heureDepot; } + public void setHeureDepot(String heureDepot) { this.heureDepot = heureDepot; } + + public String getAssigneA() { return assigneA; } + public void setAssigneA(String assigneA) { this.assigneA = assigneA; } + + public String getDemandeur() { return demandeur != null ? demandeur : nomDemandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public boolean isHasPiecesJointes() { return hasPiecesJointes; } + public void setHasPiecesJointes(boolean hasPiecesJointes) { this.hasPiecesJointes = hasPiecesJointes; } + + // Propriétés dérivées + public String getNomCompletDemandeur() { return nomDemandeur; } + public String getInitialesDemandeur() { + if (nomDemandeur == null) return "??"; + String[] parts = nomDemandeur.split(" "); + return parts.length >= 2 ? parts[0].substring(0,1) + parts[1].substring(0,1) : nomDemandeur.substring(0, Math.min(2, nomDemandeur.length())); + } + + public String getTypeIcon() { + return switch (type) { + case "ADHESION" -> "pi-user-plus"; + case "AIDE_FINANCIERE" -> "pi-money-bill"; + case "CERTIFICAT" -> "pi-file"; + case "MUTATION" -> "pi-arrow-right-arrow-left"; + case "RECLAMATION" -> "pi-exclamation-triangle"; + default -> "pi-question"; + }; + } + + public String getTypeColorClass() { + return switch (type) { + case "ADHESION" -> "bg-blue-500"; + case "AIDE_FINANCIERE" -> "bg-green-500"; + case "CERTIFICAT" -> "bg-purple-500"; + case "MUTATION" -> "bg-orange-500"; + case "RECLAMATION" -> "bg-red-500"; + default -> "bg-gray-500"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "EN_ATTENTE" -> "warning"; + case "EN_COURS" -> "info"; + case "APPROUVEE" -> "success"; + case "REJETEE" -> "danger"; + case "URGENTE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "EN_ATTENTE" -> "pi-clock"; + case "EN_COURS" -> "pi-spin pi-spinner"; + case "APPROUVEE" -> "pi-check"; + case "REJETEE" -> "pi-times"; + case "URGENTE" -> "pi-exclamation-triangle"; + default -> "pi-circle"; + }; + } + + public String getPrioriteSeverity() { + return switch (priorite) { + case "URGENTE" -> "danger"; + case "HAUTE" -> "warning"; + case "NORMALE" -> "info"; + case "BASSE" -> "secondary"; + default -> "primary"; + }; + } + + public String getPrioriteIcon() { + return switch (priorite) { + case "URGENTE" -> "pi-exclamation-triangle"; + case "HAUTE" -> "pi-arrow-up"; + case "NORMALE" -> "pi-minus"; + case "BASSE" -> "pi-arrow-down"; + default -> "pi-circle"; + }; + } + + public String getDateDepotRelative() { + if (dateDepot == null) return ""; + long jours = ChronoUnit.DAYS.between(dateDepot, LocalDate.now()); + if (jours == 0) return "aujourd'hui"; + if (jours == 1) return "hier"; + return "il y a " + jours + " jours"; + } + + public String getEcheanceClass() { + if (dateEcheance == null) return ""; + long jours = ChronoUnit.DAYS.between(LocalDate.now(), dateEcheance); + if (jours < 0) return "text-red-500 font-bold"; + if (jours <= 3) return "text-orange-500 font-bold"; + return "text-600"; + } + } + + public static class Membre { + private Long id; + private String nomComplet; + private String numeroMembre; + + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getInitiales() { + if (nomComplet == null) return "??"; + String[] parts = nomComplet.split(" "); + return parts.length >= 2 ? parts[0].substring(0,1) + parts[1].substring(0,1) : nomComplet.substring(0, Math.min(2, nomComplet.length())); + } + } + + public static class NouvelleDemande { + private String objet; + private String type; + private String priorite; + private String description; + private LocalDate dateEcheance; + private Long assigneA; + + public String getObjet() { return objet; } + public void setObjet(String objet) { this.objet = objet; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public Long getAssigneA() { return assigneA; } + public void setAssigneA(Long assigneA) { this.assigneA = assigneA; } + } + + public static class Gestionnaire { + private Long id; + private String nom; + + public Gestionnaire() {} + + public Gestionnaire(Long id, String nom) { + this.id = id; + this.nom = nom; + } + + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DocumentsBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DocumentsBean.java new file mode 100644 index 0000000..2148b07 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DocumentsBean.java @@ -0,0 +1,690 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("documentsBean") +@SessionScoped +public class DocumentsBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List tousLesDocuments; + private List documentsFiltres; + private List documentsSelectionnes; + private List dossiersAffichage; + private List dossiersDisponibles; + private List cheminNavigation; + + private Document documentSelectionne; + private Dossier dossierSelectionne; + private NouveauDocument nouveauDocument; + private Filtres filtres; + private StatistiquesDocuments statistiques; + + private String modeAffichage = "GRID"; // GRID ou LIST + private Long dossierActuelId; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeDossiers(); + initializeDocuments(); + initializeNouveauDocument(); + initializeNavigation(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + documentsSelectionnes = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesDocuments(); + statistiques.setTotalDocuments(1847); + statistiques.setTotalDossiers(23); + statistiques.setEspaceUtilise("2.3 GB"); + statistiques.setPartagesMois(156); + } + + private void initializeDossiers() { + dossiersAffichage = new ArrayList<>(); + dossiersDisponibles = new ArrayList<>(); + + String[] nomsDossiers = { + "Documents Administratifs", "Finances et Comptabilité", "Ressources Humaines", + "Communication", "Formations", "Projets et Actions", "Archives 2023", + "Modèles et Templates", "Rapports Mensuels", "Juridique et Conformité" + }; + + String[] couleurs = { + "blue-500", "green-500", "orange-500", "purple-500", "indigo-500", + "teal-500", "gray-500", "pink-500", "yellow-500", "red-500" + }; + + for (int i = 0; i < nomsDossiers.length; i++) { + Dossier dossier = new Dossier(); + dossier.setId((long) (i + 1)); + dossier.setNom(nomsDossiers[i]); + dossier.setCouleur(couleurs[i % couleurs.length]); + dossier.setNombreDocuments(15 + (i * 8)); + dossier.setDerniereModification(LocalDateTime.now().minusDays(i + 1)); + dossier.setCheminComplet("/" + nomsDossiers[i]); + + dossiersAffichage.add(dossier); + dossiersDisponibles.add(dossier); + } + } + + private void initializeDocuments() { + tousLesDocuments = new ArrayList<>(); + + String[] noms = { + "Règlement Intérieur 2024.pdf", "Budget Prévisionnel Q1.xlsx", "Procès-Verbal AG Mars.docx", + "Guide Nouveau Membre.pdf", "Rapport Activités Janvier.docx", "Factures Fournisseurs Q4.xlsx", + "Statuts Association.pdf", "Plan Communication 2024.pptx", "Formation Leadership.pdf", + "Rapport Financier Annuel.pdf", "Convention Partenariat.docx", "Charte Graphique.pdf", + "Manuel Procédures.docx", "Bilan Social 2023.xlsx", "Certificat Conformité.pdf", + "Guide Utilisateur Plateforme.pdf", "Contrat Assurance.pdf", "Rapport Audit.docx", + "Plan Stratégique 3 ans.pptx", "Inventaire Matériel.xlsx", "Politique RGPD.pdf" + }; + + String[] types = {"PDF", "EXCEL", "WORD", "PDF", "WORD", "EXCEL", "PDF", "POWERPOINT", "PDF", "PDF", "WORD", "PDF", "WORD", "EXCEL", "PDF", "PDF", "PDF", "WORD", "POWERPOINT", "EXCEL", "PDF"}; + String[] categories = {"ADMINISTRATIF", "FINANCIER", "ADMINISTRATIF", "FORMATION", "ADMINISTRATIF", "FINANCIER", "JURIDIQUE", "COMMUNICATION", "FORMATION", "FINANCIER", "JURIDIQUE", "COMMUNICATION", "ADMINISTRATIF", "FINANCIER", "JURIDIQUE", "FORMATION", "JURIDIQUE", "FINANCIER", "ADMINISTRATIF", "ADMINISTRATIF", "JURIDIQUE"}; + String[] statuts = {"VALIDE", "VALIDE", "BROUILLON", "VALIDE", "VALIDE", "ARCHIVE", "VALIDE", "BROUILLON", "VALIDE", "VALIDE", "VALIDE", "VALIDE", "BROUILLON", "ARCHIVE", "VALIDE", "VALIDE", "VALIDE", "VALIDE", "BROUILLON", "VALIDE", "VALIDE"}; + String[] auteurs = {"Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné", "Ibrahim Touré", "Aminata Bakayoko", "Yves Koffi", "Mariam Coulibaly", "Seydou Cissé", "Adjoa Mensah"}; + + long[] tailles = {2047000, 845000, 1250000, 3100000, 890000, 1450000, 567000, 2800000, 1900000, 3400000, 780000, 1200000, 1850000, 920000, 450000, 2200000, 890000, 1650000, 4200000, 680000, 750000}; + + for (int i = 0; i < noms.length; i++) { + Document document = new Document(); + document.setId((long) (i + 1)); + document.setNom(noms[i]); + document.setType(types[i]); + document.setCategorie(categories[i]); + document.setStatut(statuts[i]); + document.setAuteur(auteurs[i % auteurs.length]); + document.setTailleBytes(tailles[i]); + document.setDateCreation(LocalDateTime.now().minusDays(i * 3 + 1)); + document.setDateModification(LocalDateTime.now().minusDays(i + 1)); + document.setNombreVues(25 + (i * 7)); + document.setNombreTelecharements(5 + (i * 2)); + + // Description automatique + document.setDescription("Document " + categories[i].toLowerCase() + " - " + noms[i]); + + // Mots-clés automatiques + document.setMotsCles(generateMotsCles(categories[i], types[i])); + + // Dossier parent (certains documents sont à la racine) + if (i % 3 != 0) { + document.setDossierId((long) ((i % dossiersDisponibles.size()) + 1)); + } + + tousLesDocuments.add(document); + } + } + + private String generateMotsCles(String categorie, String type) { + String base = categorie.toLowerCase().replace("_", " "); + String typeClean = type.toLowerCase(); + return base + ", " + typeClean + ", officiel, important"; + } + + private void initializeNouveauDocument() { + nouveauDocument = new NouveauDocument(); + nouveauDocument.setAccesRestreint(false); + } + + private void initializeNavigation() { + cheminNavigation = new ArrayList<>(); + + NiveauNavigation racine = new NiveauNavigation(); + racine.setNom("📁 Racine"); + racine.setDossierId(null); + cheminNavigation.add(racine); + + // Si on est dans un dossier spécifique, ajouter le niveau + if (dossierActuelId != null) { + Dossier dossierActuel = dossiersDisponibles.stream() + .filter(d -> d.getId().equals(dossierActuelId)) + .findFirst() + .orElse(null); + + if (dossierActuel != null) { + NiveauNavigation niveau = new NiveauNavigation(); + niveau.setNom(dossierActuel.getNom()); + niveau.setDossierId(dossierActuel.getId()); + cheminNavigation.add(niveau); + } + } + } + + private void appliquerFiltres() { + documentsFiltres = tousLesDocuments.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Document document) { + // Filtre par dossier actuel + if (dossierActuelId != null) { + if (document.getDossierId() == null || !document.getDossierId().equals(dossierActuelId)) { + return false; + } + } else { + // Si on est à la racine, ne montrer que les documents sans dossier parent + if (document.getDossierId() != null) { + return false; + } + } + + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) { + if (!document.getNom().toLowerCase().contains(filtres.getNom().toLowerCase())) { + return false; + } + } + + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!document.getType().equals(filtres.getType())) { + return false; + } + } + + if (filtres.getCategorie() != null && !filtres.getCategorie().trim().isEmpty()) { + if (!document.getCategorie().equals(filtres.getCategorie())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!document.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getAuteur() != null && !filtres.getAuteur().trim().isEmpty()) { + if (!document.getAuteur().toLowerCase().contains(filtres.getAuteur().toLowerCase())) { + return false; + } + } + + if (filtres.getMotsCles() != null && !filtres.getMotsCles().trim().isEmpty()) { + if (!document.getMotsCles().toLowerCase().contains(filtres.getMotsCles().toLowerCase())) { + return false; + } + } + + if (filtres.getDateDebut() != null) { + if (document.getDateCreation().toLocalDate().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null) { + if (document.getDateCreation().toLocalDate().isAfter(filtres.getDateFin())) { + return false; + } + } + + if (filtres.getTailleMax() != null && filtres.getTailleMax() > 0) { + long tailleMaxBytes = filtres.getTailleMax().longValue() * 1024 * 1024; // Conversion MB vers bytes + if (document.getTailleBytes() > tailleMaxBytes) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void changerModeAffichage(String mode) { + this.modeAffichage = mode; + } + + public void naviguerVersDossier(Dossier dossier) { + this.dossierActuelId = dossier.getId(); + initializeNavigation(); + appliquerFiltres(); + } + + public void telechargerNouveauDocument() { + Document nouveau = new Document(); + nouveau.setId((long) (tousLesDocuments.size() + 1)); + nouveau.setNom("Nouveau Document " + (tousLesDocuments.size() + 1)); + nouveau.setCategorie(nouveauDocument.getCategorie()); + nouveau.setDescription(nouveauDocument.getDescription()); + nouveau.setMotsCles(nouveauDocument.getMotsCles()); + nouveau.setDossierId(nouveauDocument.getDossierId()); + nouveau.setStatut("BROUILLON"); + nouveau.setAuteur("Utilisateur Actuel"); + nouveau.setDateCreation(LocalDateTime.now()); + nouveau.setDateModification(LocalDateTime.now()); + nouveau.setTailleBytes(1024000L); // 1MB par défaut + nouveau.setNombreVues(0); + nouveau.setNombreTelecharements(0); + nouveau.setType("PDF"); // Type par défaut + + tousLesDocuments.add(nouveau); + appliquerFiltres(); + + System.out.println("Document téléchargé: " + nouveau.getNom()); + initializeNouveauDocument(); + } + + public void telechargerDocument(Document document) { + document.setNombreTelecharements(document.getNombreTelecharements() + 1); + System.out.println("Téléchargement du document: " + document.getNom()); + } + + public void supprimerDocument(Document document) { + tousLesDocuments.remove(document); + appliquerFiltres(); + System.out.println("Document supprimé: " + document.getNom()); + } + + public void dupliquerDocument() { + if (documentSelectionne != null) { + Document copie = new Document(); + copie.setId((long) (tousLesDocuments.size() + 1)); + copie.setNom(documentSelectionne.getNom() + " (Copie)"); + copie.setType(documentSelectionne.getType()); + copie.setCategorie(documentSelectionne.getCategorie()); + copie.setStatut("BROUILLON"); + copie.setAuteur("Utilisateur Actuel"); + copie.setDescription(documentSelectionne.getDescription()); + copie.setMotsCles(documentSelectionne.getMotsCles()); + copie.setDossierId(documentSelectionne.getDossierId()); + copie.setTailleBytes(documentSelectionne.getTailleBytes()); + copie.setDateCreation(LocalDateTime.now()); + copie.setDateModification(LocalDateTime.now()); + copie.setNombreVues(0); + copie.setNombreTelecharements(0); + + tousLesDocuments.add(copie); + appliquerFiltres(); + System.out.println("Document dupliqué: " + copie.getNom()); + } + } + + public void archiverDocument() { + if (documentSelectionne != null) { + documentSelectionne.setStatut("ARCHIVE"); + System.out.println("Document archivé: " + documentSelectionne.getNom()); + appliquerFiltres(); + } + } + + public void supprimerDefinitivement() { + if (documentSelectionne != null) { + tousLesDocuments.remove(documentSelectionne); + appliquerFiltres(); + System.out.println("Document supprimé définitivement: " + documentSelectionne.getNom()); + } + } + + public String voirHistoriqueVersions() { + return "/pages/admin/documents/versions?id=" + documentSelectionne.getId() + "&faces-redirect=true"; + } + + public boolean estSelectionne(Document document) { + return documentsSelectionnes.contains(document); + } + + public void toggleSelection(Document document) { + if (documentsSelectionnes.contains(document)) { + documentsSelectionnes.remove(document); + } else { + documentsSelectionnes.add(document); + } + } + + // Getters et Setters + public List getTousLesDocuments() { return tousLesDocuments; } + public void setTousLesDocuments(List tousLesDocuments) { this.tousLesDocuments = tousLesDocuments; } + + public List getDocumentsFiltres() { return documentsFiltres; } + public void setDocumentsFiltres(List documentsFiltres) { this.documentsFiltres = documentsFiltres; } + + public List getDocumentsSelectionnes() { return documentsSelectionnes; } + public void setDocumentsSelectionnes(List documentsSelectionnes) { this.documentsSelectionnes = documentsSelectionnes; } + + public List getDossiersAffichage() { return dossiersAffichage; } + public void setDossiersAffichage(List dossiersAffichage) { this.dossiersAffichage = dossiersAffichage; } + + public List getDossiersDisponibles() { return dossiersDisponibles; } + public void setDossiersDisponibles(List dossiersDisponibles) { this.dossiersDisponibles = dossiersDisponibles; } + + public List getCheminNavigation() { return cheminNavigation; } + public void setCheminNavigation(List cheminNavigation) { this.cheminNavigation = cheminNavigation; } + + public Document getDocumentSelectionne() { return documentSelectionne; } + public void setDocumentSelectionne(Document documentSelectionne) { this.documentSelectionne = documentSelectionne; } + + public Dossier getDossierSelectionne() { return dossierSelectionne; } + public void setDossierSelectionne(Dossier dossierSelectionne) { this.dossierSelectionne = dossierSelectionne; } + + public NouveauDocument getNouveauDocument() { return nouveauDocument; } + public void setNouveauDocument(NouveauDocument nouveauDocument) { this.nouveauDocument = nouveauDocument; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesDocuments getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesDocuments statistiques) { this.statistiques = statistiques; } + + public String getModeAffichage() { return modeAffichage; } + public void setModeAffichage(String modeAffichage) { this.modeAffichage = modeAffichage; } + + public Long getDossierActuelId() { return dossierActuelId; } + public void setDossierActuelId(Long dossierActuelId) { this.dossierActuelId = dossierActuelId; } + + // Classes internes + public static class Document { + private Long id; + private String nom; + private String description; + private String type; + private String categorie; + private String statut; + private String auteur; + private String motsCles; + private Long dossierId; + private long tailleBytes; + private LocalDateTime dateCreation; + private LocalDateTime dateModification; + private int nombreVues; + private int nombreTelecharements; + private boolean accesRestreint; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getAuteur() { return auteur; } + public void setAuteur(String auteur) { this.auteur = auteur; } + + public String getMotsCles() { return motsCles; } + public void setMotsCles(String motsCles) { this.motsCles = motsCles; } + + public Long getDossierId() { return dossierId; } + public void setDossierId(Long dossierId) { this.dossierId = dossierId; } + + public long getTailleBytes() { return tailleBytes; } + public void setTailleBytes(long tailleBytes) { this.tailleBytes = tailleBytes; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public int getNombreVues() { return nombreVues; } + public void setNombreVues(int nombreVues) { this.nombreVues = nombreVues; } + + public int getNombreTelecharements() { return nombreTelecharements; } + public void setNombreTelecharements(int nombreTelecharements) { this.nombreTelecharements = nombreTelecharements; } + + public boolean isAccesRestreint() { return accesRestreint; } + public void setAccesRestreint(boolean accesRestreint) { this.accesRestreint = accesRestreint; } + + // Propriétés dérivées + public String getTypeIcon() { + return switch (type) { + case "PDF" -> "pi-file-pdf"; + case "WORD" -> "pi-file-word"; + case "EXCEL" -> "pi-file-excel"; + case "POWERPOINT" -> "pi-file"; + case "IMAGE" -> "pi-image"; + default -> "pi-file"; + }; + } + + public String getTypeCouleur() { + return switch (type) { + case "PDF" -> "red-500"; + case "WORD" -> "blue-500"; + case "EXCEL" -> "green-500"; + case "POWERPOINT" -> "orange-500"; + case "IMAGE" -> "purple-500"; + default -> "gray-500"; + }; + } + + public String getCategorieLibelle() { + return switch (categorie) { + case "ADMINISTRATIF" -> "Administratif"; + case "FINANCIER" -> "Financier"; + case "JURIDIQUE" -> "Juridique"; + case "COMMUNICATION" -> "Communication"; + case "FORMATION" -> "Formation"; + case "AUTRE" -> "Autre"; + default -> categorie; + }; + } + + public String getCategorieSeverity() { + return switch (categorie) { + case "ADMINISTRATIF" -> "info"; + case "FINANCIER" -> "success"; + case "JURIDIQUE" -> "danger"; + case "COMMUNICATION" -> "warning"; + case "FORMATION" -> "primary"; + case "AUTRE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getStatutLibelle() { + return switch (statut) { + case "BROUILLON" -> "Brouillon"; + case "VALIDE" -> "Validé"; + case "ARCHIVE" -> "Archivé"; + case "EXPIRE" -> "Expiré"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "BROUILLON" -> "warning"; + case "VALIDE" -> "success"; + case "ARCHIVE" -> "secondary"; + case "EXPIRE" -> "danger"; + default -> "secondary"; + }; + } + + public String getTaille() { + if (tailleBytes < 1024) { + return tailleBytes + " B"; + } else if (tailleBytes < 1024 * 1024) { + return Math.round(tailleBytes / 1024.0) + " KB"; + } else { + return Math.round(tailleBytes / (1024.0 * 1024)) + " MB"; + } + } + + public String getDateCreationFormatee() { + if (dateCreation == null) return ""; + return dateCreation.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDateCreationRelative() { + if (dateCreation == null) return ""; + long jours = ChronoUnit.DAYS.between(dateCreation.toLocalDate(), LocalDate.now()); + if (jours == 0) return "Aujourd'hui"; + if (jours == 1) return "Hier"; + if (jours < 7) return "Il y a " + jours + " jours"; + if (jours < 30) return "Il y a " + (jours / 7) + " semaine" + (jours / 7 > 1 ? "s" : ""); + return "Il y a " + (jours / 30) + " mois"; + } + } + + public static class Dossier { + private Long id; + private String nom; + private String couleur; + private int nombreDocuments; + private LocalDateTime derniereModification; + private String cheminComplet; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public int getNombreDocuments() { return nombreDocuments; } + public void setNombreDocuments(int nombreDocuments) { this.nombreDocuments = nombreDocuments; } + + public LocalDateTime getDerniereModification() { return derniereModification; } + public void setDerniereModification(LocalDateTime derniereModification) { this.derniereModification = derniereModification; } + + public String getCheminComplet() { return cheminComplet; } + public void setCheminComplet(String cheminComplet) { this.cheminComplet = cheminComplet; } + + public String getDerniereModificationRelative() { + if (derniereModification == null) return ""; + long jours = ChronoUnit.DAYS.between(derniereModification.toLocalDate(), LocalDate.now()); + if (jours == 0) return "aujourd'hui"; + if (jours == 1) return "hier"; + return "il y a " + jours + " jours"; + } + } + + public static class NouveauDocument { + private String categorie; + private String description; + private String motsCles; + private Long dossierId; + private boolean accesRestreint; + + // Getters et setters + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getMotsCles() { return motsCles; } + public void setMotsCles(String motsCles) { this.motsCles = motsCles; } + + public Long getDossierId() { return dossierId; } + public void setDossierId(Long dossierId) { this.dossierId = dossierId; } + + public boolean isAccesRestreint() { return accesRestreint; } + public void setAccesRestreint(boolean accesRestreint) { this.accesRestreint = accesRestreint; } + } + + public static class Filtres { + private String nom; + private String type; + private String categorie; + private String statut; + private String auteur; + private String motsCles; + private LocalDate dateDebut; + private LocalDate dateFin; + private Double tailleMax; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getAuteur() { return auteur; } + public void setAuteur(String auteur) { this.auteur = auteur; } + + public String getMotsCles() { return motsCles; } + public void setMotsCles(String motsCles) { this.motsCles = motsCles; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public Double getTailleMax() { return tailleMax; } + public void setTailleMax(Double tailleMax) { this.tailleMax = tailleMax; } + } + + public static class StatistiquesDocuments { + private int totalDocuments; + private int totalDossiers; + private String espaceUtilise; + private int partagesMois; + + // Getters et setters + public int getTotalDocuments() { return totalDocuments; } + public void setTotalDocuments(int totalDocuments) { this.totalDocuments = totalDocuments; } + + public int getTotalDossiers() { return totalDossiers; } + public void setTotalDossiers(int totalDossiers) { this.totalDossiers = totalDossiers; } + + public String getEspaceUtilise() { return espaceUtilise; } + public void setEspaceUtilise(String espaceUtilise) { this.espaceUtilise = espaceUtilise; } + + public int getPartagesMois() { return partagesMois; } + public void setPartagesMois(int partagesMois) { this.partagesMois = partagesMois; } + } + + public static class NiveauNavigation { + private String nom; + private Long dossierId; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public Long getDossierId() { return dossierId; } + public void setDossierId(Long dossierId) { this.dossierId = dossierId; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EntitesGestionBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EntitesGestionBean.java new file mode 100644 index 0000000..1a3b302 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EntitesGestionBean.java @@ -0,0 +1,706 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("entitesGestionBean") +@SessionScoped +public class EntitesGestionBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List toutesLesEntites; + private List entitesFiltrees; + private List entitesSelectionnees; + private Entite entiteSelectionne; + private Entite nouvelleEntite; + private Filtres filtres; + private Statistiques statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeEntites(); + initializeStatistiques(); + initializeNouvelleEntite(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + entitesSelectionnees = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new Statistiques(); + statistiques.setTotalEntites(127); // Nouvelle stratégie volume + statistiques.setEntitesActives(127); + statistiques.setTotalMembres(18547); // 146 membres/organisation en moyenne + statistiques.setMoyenneMembresParEntite(146); // Moyenne calculée + statistiques.setRevenus("363 000 FCFA"); + statistiques.setSouscriptionsExpirantes(12); + statistiques.setEntitesQuotaAtteint(8); + statistiques.setFormulairePopulaire("Standard"); + statistiques.setTauxRenouvellement(94.2f); + + // Calcul dynamique des statistiques de souscription + calculerStatistiquesSouscriptions(); + } + + private void initializeEntites() { + toutesLesEntites = new ArrayList<>(); + + // Génération de données de test + String[] noms = { + "Association Alpha Centrale", "Club Beta Régional", "Groupe Gamma Local", + "Association Delta Nord", "Club Epsilon Sud", "Groupe Zeta Jeunes", + "Association Eta Ouest", "Club Theta Est", "Groupe Iota Centre", + "Association Kappa Métropole", "Branche Féminine Lambda", "Club Mu Urbain", + "Groupe Jeunes Nu", "Association Xi Rural", "Club Omicron Mixte" + }; + + String[] types = { + "ASSOCIATION", "CLUB", "GROUPE", "ASSOCIATION", "CLUB", "GROUPE_JEUNES", + "ASSOCIATION", "CLUB", "GROUPE", "ASSOCIATION", "BRANCHE", "CLUB", + "GROUPE_JEUNES", "ASSOCIATION", "CLUB" + }; + + String[] regions = { + "REGION_1", "REGION_2", "REGION_3", "REGION_4", "REGION_5", "REGION_1", + "REGION_6", "REGION_7", "REGION_8", "REGION_9", "REGION_1", "REGION_10", + "REGION_2", "REGION_11", "REGION_12" + }; + + String[] statuts = { + "ACTIVE", "ACTIVE", "ACTIVE", "ACTIVE", "ACTIVE", "ACTIVE", + "ACTIVE", "SUSPENDUE", "ACTIVE", "ACTIVE", "ACTIVE", "INACTIVE", + "ACTIVE", "ACTIVE", "ACTIVE" + }; + + int[] nombresMembres = {156, 123, 98, 87, 73, 45, 67, 0, 54, 43, 32, 0, 28, 38, 51}; + + for (int i = 0; i < noms.length; i++) { + Entite entite = new Entite(); + entite.setId((long) (i + 1)); + entite.setNom(noms[i]); + entite.setCodeEntite("ENT" + String.format("%03d", i + 1)); + entite.setType(types[i]); + entite.setRegion(regions[i]); + entite.setStatut(statuts[i]); + entite.setNombreMembres(nombresMembres[i]); + entite.setMembresUtilises(nombresMembres[i]); + entite.setAdresse("Adresse " + noms[i]); + entite.setTelephone("77 123 45 " + String.format("%02d", i + 1)); + entite.setEmail(noms[i].toLowerCase().replace(" ", ".") + "@unionflow.app"); + entite.setDescription("Description de " + noms[i]); + entite.setDerniereActivite(LocalDateTime.now().minusDays(i * 2 + 1)); + + // Définir le forfait selon le nombre de membres + if (nombresMembres[i] <= 100) { + entite.setForfaitSouscrit("Starter"); + entite.setMembresQuota(100); + entite.setMontantMensuel("2 000 FCFA"); + } else if (nombresMembres[i] <= 200) { + entite.setForfaitSouscrit("Standard"); + entite.setMembresQuota(200); + entite.setMontantMensuel("3 000 FCFA"); + } else if (nombresMembres[i] <= 500) { + entite.setForfaitSouscrit("Premium"); + entite.setMembresQuota(500); + entite.setMontantMensuel("4 000 FCFA"); + } else { + entite.setForfaitSouscrit("Cristal"); + entite.setMembresQuota(2000); + entite.setMontantMensuel("5 000 FCFA"); + } + + // Date d'expiration (varie entre 1 mois et 11 mois) + entite.setDateExpirationSouscription(LocalDate.now().plusMonths(1 + (i % 11))); + + // Administrateur + if (nombresMembres[i] > 0) { + Administrateur admin = new Administrateur(); + admin.setNomComplet("Admin " + (i + 1)); + admin.setEmail("admin" + (i + 1) + "@unionflow.app"); + entite.setAdministrateur(admin); + } + + toutesLesEntites.add(entite); + } + } + + private void initializeNouvelleEntite() { + nouvelleEntite = new Entite(); + } + + private void appliquerFiltres() { + entitesFiltrees = toutesLesEntites.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Entite entite) { + // Filtre par nom + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) { + if (!entite.getNom().toLowerCase().contains(filtres.getNom().toLowerCase())) { + return false; + } + } + + // Filtre par type + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!entite.getType().equals(filtres.getType())) { + return false; + } + } + + // Filtre par statut + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!entite.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + // Filtre par région + if (filtres.getRegion() != null && !filtres.getRegion().trim().isEmpty()) { + if (!entite.getRegion().equals(filtres.getRegion())) { + return false; + } + } + + // Filtre par forfait + if (filtres.getForfait() != null && !filtres.getForfait().trim().isEmpty()) { + if (!entite.getForfaitSouscrit().equals(filtres.getForfait())) { + return false; + } + } + + // Filtre par alerte quota + if (filtres.getAlerteQuota() != null && !filtres.getAlerteQuota().trim().isEmpty()) { + if ("OUI".equals(filtres.getAlerteQuota()) && !entite.isQuotaProche()) { + return false; + } + if ("NON".equals(filtres.getAlerteQuota()) && entite.isQuotaProche()) { + return false; + } + } + + // Filtre par alerte expiration + if (filtres.getAlerteExpiration() != null && !filtres.getAlerteExpiration().trim().isEmpty()) { + if ("OUI".equals(filtres.getAlerteExpiration()) && !entite.isExpirationProche()) { + return false; + } + if ("NON".equals(filtres.getAlerteExpiration()) && entite.isExpirationProche()) { + return false; + } + } + + // Filtre par statut souscription + if (filtres.getStatutSouscription() != null && !filtres.getStatutSouscription().trim().isEmpty()) { + if (!entite.getStatutSouscription().equals(filtres.getStatutSouscription())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public String voirEntite(Entite entite) { + return "/pages/super-admin/entites/details?id=" + entite.getId() + "&faces-redirect=true"; + } + + public void creerEntite() { + nouvelleEntite.setId((long) (toutesLesEntites.size() + 1)); + nouvelleEntite.setCodeEntite("ENT" + String.format("%03d", toutesLesEntites.size() + 1)); + nouvelleEntite.setStatut("ACTIVE"); + nouvelleEntite.setNombreMembres(0); + nouvelleEntite.setDerniereActivite(LocalDateTime.now()); + + toutesLesEntites.add(nouvelleEntite); + appliquerFiltres(); + + System.out.println("Nouvelle entité créée: " + nouvelleEntite.getNom()); + + initializeNouvelleEntite(); + } + + public String gererMembres() { + return "/pages/admin/membres/gestion?entiteId=" + entiteSelectionne.getId() + "&faces-redirect=true"; + } + + public String configurerEntite() { + return "/pages/super-admin/entites/configuration?id=" + entiteSelectionne.getId() + "&faces-redirect=true"; + } + + public String voirRapports() { + return "/pages/super-admin/entites/rapports?id=" + entiteSelectionne.getId() + "&faces-redirect=true"; + } + + public void suspendreEntite() { + entiteSelectionne.setStatut("SUSPENDUE"); + System.out.println("Entité suspendue: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + + public void reactiverEntite() { + entiteSelectionne.setStatut("ACTIVE"); + System.out.println("Entité réactivée: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + + public void supprimerEntite() { + toutesLesEntites.remove(entiteSelectionne); + System.out.println("Entité supprimée: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + + public void exporterEntites() { + System.out.println("Export de " + entitesFiltrees.size() + " entités"); + } + + // Getters et Setters + public List getToutesLesEntites() { return toutesLesEntites; } + public void setToutesLesEntites(List toutesLesEntites) { this.toutesLesEntites = toutesLesEntites; } + + public List getEntitesFiltrees() { return entitesFiltrees; } + public void setEntitesFiltrees(List entitesFiltrees) { this.entitesFiltrees = entitesFiltrees; } + + public List getEntitesSelectionnees() { return entitesSelectionnees; } + public void setEntitesSelectionnees(List entitesSelectionnees) { this.entitesSelectionnees = entitesSelectionnees; } + + public Entite getEntiteSelectionne() { return entiteSelectionne; } + public void setEntiteSelectionne(Entite entiteSelectionne) { this.entiteSelectionne = entiteSelectionne; } + + public Entite getNouvelleEntite() { return nouvelleEntite; } + public void setNouvelleEntite(Entite nouvelleEntite) { this.nouvelleEntite = nouvelleEntite; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public Statistiques getStatistiques() { return statistiques; } + public void setStatistiques(Statistiques statistiques) { this.statistiques = statistiques; } + + // Méthodes utilitaires pour les souscriptions + private void calculerStatistiquesSouscriptions() { + if (toutesLesEntites == null || statistiques == null) { + return; // Sécurité si appelé avant initialisation complète + } + + int expirantes = 0; + int quotaAtteint = 0; + + for (Entite entite : toutesLesEntites) { + if (entite.isExpirationProche()) { + expirantes++; + } + if (entite.isQuotaAtteint()) { + quotaAtteint++; + } + } + + statistiques.setSouscriptionsExpirantes(expirantes); + statistiques.setEntitesQuotaAtteint(quotaAtteint); + } + + public void renouvelerSouscription() { + if (entiteSelectionne != null) { + entiteSelectionne.setDateExpirationSouscription(LocalDate.now().plusMonths(12)); + entiteSelectionne.setStatutSouscription("ACTIVE"); + System.out.println("Souscription renouvelée pour: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + } + + public void upgraderForfait() { + if (entiteSelectionne != null) { + String forfaitActuel = entiteSelectionne.getForfaitSouscrit(); + switch (forfaitActuel) { + case "Starter": + entiteSelectionne.setForfaitSouscrit("Standard"); + entiteSelectionne.setMembresQuota(200); + entiteSelectionne.setMontantMensuel("3 000 FCFA"); + break; + case "Standard": + entiteSelectionne.setForfaitSouscrit("Premium"); + entiteSelectionne.setMembresQuota(500); + entiteSelectionne.setMontantMensuel("4 000 FCFA"); + break; + case "Premium": + entiteSelectionne.setForfaitSouscrit("Cristal"); + entiteSelectionne.setMembresQuota(2000); + entiteSelectionne.setMontantMensuel("5 000 FCFA"); + break; + } + System.out.println("Forfait upgradé pour: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + } + + public void gererQuotas() { + System.out.println("Gestion des quotas pour toutes les entités"); + } + + public void envoyerRelancesSouscriptions() { + int compteur = 0; + for (Entite entite : toutesLesEntites) { + if (entite.isExpirationProche()) { + System.out.println("Relance envoyée à: " + entite.getNom()); + compteur++; + } + } + System.out.println(compteur + " relances de souscription envoyées"); + } + + // Actions groupées + public void renouvelerSouscriptionsGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + entite.setDateExpirationSouscription(LocalDate.now().plusMonths(12)); + entite.setStatutSouscription("ACTIVE"); + compteur++; + } + System.out.println(compteur + " souscriptions renouvelées en masse"); + entitesSelectionnees.clear(); + appliquerFiltres(); + } + + public void suspendreEntitesGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + entite.setStatut("SUSPENDUE"); + compteur++; + } + System.out.println(compteur + " entités suspendues en masse"); + entitesSelectionnees.clear(); + appliquerFiltres(); + } + + public void reactiverEntitesGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + entite.setStatut("ACTIVE"); + compteur++; + } + System.out.println(compteur + " entités réactivées en masse"); + entitesSelectionnees.clear(); + appliquerFiltres(); + } + + public void proposerUpgradeGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + if (entite.isQuotaProche()) { + // Simulation d'envoi de proposition d'upgrade + System.out.println("Proposition d'upgrade envoyée à: " + entite.getNom()); + compteur++; + } + } + System.out.println(compteur + " propositions d'upgrade envoyées"); + } + + // Classes internes + public static class Entite { + private Long id; + private String nom; + private String codeEntite; + private String type; + private String region; + private String statut; + private int nombreMembres; + private String adresse; + private String telephone; + private String email; + private String description; + private LocalDateTime derniereActivite; + private Administrateur administrateur; + + // Informations de souscription + private String forfaitSouscrit = "Standard"; + private int membresQuota = 200; + private int membresUtilises; + private LocalDate dateExpirationSouscription; + private String statutSouscription = "ACTIVE"; + private String montantMensuel = "3 000 FCFA"; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getCodeEntite() { return codeEntite; } + public void setCodeEntite(String codeEntite) { this.codeEntite = codeEntite; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public int getNombreMembres() { return nombreMembres; } + public void setNombreMembres(int nombreMembres) { this.nombreMembres = nombreMembres; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public LocalDateTime getDerniereActivite() { return derniereActivite; } + public void setDerniereActivite(LocalDateTime derniereActivite) { this.derniereActivite = derniereActivite; } + + public Administrateur getAdministrateur() { return administrateur; } + public void setAdministrateur(Administrateur administrateur) { this.administrateur = administrateur; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (type) { + case "ASSOCIATION" -> "Association"; + case "CLUB" -> "Club"; + case "GROUPE" -> "Groupe"; + case "GROUPE_JEUNES" -> "Groupe Jeunes"; + case "BRANCHE" -> "Branche"; + default -> type; + }; + } + + public String getTypeSeverity() { + return switch (type) { + case "ASSOCIATION" -> "info"; + case "CLUB" -> "success"; + case "GROUPE" -> "warning"; + case "GROUPE_JEUNES" -> "primary"; + case "BRANCHE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "ASSOCIATION" -> "pi-users"; + case "CLUB" -> "pi-home"; + case "GROUPE" -> "pi-sitemap"; + case "GROUPE_JEUNES" -> "pi-star"; + case "BRANCHE" -> "pi-share-alt"; + default -> "pi-building"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIVE" -> "success"; + case "INACTIVE" -> "warning"; + case "SUSPENDUE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "ACTIVE" -> "pi-check"; + case "INACTIVE" -> "pi-pause"; + case "SUSPENDUE" -> "pi-ban"; + default -> "pi-circle"; + }; + } + + public String getDerniereActiviteFormatee() { + if (derniereActivite == null) return "N/A"; + return derniereActivite.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDerniereActiviteRelative() { + if (derniereActivite == null) return ""; + long jours = ChronoUnit.DAYS.between(derniereActivite.toLocalDate(), LocalDate.now()); + if (jours == 0) return "Aujourd'hui"; + if (jours == 1) return "Hier"; + if (jours < 7) return "Il y a " + jours + " jours"; + if (jours < 30) return "Il y a " + (jours / 7) + " semaine" + (jours / 7 > 1 ? "s" : ""); + return "Il y a " + (jours / 30) + " mois"; + } + + // Getters et setters pour les informations de souscription + public String getForfaitSouscrit() { return forfaitSouscrit; } + public void setForfaitSouscrit(String forfaitSouscrit) { this.forfaitSouscrit = forfaitSouscrit; } + + public int getMembresQuota() { return membresQuota; } + public void setMembresQuota(int membresQuota) { this.membresQuota = membresQuota; } + + public int getMembresUtilises() { return membresUtilises; } + public void setMembresUtilises(int membresUtilises) { this.membresUtilises = membresUtilises; } + + public LocalDate getDateExpirationSouscription() { return dateExpirationSouscription; } + public void setDateExpirationSouscription(LocalDate dateExpirationSouscription) { this.dateExpirationSouscription = dateExpirationSouscription; } + + public String getStatutSouscription() { return statutSouscription; } + public void setStatutSouscription(String statutSouscription) { this.statutSouscription = statutSouscription; } + + public String getMontantMensuel() { return montantMensuel; } + public void setMontantMensuel(String montantMensuel) { this.montantMensuel = montantMensuel; } + + // Méthodes utilitaires pour les souscriptions + public boolean isQuotaProche() { + return getMembresUtilises() >= (getMembresQuota() * 0.85); + } + + public boolean isQuotaAtteint() { + return getMembresUtilises() >= getMembresQuota(); + } + + public boolean isExpirationProche() { + if (dateExpirationSouscription == null) return false; + return ChronoUnit.DAYS.between(LocalDate.now(), dateExpirationSouscription) <= 30; + } + + public int getPourcentageUtilisationQuota() { + if (membresQuota == 0) return 0; + return (membresUtilises * 100) / membresQuota; + } + + public String getForfaitCouleur() { + return switch (forfaitSouscrit) { + case "Starter" -> "primary"; + case "Standard" -> "success"; + case "Premium" -> "warning"; + case "Cristal" -> "info"; + default -> "secondary"; + }; + } + + public String getForfaitIcone() { + return switch (forfaitSouscrit) { + case "Starter" -> "pi-star"; + case "Standard" -> "pi-users"; + case "Premium" -> "pi-crown"; + case "Cristal" -> "pi-diamond"; + default -> "pi-circle"; + }; + } + + public long getJoursAvantExpiration() { + if (dateExpirationSouscription == null) return 0; + return ChronoUnit.DAYS.between(LocalDate.now(), dateExpirationSouscription); + } + } + + public static class Administrateur { + private String nomComplet; + private String email; + + // Getters et setters + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + } + + public static class Filtres { + private String nom; + private String type; + private String statut; + private String region; + private String forfait; + private String alerteQuota; + private String alerteExpiration; + private String statutSouscription; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getForfait() { return forfait; } + public void setForfait(String forfait) { this.forfait = forfait; } + + public String getAlerteQuota() { return alerteQuota; } + public void setAlerteQuota(String alerteQuota) { this.alerteQuota = alerteQuota; } + + public String getAlerteExpiration() { return alerteExpiration; } + public void setAlerteExpiration(String alerteExpiration) { this.alerteExpiration = alerteExpiration; } + + public String getStatutSouscription() { return statutSouscription; } + public void setStatutSouscription(String statutSouscription) { this.statutSouscription = statutSouscription; } + } + + public static class Statistiques { + private int totalEntites; + private int entitesActives; + private int totalMembres; + private String revenus; + private int souscriptionsExpirantes; + private int entitesQuotaAtteint; + private String formulairePopulaire; + private float tauxRenouvellement; + private int moyenneMembresParEntite; + + // Getters et setters + public int getTotalEntites() { return totalEntites; } + public void setTotalEntites(int totalEntites) { this.totalEntites = totalEntites; } + + public int getEntitesActives() { return entitesActives; } + public void setEntitesActives(int entitesActives) { this.entitesActives = entitesActives; } + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public String getRevenus() { return revenus; } + public void setRevenus(String revenus) { this.revenus = revenus; } + + public int getSouscriptionsExpirantes() { return souscriptionsExpirantes; } + public void setSouscriptionsExpirantes(int souscriptionsExpirantes) { this.souscriptionsExpirantes = souscriptionsExpirantes; } + + public int getEntitesQuotaAtteint() { return entitesQuotaAtteint; } + public void setEntitesQuotaAtteint(int entitesQuotaAtteint) { this.entitesQuotaAtteint = entitesQuotaAtteint; } + + public String getFormulairePopulaire() { return formulairePopulaire; } + public void setFormulairePopulaire(String formulairePopulaire) { this.formulairePopulaire = formulairePopulaire; } + + public float getTauxRenouvellement() { return tauxRenouvellement; } + public void setTauxRenouvellement(float tauxRenouvellement) { this.tauxRenouvellement = tauxRenouvellement; } + + public int getMoyenneMembresParEntite() { return moyenneMembresParEntite; } + public void setMoyenneMembresParEntite(int moyenneMembresParEntite) { this.moyenneMembresParEntite = moyenneMembresParEntite; } + + public String getTauxRenouvellementFormat() { + return String.format("%.1f%%", tauxRenouvellement); + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java new file mode 100644 index 0000000..d122a27 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java @@ -0,0 +1,588 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.LocalTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; +import java.math.BigDecimal; + +@Named("evenementsBean") +@SessionScoped +public class EvenementsBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List tousLesEvenements; + private List evenementsFiltres; + private List evenementsSelectionnes; + private List evenementsProchains; + private Evenement evenementSelectionne; + private NouvelEvenement nouvelEvenement; + private Filtres filtres; + private StatistiquesEvenements statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeEvenements(); + initializeNouvelEvenement(); + initializeEvenementsProchains(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + evenementsSelectionnes = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesEvenements(); + statistiques.setTotalEvenements(42); + statistiques.setEvenementsActifs(18); + statistiques.setParticipantsTotal(1247); + statistiques.setBudgetTotal("3 450 000 FCFA"); + statistiques.setMoyenneParticipants(69); + } + + private void initializeEvenements() { + tousLesEvenements = new ArrayList<>(); + + String[] titres = { + "Assemblée Générale Ordinaire", "Formation Leadership", "Action Sociale Quartier Nord", + "Réunion Mensuelle Comité", "Conférence Développement Durable", "Collecte de Fonds", + "Journée Portes Ouvertes", "Atelier Gestion Financière", "Campagne Sensibilisation", + "Séminaire Jeunes Leaders", "Action Humanitaire", "Réunion Conseil Administration", + "Formation Premiers Secours", "Festival Culturel", "Réunion Coordination Régionale" + }; + + String[] types = { + "ASSEMBLEE_GENERALE", "FORMATION", "ACTION_SOCIALE", "REUNION", "FORMATION", + "ACTION_SOCIALE", "EVENEMENT_FESTIF", "FORMATION", "ACTION_SOCIALE", "FORMATION", + "ACTION_SOCIALE", "REUNION", "FORMATION", "EVENEMENT_FESTIF", "REUNION" + }; + + String[] statuts = { + "PLANIFIE", "PLANIFIE", "EN_COURS", "TERMINE", "PLANIFIE", + "PLANIFIE", "TERMINE", "PLANIFIE", "EN_COURS", "PLANIFIE", + "TERMINE", "PLANIFIE", "PLANIFIE", "TERMINE", "PLANIFIE" + }; + + String[] priorites = { + "CRITIQUE", "ELEVEE", "NORMALE", "NORMALE", "ELEVEE", + "NORMALE", "FAIBLE", "NORMALE", "ELEVEE", "NORMALE", + "CRITIQUE", "NORMALE", "FAIBLE", "FAIBLE", "NORMALE" + }; + + String[] lieux = { + "Salle Principale", "Centre Formation", "Quartier Nord", "Salle Réunion A", + "Auditorium Central", "Place Publique", "Hall d'Accueil", "Salle Formation B", + "Centre-Ville", "Campus Universitaire", "Zone Rurale", "Salle Conseil", + "Centre Médical", "Parc Municipal", "Siège Régional" + }; + + String[] organisateurs = { + "Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné", + "Ibrahim Touré", "Aminata Bakayoko", "Yves Koffi", "Mariam Coulibaly", "Seydou Cissé", + "Adjoa Mensah", "Kwame Asante", "Ama Gyamfi", "Kofi Adjei", "Ahmed Diallo" + }; + + for (int i = 0; i < titres.length; i++) { + Evenement evenement = new Evenement(); + evenement.setId((long) (i + 1)); + evenement.setTitre(titres[i]); + evenement.setType(types[i]); + evenement.setStatut(statuts[i]); + evenement.setPriorite(priorites[i]); + evenement.setLieu(lieux[i]); + evenement.setAdresse("Adresse " + lieux[i] + ", Ville"); + evenement.setOrganisateur(organisateurs[i]); + evenement.setOrganisateurEmail(organisateurs[i].toLowerCase().replace(" ", ".") + "@unionflow.app"); + + // Dates aléatoires + LocalDate baseDate = LocalDate.now().plusDays(i * 3 - 15); + evenement.setDateDebut(baseDate); + evenement.setDateFin(baseDate.plusDays(i % 3 == 0 ? 1 : 0)); + evenement.setHeureDebut(LocalTime.of(9 + (i % 8), 0)); + evenement.setHeureFin(LocalTime.of(11 + (i % 8), 30)); + + // Participants et capacité + int capacite = 50 + (i * 10); + int inscrits = (int) (capacite * (0.3 + (i * 0.05) % 0.7)); + evenement.setCapaciteMax(capacite); + evenement.setParticipantsInscrits(inscrits); + + // Budget + BigDecimal budget = new BigDecimal(100000 + (i * 25000)); + evenement.setBudget(budget); + + // Description + evenement.setDescription("Description détaillée pour " + titres[i] + " avec objectifs et programme."); + + tousLesEvenements.add(evenement); + } + } + + private void initializeEvenementsProchains() { + evenementsProchains = tousLesEvenements.stream() + .filter(e -> e.getDateDebut().isAfter(LocalDate.now()) || e.getDateDebut().equals(LocalDate.now())) + .filter(e -> !e.getStatut().equals("ANNULE") && !e.getStatut().equals("TERMINE")) + .sorted((e1, e2) -> e1.getDateDebut().compareTo(e2.getDateDebut())) + .limit(6) + .collect(Collectors.toList()); + } + + private void initializeNouvelEvenement() { + nouvelEvenement = new NouvelEvenement(); + nouvelEvenement.setPriorite("NORMALE"); + nouvelEvenement.setDateDebut(LocalDate.now().plusWeeks(1)); + } + + private void appliquerFiltres() { + evenementsFiltres = tousLesEvenements.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Evenement evenement) { + if (filtres.getTitre() != null && !filtres.getTitre().trim().isEmpty()) { + if (!evenement.getTitre().toLowerCase().contains(filtres.getTitre().toLowerCase())) { + return false; + } + } + + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!evenement.getType().equals(filtres.getType())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!evenement.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getOrganisateur() != null && !filtres.getOrganisateur().trim().isEmpty()) { + if (!evenement.getOrganisateur().toLowerCase().contains(filtres.getOrganisateur().toLowerCase())) { + return false; + } + } + + if (filtres.getPriorite() != null && !filtres.getPriorite().trim().isEmpty()) { + if (!evenement.getPriorite().equals(filtres.getPriorite())) { + return false; + } + } + + if (filtres.getDateDebut() != null) { + if (evenement.getDateDebut().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null) { + if (evenement.getDateDebut().isAfter(filtres.getDateFin())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void creerEvenement() { + Evenement nouvelEvt = new Evenement(); + nouvelEvt.setId((long) (tousLesEvenements.size() + 1)); + nouvelEvt.setTitre(nouvelEvenement.getTitre()); + nouvelEvt.setType(nouvelEvenement.getType()); + nouvelEvt.setDateDebut(nouvelEvenement.getDateDebut()); + nouvelEvt.setDateFin(nouvelEvenement.getDateFin()); + nouvelEvt.setLieu(nouvelEvenement.getLieu()); + nouvelEvt.setAdresse(nouvelEvenement.getAdresse()); + nouvelEvt.setCapaciteMax(nouvelEvenement.getCapaciteMax()); + nouvelEvt.setBudget(nouvelEvenement.getBudget()); + nouvelEvt.setDescription(nouvelEvenement.getDescription()); + nouvelEvt.setPriorite(nouvelEvenement.getPriorite()); + nouvelEvt.setOrganisateur(nouvelEvenement.getOrganisateur()); + nouvelEvt.setStatut("PLANIFIE"); + nouvelEvt.setParticipantsInscrits(0); + nouvelEvt.setHeureDebut(LocalTime.of(9, 0)); + nouvelEvt.setHeureFin(LocalTime.of(17, 0)); + + tousLesEvenements.add(nouvelEvt); + appliquerFiltres(); + initializeEvenementsProchains(); + + System.out.println("Nouvel événement créé: " + nouvelEvt.getTitre()); + initializeNouvelEvenement(); + } + + public String gererParticipants() { + return "/pages/admin/evenements/participants?id=" + evenementSelectionne.getId() + "&faces-redirect=true"; + } + + public void envoyerInvitations() { + System.out.println("Invitations envoyées pour: " + evenementSelectionne.getTitre()); + } + + public String voirRapports() { + return "/pages/admin/evenements/rapports?id=" + evenementSelectionne.getId() + "&faces-redirect=true"; + } + + public void annulerEvenement() { + if (evenementSelectionne != null) { + evenementSelectionne.setStatut("ANNULE"); + System.out.println("Événement annulé: " + evenementSelectionne.getTitre()); + appliquerFiltres(); + initializeEvenementsProchains(); + } + } + + public void dupliquerEvenement() { + if (evenementSelectionne != null) { + Evenement copie = new Evenement(); + copie.setId((long) (tousLesEvenements.size() + 1)); + copie.setTitre(evenementSelectionne.getTitre() + " (Copie)"); + copie.setType(evenementSelectionne.getType()); + copie.setLieu(evenementSelectionne.getLieu()); + copie.setAdresse(evenementSelectionne.getAdresse()); + copie.setCapaciteMax(evenementSelectionne.getCapaciteMax()); + copie.setBudget(evenementSelectionne.getBudget()); + copie.setDescription(evenementSelectionne.getDescription()); + copie.setPriorite(evenementSelectionne.getPriorite()); + copie.setOrganisateur(evenementSelectionne.getOrganisateur()); + copie.setStatut("PLANIFIE"); + copie.setParticipantsInscrits(0); + copie.setDateDebut(LocalDate.now().plusWeeks(2)); + copie.setDateFin(evenementSelectionne.getDateFin()); + copie.setHeureDebut(evenementSelectionne.getHeureDebut()); + copie.setHeureFin(evenementSelectionne.getHeureFin()); + + tousLesEvenements.add(copie); + appliquerFiltres(); + System.out.println("Événement dupliqué: " + copie.getTitre()); + } + } + + public void exporterEvenements() { + System.out.println("Export de " + evenementsFiltres.size() + " événements"); + } + + public void exporterExcel() { + System.out.println("Export Excel de " + evenementsFiltres.size() + " événements"); + } + + // Getters et Setters + public List getTousLesEvenements() { return tousLesEvenements; } + public void setTousLesEvenements(List tousLesEvenements) { this.tousLesEvenements = tousLesEvenements; } + + public List getEvenementsFiltres() { return evenementsFiltres; } + public void setEvenementsFiltres(List evenementsFiltres) { this.evenementsFiltres = evenementsFiltres; } + + public List getEvenementsSelectionnes() { return evenementsSelectionnes; } + public void setEvenementsSelectionnes(List evenementsSelectionnes) { this.evenementsSelectionnes = evenementsSelectionnes; } + + public List getEvenementsProchains() { return evenementsProchains; } + public void setEvenementsProchains(List evenementsProchains) { this.evenementsProchains = evenementsProchains; } + + public Evenement getEvenementSelectionne() { return evenementSelectionne; } + public void setEvenementSelectionne(Evenement evenementSelectionne) { this.evenementSelectionne = evenementSelectionne; } + + public NouvelEvenement getNouvelEvenement() { return nouvelEvenement; } + public void setNouvelEvenement(NouvelEvenement nouvelEvenement) { this.nouvelEvenement = nouvelEvenement; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesEvenements getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesEvenements statistiques) { this.statistiques = statistiques; } + + // Classes internes + public static class Evenement { + private Long id; + private String titre; + private String description; + private String type; + private String statut; + private String priorite; + private LocalDate dateDebut; + private LocalDate dateFin; + private LocalTime heureDebut; + private LocalTime heureFin; + private String lieu; + private String adresse; + private String organisateur; + private String organisateurEmail; + private int capaciteMax; + private int participantsInscrits; + private BigDecimal budget; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public LocalTime getHeureDebut() { return heureDebut; } + public void setHeureDebut(LocalTime heureDebut) { this.heureDebut = heureDebut; } + + public LocalTime getHeureFin() { return heureFin; } + public void setHeureFin(LocalTime heureFin) { this.heureFin = heureFin; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getOrganisateur() { return organisateur; } + public void setOrganisateur(String organisateur) { this.organisateur = organisateur; } + + public String getOrganisateurEmail() { return organisateurEmail; } + public void setOrganisateurEmail(String organisateurEmail) { this.organisateurEmail = organisateurEmail; } + + public int getCapaciteMax() { return capaciteMax; } + public void setCapaciteMax(int capaciteMax) { this.capaciteMax = capaciteMax; } + + public int getParticipantsInscrits() { return participantsInscrits; } + public void setParticipantsInscrits(int participantsInscrits) { this.participantsInscrits = participantsInscrits; } + + public BigDecimal getBudget() { return budget; } + public void setBudget(BigDecimal budget) { this.budget = budget; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (type) { + case "REUNION" -> "Réunion"; + case "FORMATION" -> "Formation"; + case "ACTION_SOCIALE" -> "Action Sociale"; + case "ASSEMBLEE_GENERALE" -> "Assemblée Générale"; + case "EVENEMENT_FESTIF" -> "Événement Festif"; + default -> type; + }; + } + + public String getTypeSeverity() { + return switch (type) { + case "REUNION" -> "info"; + case "FORMATION" -> "success"; + case "ACTION_SOCIALE" -> "warning"; + case "ASSEMBLEE_GENERALE" -> "danger"; + case "EVENEMENT_FESTIF" -> "secondary"; + default -> "primary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "REUNION" -> "pi-users"; + case "FORMATION" -> "pi-book"; + case "ACTION_SOCIALE" -> "pi-heart"; + case "ASSEMBLEE_GENERALE" -> "pi-sitemap"; + case "EVENEMENT_FESTIF" -> "pi-star"; + default -> "pi-calendar"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "PLANIFIE" -> "info"; + case "EN_COURS" -> "warning"; + case "TERMINE" -> "success"; + case "ANNULE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "PLANIFIE" -> "pi-clock"; + case "EN_COURS" -> "pi-play"; + case "TERMINE" -> "pi-check"; + case "ANNULE" -> "pi-ban"; + default -> "pi-circle"; + }; + } + + public String getPrioriteSeverity() { + return switch (priorite) { + case "FAIBLE" -> "secondary"; + case "NORMALE" -> "info"; + case "ELEVEE" -> "warning"; + case "CRITIQUE" -> "danger"; + default -> "primary"; + }; + } + + public String getDateDebutFormatee() { + if (dateDebut == null) return ""; + return dateDebut.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getHeureDebutFormatee() { + if (heureDebut == null) return ""; + return heureDebut.format(DateTimeFormatter.ofPattern("HH:mm")); + } + + public String getHeureFinFormatee() { + if (heureFin == null) return ""; + return heureFin.format(DateTimeFormatter.ofPattern("HH:mm")); + } + + public String getBudgetFormatte() { + if (budget == null) return ""; + return String.format("%,.0f FCFA", budget); + } + + public int getTauxInscription() { + if (capaciteMax == 0) return 0; + return (int) ((double) participantsInscrits / capaciteMax * 100); + } + + public long getJoursRestants() { + if (dateDebut == null) return 0; + return ChronoUnit.DAYS.between(LocalDate.now(), dateDebut); + } + } + + public static class NouvelEvenement { + private String titre; + private String description; + private String type; + private String priorite; + private LocalDate dateDebut; + private LocalDate dateFin; + private String lieu; + private String adresse; + private String organisateur; + private Integer capaciteMax; + private BigDecimal budget; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getOrganisateur() { return organisateur; } + public void setOrganisateur(String organisateur) { this.organisateur = organisateur; } + + public Integer getCapaciteMax() { return capaciteMax; } + public void setCapaciteMax(Integer capaciteMax) { this.capaciteMax = capaciteMax; } + + public BigDecimal getBudget() { return budget; } + public void setBudget(BigDecimal budget) { this.budget = budget; } + } + + public static class Filtres { + private String titre; + private String type; + private String statut; + private String organisateur; + private String priorite; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getOrganisateur() { return organisateur; } + public void setOrganisateur(String organisateur) { this.organisateur = organisateur; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + public static class StatistiquesEvenements { + private int totalEvenements; + private int evenementsActifs; + private int participantsTotal; + private String budgetTotal; + private int moyenneParticipants; + + // Getters et setters + public int getTotalEvenements() { return totalEvenements; } + public void setTotalEvenements(int totalEvenements) { this.totalEvenements = totalEvenements; } + + public int getEvenementsActifs() { return evenementsActifs; } + public void setEvenementsActifs(int evenementsActifs) { this.evenementsActifs = evenementsActifs; } + + public int getParticipantsTotal() { return participantsTotal; } + public void setParticipantsTotal(int participantsTotal) { this.participantsTotal = participantsTotal; } + + public String getBudgetTotal() { return budgetTotal; } + public void setBudgetTotal(String budgetTotal) { this.budgetTotal = budgetTotal; } + + public int getMoyenneParticipants() { return moyenneParticipants; } + public void setMoyenneParticipants(int moyenneParticipants) { this.moyenneParticipants = moyenneParticipants; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/FormulaireBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/FormulaireBean.java new file mode 100644 index 0000000..dd317f4 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/FormulaireBean.java @@ -0,0 +1,261 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.FormulaireDTO; +import dev.lions.unionflow.client.dto.SouscriptionDTO; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.math.BigDecimal; +import java.util.ArrayList; +import java.util.List; + +@Named("formulaireBean") +@RequestScoped +public class FormulaireBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List formulaires; + private List formulairesPopulaires; + private FormulaireDTO formulaireSelectionne; + private SouscriptionDTO.TypeFacturation typeFacturationSelectionne = SouscriptionDTO.TypeFacturation.MENSUEL; + + // Filtres + private Integer membresMax; + private BigDecimal budgetMax; + private String categorieFiltre = "ALL"; + + public FormulaireBean() { + initializeFormulaires(); + } + + private void initializeFormulaires() { + formulaires = new ArrayList<>(); + + // Formulaire STARTER - Pour les petites associations + FormulaireDTO starter = new FormulaireDTO(); + starter.setId(1L); + starter.setNom("Starter"); + starter.setDescription("Parfait pour les associations débutantes"); + starter.setQuotaMaxMembres(100); + starter.setPrixMensuel(new BigDecimal("2000")); // 2K FCFA + starter.setPrixAnnuel(new BigDecimal("20000")); // 20K FCFA (2 mois gratuits) + starter.setCouleurTheme("bg-blue-500"); + starter.setIconeFormulaire("pi-star"); + starter.setGestionMembres(true); + starter.setGestionCotisations(true); + starter.setGestionEvenements(false); + starter.setGestionAides(false); + starter.setRapportsAvances(false); + starter.setNotificationsEmail(true); + formulaires.add(starter); + + // Formulaire STANDARD - Pour les associations moyennes + FormulaireDTO standard = new FormulaireDTO(); + standard.setId(2L); + standard.setNom("Standard"); + standard.setDescription("Idéal pour les associations en croissance"); + standard.setQuotaMaxMembres(200); + standard.setPrixMensuel(new BigDecimal("3000")); // 3K FCFA + standard.setPrixAnnuel(new BigDecimal("30000")); // 30K FCFA (2 mois gratuits) + standard.setCouleurTheme("bg-green-500"); + standard.setIconeFormulaire("pi-users"); + standard.setRecommande(true); + standard.setGestionMembres(true); + standard.setGestionCotisations(true); + standard.setGestionEvenements(true); + standard.setGestionAides(true); + standard.setRapportsAvances(false); + standard.setNotificationsEmail(true); + standard.setNotificationsSMS(false); + standard.setGestionDocuments(true); + formulaires.add(standard); + + // Formulaire PREMIUM - Pour les grandes associations + FormulaireDTO premium = new FormulaireDTO(); + premium.setId(3L); + premium.setNom("Premium"); + premium.setDescription("Solution complète pour les grandes organisations"); + premium.setQuotaMaxMembres(500); + premium.setPrixMensuel(new BigDecimal("4000")); // 4K FCFA + premium.setPrixAnnuel(new BigDecimal("40000")); // 40K FCFA (2 mois gratuits) + premium.setCouleurTheme("bg-purple-500"); + premium.setIconeFormulaire("pi-crown"); + premium.setGestionMembres(true); + premium.setGestionCotisations(true); + premium.setGestionEvenements(true); + premium.setGestionAides(true); + premium.setRapportsAvances(true); + premium.setSupportPrioritaire(true); + premium.setSauvegardeAutomatique(true); + premium.setPersonnalisationAvancee(true); + premium.setIntegrationPaiement(true); + premium.setNotificationsEmail(true); + premium.setNotificationsSMS(true); + premium.setGestionDocuments(true); + formulaires.add(premium); + + // Formulaire CRISTAL - Pour les très grandes organisations + FormulaireDTO cristal = new FormulaireDTO(); + cristal.setId(4L); + cristal.setNom("Cristal"); + cristal.setDescription("Solution premium pour les fédérations et grandes entités"); + cristal.setQuotaMaxMembres(2000); + cristal.setPrixMensuel(new BigDecimal("5000")); // 5K FCFA + cristal.setPrixAnnuel(new BigDecimal("50000")); // 50K FCFA (2 mois gratuits) + cristal.setCouleurTheme("bg-indigo-500"); + cristal.setIconeFormulaire("pi-diamond"); + cristal.setGestionMembres(true); + cristal.setGestionCotisations(true); + cristal.setGestionEvenements(true); + cristal.setGestionAides(true); + cristal.setRapportsAvances(true); + cristal.setSupportPrioritaire(true); + cristal.setSauvegardeAutomatique(true); + cristal.setPersonnalisationAvancee(true); + cristal.setIntegrationPaiement(true); + cristal.setNotificationsEmail(true); + cristal.setNotificationsSMS(true); + cristal.setGestionDocuments(true); + formulaires.add(cristal); + + // Définir les formulaires populaires (Standard et Premium) + formulairesPopulaires = new ArrayList<>(); + formulairesPopulaires.add(standard); + formulairesPopulaires.add(premium); + } + + public void selectionnerFormulaire(FormulaireDTO formulaire) { + this.formulaireSelectionne = formulaire; + } + + public String procederSouscription() { + if (formulaireSelectionne != null) { + // Rediriger vers la page de souscription avec les paramètres + return "/pages/secure/souscription/checkout?formulaire=" + + formulaireSelectionne.getId() + + "&facturation=" + typeFacturationSelectionne.name() + + "&faces-redirect=true"; + } + return null; + } + + public String voirDetailsFormulaire(FormulaireDTO formulaire) { + return "/pages/public/formulaires/details?id=" + formulaire.getId() + "&faces-redirect=true"; + } + + public List getFormulairesFiltres() { + return formulaires.stream() + .filter(f -> { + // Filtre par nombre de membres + if (membresMax != null && f.getQuotaMaxMembres() > membresMax) { + return false; + } + + // Filtre par budget + if (budgetMax != null) { + BigDecimal prix = (typeFacturationSelectionne == SouscriptionDTO.TypeFacturation.MENSUEL) + ? f.getPrixMensuel() : f.getPrixAnnuel(); + if (prix.compareTo(budgetMax) > 0) { + return false; + } + } + + // Filtre par catégorie + if (!"ALL".equals(categorieFiltre)) { + switch (categorieFiltre) { + case "SMALL": + return f.getQuotaMaxMembres() <= 50; + case "MEDIUM": + return f.getQuotaMaxMembres() > 50 && f.getQuotaMaxMembres() <= 200; + case "LARGE": + return f.getQuotaMaxMembres() > 200; + } + } + + return true; + }) + .toList(); + } + + public void resetFiltres() { + membresMax = null; + budgetMax = null; + categorieFiltre = "ALL"; + } + + public String getPrixAffiche(FormulaireDTO formulaire) { + if (typeFacturationSelectionne == SouscriptionDTO.TypeFacturation.MENSUEL) { + return formulaire.getPrixMensuelFormat() + "/mois"; + } else { + return formulaire.getPrixAnnuelFormat() + "/an"; + } + } + + public String getEconomieAffichee(FormulaireDTO formulaire) { + if (typeFacturationSelectionne == SouscriptionDTO.TypeFacturation.ANNUEL) { + int pourcentage = formulaire.getPourcentageEconomie(); + if (pourcentage > 0) { + return "Économisez " + pourcentage + "%"; + } + } + return ""; + } + + public boolean isFormulaireFonctionnaliteActive(FormulaireDTO formulaire, String fonctionnalite) { + switch (fonctionnalite.toLowerCase()) { + case "membres": + return formulaire.isGestionMembres(); + case "cotisations": + return formulaire.isGestionCotisations(); + case "evenements": + return formulaire.isGestionEvenements(); + case "aides": + return formulaire.isGestionAides(); + case "rapports": + return formulaire.isRapportsAvances(); + case "support": + return formulaire.isSupportPrioritaire(); + case "sauvegarde": + return formulaire.isSauvegardeAutomatique(); + case "personnalisation": + return formulaire.isPersonnalisationAvancee(); + case "paiement": + return formulaire.isIntegrationPaiement(); + case "email": + return formulaire.isNotificationsEmail(); + case "sms": + return formulaire.isNotificationsSMS(); + case "documents": + return formulaire.isGestionDocuments(); + default: + return false; + } + } + + public String getComparaisonClasse() { + return formulaires.size() <= 3 ? "col-12 md:col-4" : "col-12 md:col-6 lg:col-3"; + } + + // Getters et Setters + public List getFormulaires() { return formulaires; } + public void setFormulaires(List formulaires) { this.formulaires = formulaires; } + + public List getFormulairesPopulaires() { return formulairesPopulaires; } + public void setFormulairesPopulaires(List formulairesPopulaires) { this.formulairesPopulaires = formulairesPopulaires; } + + public FormulaireDTO getFormulaireSelectionne() { return formulaireSelectionne; } + public void setFormulaireSelectionne(FormulaireDTO formulaireSelectionne) { this.formulaireSelectionne = formulaireSelectionne; } + + public SouscriptionDTO.TypeFacturation getTypeFacturationSelectionne() { return typeFacturationSelectionne; } + public void setTypeFacturationSelectionne(SouscriptionDTO.TypeFacturation typeFacturationSelectionne) { this.typeFacturationSelectionne = typeFacturationSelectionne; } + + public Integer getMembresMax() { return membresMax; } + public void setMembresMax(Integer membresMax) { this.membresMax = membresMax; } + + public BigDecimal getBudgetMax() { return budgetMax; } + public void setBudgetMax(BigDecimal budgetMax) { this.budgetMax = budgetMax; } + + public String getCategorieFiltre() { return categorieFiltre; } + public void setCategorieFiltre(String categorieFiltre) { this.categorieFiltre = categorieFiltre; } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/GuestPreferences.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/GuestPreferences.java new file mode 100644 index 0000000..edfd2b7 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/GuestPreferences.java @@ -0,0 +1,146 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +@Named("guestPreferences") +@SessionScoped +public class GuestPreferences implements Serializable { + + private static final long serialVersionUID = 1L; + + private String theme = "blue-light"; + private String layout = "light"; + private String componentTheme = "blue-light"; + private String darkMode = "light"; + private String menuMode = "layout-sidebar"; + private String topbarTheme = "light"; + private String menuTheme = "light"; + private String inputStyle = "outlined"; + private boolean lightLogo = false; + + public String getTheme() { + return theme; + } + + public void setTheme(String theme) { + this.theme = theme; + } + + public String getLayout() { + return layout; + } + + public void setLayout(String layout) { + this.layout = layout; + } + + public String getComponentTheme() { + return componentTheme; + } + + public void setComponentTheme(String componentTheme) { + this.componentTheme = componentTheme; + } + + public String getDarkMode() { + return darkMode; + } + + public void setDarkMode(String darkMode) { + this.darkMode = darkMode; + this.lightLogo = "dark".equals(darkMode); + } + + public String getMenuMode() { + return menuMode; + } + + public void setMenuMode(String menuMode) { + this.menuMode = menuMode; + } + + public String getTopbarTheme() { + return topbarTheme; + } + + public void setTopbarTheme(String topbarTheme) { + this.topbarTheme = topbarTheme; + } + + public String getMenuTheme() { + return menuTheme; + } + + public void setMenuTheme(String menuTheme) { + this.menuTheme = menuTheme; + } + + public String getInputStyle() { + return inputStyle; + } + + public void setInputStyle(String inputStyle) { + this.inputStyle = inputStyle; + } + + public boolean isLightLogo() { + return lightLogo; + } + + public void setLightLogo(boolean lightLogo) { + this.lightLogo = lightLogo; + } + + public String getInputStyleClass() { + return "p-input-" + inputStyle; + } + + public String getLayoutClass() { + return "layout-" + layout + " layout-theme-" + theme; + } + + public List getComponentThemes() { + List themes = new ArrayList<>(); + themes.add(new ComponentTheme("blue-light", "Blue", "#007ad9")); + themes.add(new ComponentTheme("green-light", "Green", "#28a745")); + themes.add(new ComponentTheme("orange-light", "Orange", "#fd7e14")); + themes.add(new ComponentTheme("purple-light", "Purple", "#6f42c1")); + themes.add(new ComponentTheme("pink-light", "Pink", "#e83e8c")); + themes.add(new ComponentTheme("indigo-light", "Indigo", "#6610f2")); + themes.add(new ComponentTheme("teal-light", "Teal", "#20c997")); + themes.add(new ComponentTheme("cyan-light", "Cyan", "#17a2b8")); + return themes; + } + + public void onMenuTypeChange() { + // Called when menu type changes + } + + public static class ComponentTheme { + private String file; + private String name; + private String color; + + public ComponentTheme(String file, String name, String color) { + this.file = file; + this.name = name; + this.color = color; + } + + public String getFile() { + return file; + } + + public String getName() { + return name; + } + + public String getColor() { + return color; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/GuideBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/GuideBean.java new file mode 100644 index 0000000..53e4317 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/GuideBean.java @@ -0,0 +1,241 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.util.*; +import java.util.stream.Collectors; + +@Named("guideBean") +@SessionScoped +public class GuideBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Structure du guide + private List toutesSections; + private SectionGuide sectionCourante; + private String sectionActiveId = "default"; + private int sectionActive = 0; + + // Recherche + private String termeRecherche = ""; + + public GuideBean() { + initialiserSections(); + sectionCourante = new SectionGuide("default", "Accueil", "", "", 0, false); + } + + private void initialiserSections() { + toutesSections = new ArrayList<>(); + + // Section 1: Premiers pas + toutesSections.add(new SectionGuide("premiers-pas-connexion", "Se connecter", "Premiers Pas", "Apprendre à se connecter à UnionFlow", 5, false)); + toutesSections.add(new SectionGuide("premiers-pas-interface", "Découvrir l'interface", "Premiers Pas", "Navigation et organisation de l'interface", 8, false)); + toutesSections.add(new SectionGuide("premiers-pas-profil", "Configurer son profil", "Premiers Pas", "Personnaliser ses informations personnelles", 10, false)); + toutesSections.add(new SectionGuide("premiers-pas-navigation", "Navigation dans le système", "Premiers Pas", "Utiliser les menus et raccourcis", 6, false)); + + // Section 2: Gestion des membres + toutesSections.add(new SectionGuide("membres-inscription", "Inscrire un membre", "Gestion Membres", "Processus d'inscription d'un nouveau membre", 12, false)); + toutesSections.add(new SectionGuide("membres-modification", "Modifier un profil", "Gestion Membres", "Mettre à jour les informations d'un membre", 8, false)); + toutesSections.add(new SectionGuide("membres-recherche", "Rechercher des membres", "Gestion Membres", "Utiliser les filtres de recherche avancée", 6, false)); + toutesSections.add(new SectionGuide("membres-export", "Exporter la liste", "Gestion Membres", "Générer des exports Excel et PDF", 10, false)); + toutesSections.add(new SectionGuide("membres-historique", "Consulter l'historique", "Gestion Membres", "Suivre les modifications et activités", 7, false)); + + // Section 3: Finances + toutesSections.add(new SectionGuide("finances-cotisations", "Gérer les cotisations", "Finances", "Configuration et suivi des cotisations", 15, false)); + toutesSections.add(new SectionGuide("finances-paiements", "Enregistrer les paiements", "Finances", "Saisie manuelle et automatique", 12, false)); + toutesSections.add(new SectionGuide("finances-relances", "Relances automatiques", "Finances", "Configuration des rappels de paiement", 10, false)); + toutesSections.add(new SectionGuide("finances-rapports", "Rapports financiers", "Finances", "Générer des bilans et statistiques", 18, false)); + + // Section 4: Événements + toutesSections.add(new SectionGuide("events-creation", "Créer un événement", "Événements", "Planifier et organiser des événements", 15, false)); + toutesSections.add(new SectionGuide("events-inscriptions", "Gérer les inscriptions", "Événements", "Suivre les participations", 10, false)); + toutesSections.add(new SectionGuide("events-communication", "Communication événement", "Événements", "Envoyer invitations et rappels", 12, false)); + toutesSections.add(new SectionGuide("events-bilan", "Bilan post-événement", "Événements", "Analyser la participation et satisfaction", 8, false)); + + // Section 5: Rapports + toutesSections.add(new SectionGuide("rapports-creation", "Créer des rapports", "Rapports", "Utiliser le générateur de rapports", 20, false)); + toutesSections.add(new SectionGuide("rapports-tableaux", "Tableaux de bord", "Rapports", "Configurer ses indicateurs personnalisés", 15, false)); + toutesSections.add(new SectionGuide("rapports-export", "Export et partage", "Rapports", "Distribuer les rapports aux parties prenantes", 10, false)); + + // Section 6: Administration + toutesSections.add(new SectionGuide("admin-utilisateurs", "Gestion des utilisateurs", "Administration", "Créer et gérer les comptes utilisateurs", 18, false)); + toutesSections.add(new SectionGuide("admin-permissions", "Rôles et permissions", "Administration", "Configuration des droits d'accès", 22, false)); + toutesSections.add(new SectionGuide("admin-parametres", "Paramètres système", "Administration", "Configuration générale de l'application", 25, false)); + toutesSections.add(new SectionGuide("admin-sauvegarde", "Sauvegarde et sécurité", "Administration", "Protéger et sauvegarder les données", 15, false)); + toutesSections.add(new SectionGuide("admin-audit", "Journal d'audit", "Administration", "Surveiller l'activité et la sécurité", 12, false)); + } + + // Getters pour les sections par catégorie + public List getSectionsPremiersPas() { + return toutesSections.stream() + .filter(s -> "Premiers Pas".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsMembres() { + return toutesSections.stream() + .filter(s -> "Gestion Membres".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsFinances() { + return toutesSections.stream() + .filter(s -> "Finances".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsEvenements() { + return toutesSections.stream() + .filter(s -> "Événements".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsRapports() { + return toutesSections.stream() + .filter(s -> "Rapports".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsAdmin() { + return toutesSections.stream() + .filter(s -> "Administration".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + // Statistiques de progression + public int getTotalSections() { + return toutesSections.size(); + } + + public int getSectionsLues() { + return (int) toutesSections.stream().filter(SectionGuide::isLu).count(); + } + + public int getPourcentageProgression() { + if (getTotalSections() == 0) return 0; + return (getSectionsLues() * 100) / getTotalSections(); + } + + // Navigation + public void naviguerVers(String sectionId) { + this.sectionActiveId = sectionId; + this.sectionCourante = toutesSections.stream() + .filter(s -> s.getId().equals(sectionId)) + .findFirst() + .orElse(new SectionGuide("default", "Accueil", "", "", 0, false)); + } + + public void sectionPrecedente() { + int index = trouverIndexSection(sectionActiveId); + if (index > 0) { + naviguerVers(toutesSections.get(index - 1).getId()); + } + } + + public void sectionSuivante() { + int index = trouverIndexSection(sectionActiveId); + if (index < toutesSections.size() - 1) { + naviguerVers(toutesSections.get(index + 1).getId()); + } + } + + public boolean isAPrecedent() { + return trouverIndexSection(sectionActiveId) > 0; + } + + public boolean isASuivant() { + int index = trouverIndexSection(sectionActiveId); + return index >= 0 && index < toutesSections.size() - 1; + } + + private int trouverIndexSection(String sectionId) { + for (int i = 0; i < toutesSections.size(); i++) { + if (toutesSections.get(i).getId().equals(sectionId)) { + return i; + } + } + return -1; + } + + // Marquer comme lu + public void marquerCommeLu() { + if (sectionCourante != null && !sectionCourante.getId().equals("default")) { + sectionCourante.setLu(true); + // Mettre à jour aussi dans la liste principale + toutesSections.stream() + .filter(s -> s.getId().equals(sectionCourante.getId())) + .findFirst() + .ifPresent(s -> s.setLu(true)); + } + } + + // Recherche + public List getResultatsRecherche() { + if (termeRecherche == null || termeRecherche.trim().isEmpty()) { + return new ArrayList<>(); + } + + String terme = termeRecherche.toLowerCase(); + return toutesSections.stream() + .filter(s -> s.getTitre().toLowerCase().contains(terme) || + s.getDescription().toLowerCase().contains(terme) || + s.getCategorie().toLowerCase().contains(terme)) + .limit(8) + .collect(Collectors.toList()); + } + + // Getters et Setters + public SectionGuide getSectionCourante() { return sectionCourante; } + public void setSectionCourante(SectionGuide sectionCourante) { this.sectionCourante = sectionCourante; } + + public String getSectionActiveId() { return sectionActiveId; } + public void setSectionActiveId(String sectionActiveId) { this.sectionActiveId = sectionActiveId; } + + public int getSectionActive() { return sectionActive; } + public void setSectionActive(int sectionActive) { this.sectionActive = sectionActive; } + + public String getTermeRecherche() { return termeRecherche; } + public void setTermeRecherche(String termeRecherche) { this.termeRecherche = termeRecherche; } + + // Classe interne SectionGuide + public static class SectionGuide implements Serializable { + private String id; + private String titre; + private String categorie; + private String description; + private int tempsLecture; // en minutes + private boolean lu; + + public SectionGuide() {} + + public SectionGuide(String id, String titre, String categorie, String description, int tempsLecture, boolean lu) { + this.id = id; + this.titre = titre; + this.categorie = categorie; + this.description = description; + this.tempsLecture = tempsLecture; + this.lu = lu; + } + + // Getters et Setters + public String getId() { return id; } + public void setId(String id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public int getTempsLecture() { return tempsLecture; } + public void setTempsLecture(int tempsLecture) { this.tempsLecture = tempsLecture; } + + public boolean isLu() { return lu; } + public void setLu(boolean lu) { this.lu = lu; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/HelloView.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/HelloView.java new file mode 100644 index 0000000..bceab66 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/HelloView.java @@ -0,0 +1,48 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Named; +import java.io.Serializable; + +@Named("helloView") +@RequestScoped +public class HelloView implements Serializable { + + private static final long serialVersionUID = 1L; + + private String message = "Bienvenue sur UnionFlow avec Quarkus et PrimeFaces!"; + private String name; + private String greeting; + + public void sayHello() { + if (name != null && !name.isEmpty()) { + greeting = "Bonjour " + name + " ! Bienvenue sur UnionFlow."; + } else { + greeting = "Veuillez entrer votre nom."; + } + } + + public String getMessage() { + return message; + } + + public void setMessage(String message) { + this.message = message; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getGreeting() { + return greeting; + } + + public void setGreeting(String greeting) { + this.greeting = greeting; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/LoginBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/LoginBean.java new file mode 100644 index 0000000..c510e9c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/LoginBean.java @@ -0,0 +1,201 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.auth.LoginRequest; +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import dev.lions.unionflow.client.security.JwtTokenManager; +import dev.lions.unionflow.client.service.AuthenticationService; +import jakarta.enterprise.context.RequestScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.validation.Valid; +import java.io.Serializable; +import java.util.logging.Logger; + +@Named("loginBean") +@RequestScoped +public class LoginBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(LoginBean.class.getName()); + + @Inject + private UserSession userSession; + + @Inject + private JwtTokenManager tokenManager; + + @Inject + private AuthenticationService authService; + + private String username; + private String password; + private String typeCompte; + private boolean rememberMe; + + public String login() { + try { + if (username == null || username.trim().isEmpty() || + password == null || password.trim().isEmpty() || + typeCompte == null || typeCompte.trim().isEmpty()) { + + addErrorMessage("Erreur de validation", "Tous les champs sont requis"); + return null; + } + + LoginRequest loginRequest = new LoginRequest(username, password, typeCompte); + loginRequest.setRememberMe(rememberMe); + + LoginResponse response = authService.authenticate(loginRequest); + + // Mettre à jour la session utilisateur + userSession.updateFromLoginResponse(response); + + // Gérer les tokens JWT + tokenManager.setTokens(response); + + LOGGER.info("Connexion réussie pour: " + username + " (Type: " + typeCompte + ")"); + + addSuccessMessage("Connexion réussie", "Bienvenue " + userSession.getCurrentUser().getNomComplet()); + + // Redirection selon le type de compte + return getRedirectUrlForUserType(response.getUser().getTypeCompte()); + + } catch (AuthenticationService.AuthenticationException e) { + LOGGER.warning("Échec de l'authentification: " + e.getMessage()); + addErrorMessage("Erreur de connexion", e.getMessage()); + return null; + } catch (Exception e) { + LOGGER.severe("Erreur inattendue lors de la connexion: " + e.getMessage()); + addErrorMessage("Erreur système", "Une erreur inattendue s'est produite. Veuillez réessayer."); + return null; + } + } + + public String loginDemo(String demoType) { + try { + String demoUsername; + String demoPassword = "admin"; + + switch (demoType) { + case "SUPER_ADMIN": + demoUsername = "superadmin"; + typeCompte = "SUPER_ADMIN"; + break; + case "ADMIN": + demoUsername = "admin"; + typeCompte = "ADMIN_ENTITE"; + break; + case "MEMBRE": + demoUsername = "membre"; + demoPassword = "membre"; + typeCompte = "MEMBRE"; + break; + default: + addErrorMessage("Erreur", "Type de démo invalide"); + return null; + } + + this.username = demoUsername; + this.password = demoPassword; + + return login(); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la connexion démo: " + e.getMessage()); + addErrorMessage("Erreur système", "Impossible de se connecter en mode démo"); + return null; + } + } + + public String logout() { + try { + // Invalider le token côté serveur si possible + if (tokenManager.hasValidTokens()) { + authService.logout(tokenManager.getAccessToken()); + } + + // Nettoyer la session locale + tokenManager.clearTokens(); + userSession.clearSession(); + + // Invalider la session JSF + FacesContext.getCurrentInstance().getExternalContext().invalidateSession(); + + LOGGER.info("Déconnexion réussie"); + + return "/pages/public/login?faces-redirect=true"; + + } catch (Exception e) { + LOGGER.warning("Erreur lors de la déconnexion: " + e.getMessage()); + + // Même en cas d'erreur, invalider la session locale + tokenManager.clearTokens(); + userSession.clearSession(); + FacesContext.getCurrentInstance().getExternalContext().invalidateSession(); + + return "/pages/public/login?faces-redirect=true"; + } + } + + private String getRedirectUrlForUserType(String typeCompte) { + if (typeCompte == null) { + return "/pages/secure/dashboard?faces-redirect=true"; + } + + switch (typeCompte) { + case "SUPER_ADMIN": + return "/pages/super-admin/dashboard?faces-redirect=true"; + case "ADMIN_ENTITE": + return "/pages/admin/dashboard?faces-redirect=true"; + case "MEMBRE": + return "/pages/membre/dashboard?faces-redirect=true"; + default: + return "/pages/secure/dashboard?faces-redirect=true"; + } + } + + private void addErrorMessage(String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, summary, detail)); + } + + private void addSuccessMessage(String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, summary, detail)); + } + + // Getters et Setters + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getPassword() { + return password; + } + + public void setPassword(String password) { + this.password = password; + } + + public String getTypeCompte() { + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public boolean isRememberMe() { + return rememberMe; + } + + public void setRememberMe(boolean rememberMe) { + this.rememberMe = rememberMe; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreCotisationBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreCotisationBean.java new file mode 100644 index 0000000..4706a01 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreCotisationBean.java @@ -0,0 +1,441 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; + +@Named("membreCotisationBean") +@SessionScoped +public class MembreCotisationBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Propriétés de base + private String numeroMembre; + private String statutCotisations; + private String derniereMAJ; + private boolean peutPayer; + + // Statistiques + private int cotisationsPayees; + private int cotisationsEnAttente; + private BigDecimal montantDu; + private BigDecimal totalVerse; + private int progressionAnnuelle; + + // Filtres + private String anneeFilter = "2024"; + private String statutFilter = ""; + private String typeFilter = ""; + + // Paiement + private Object cotisationSelectionnee; + private String modePaiementChoisi = "WAVE"; + private String numeroWave; + private String commentairePaiement; + private BigDecimal montantAPayer = BigDecimal.ZERO; + private String banqueAssociation = "Banque Atlantique"; + private String ibanAssociation = "SN12 1234 5678 9012 3456 7890 12"; + + // Prélèvement automatique + private String numeroWaveAuto; + private int jourPrelevement = 5; + private boolean notificationSMS = true; + private String cotisationMensuelle = "5,000 FCFA"; + + // Listes + private List cotisations = new ArrayList<>(); + private List prochainesEcheances = new ArrayList<>(); + private List cotisationsImpayees = new ArrayList<>(); + + // Totaux périodes + private BigDecimal totalPayePeriode = BigDecimal.ZERO; + private BigDecimal totalEnAttentePeriode = BigDecimal.ZERO; + private BigDecimal totalEnRetardPeriode = BigDecimal.ZERO; + private int tauxConformite = 85; + + // État + private String statutMembre = "Actif"; + private String typeMembre = "Membre Actif"; + private String statutSeverity = "success"; + private int scorePonctualite = 85; + private String commentairePonctualite = "Excellent membre, toujours à jour"; + + @PostConstruct + public void init() { + this.numeroMembre = "M240001"; + this.statutCotisations = "À jour"; + this.derniereMAJ = "15/12/2024"; + this.peutPayer = true; + this.cotisationsPayees = 10; + this.cotisationsEnAttente = 2; + this.montantDu = new BigDecimal(10000); + this.totalVerse = new BigDecimal(50000); + this.progressionAnnuelle = 83; + + initializeCotisations(); + initializeEcheances(); + } + + private void initializeCotisations() { + // Simulation de données + for (int i = 1; i <= 12; i++) { + Cotisation cotisation = new Cotisation(); + cotisation.setReference("COT2024" + String.format("%03d", i)); + cotisation.setLibelle("Cotisation " + getMonthName(i) + " 2024"); + cotisation.setPeriode(getMonthName(i) + " 2024"); + cotisation.setType("MENSUELLE"); + cotisation.setMontant(new BigDecimal(5000)); + cotisation.setStatut(i <= 10 ? "PAYE" : "EN_ATTENTE"); + cotisation.setDateEcheance(LocalDate.of(2024, i, 15)); + if (i <= 10) { + cotisation.setDatePaiement(LocalDate.of(2024, i, i <= 5 ? 10 : 20)); + cotisation.setModePaiement("Wave Money"); + } + cotisations.add(cotisation); + + if (i > 10) { + cotisationsImpayees.add(cotisation); + } + } + } + + private void initializeEcheances() { + Echeance echeance1 = new Echeance(); + echeance1.setLibelle("Cotisation Novembre 2024"); + echeance1.setPeriode("Novembre 2024"); + echeance1.setMontant("5,000 FCFA"); + echeance1.setDateEcheance("15/11/2024"); + echeance1.setUrgence("En retard"); + echeance1.setCouleurUrgence("border-red-500"); + prochainesEcheances.add(echeance1); + + Echeance echeance2 = new Echeance(); + echeance2.setLibelle("Cotisation Décembre 2024"); + echeance2.setPeriode("Décembre 2024"); + echeance2.setMontant("5,000 FCFA"); + echeance2.setDateEcheance("15/12/2024"); + echeance2.setUrgence("Bientôt"); + echeance2.setCouleurUrgence("border-orange-500"); + prochainesEcheances.add(echeance2); + } + + private String getMonthName(int month) { + String[] months = {"Janvier", "Février", "Mars", "Avril", "Mai", "Juin", + "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"}; + return months[month - 1]; + } + + // Actions + public String voirHistoriqueComplet() { + return "/pages/membre/historique-cotisations?faces-redirect=true"; + } + + public void telechargerRecus() { + // Logique de téléchargement des reçus + } + + public void payerCotisation(Object cotisation) { + // Logique de paiement d'une cotisation + } + + public void actualiser() { + // Actualiser les données + init(); + } + + public String confirmerPaiement() { + // Logique de confirmation de paiement + return null; + } + + public void paiementWave() { + // Logique de paiement Wave Money + } + + public void genererAttestation() { + // Logique de génération d'attestation + } + + public void demanderRecu() { + // Logique de demande de reçu + } + + public void activerPrelevementAuto() { + // Logique d'activation du prélèvement automatique + } + + public void telechargerRecu(Object cotisation) { + // Logique de téléchargement de reçu + } + + public void voirDetails(Object cotisation) { + // Logique d'affichage des détails + } + + // Getters et Setters + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getStatutCotisations() { return statutCotisations; } + public void setStatutCotisations(String statutCotisations) { this.statutCotisations = statutCotisations; } + + public String getDerniereMAJ() { return derniereMAJ; } + public void setDerniereMAJ(String derniereMAJ) { this.derniereMAJ = derniereMAJ; } + + public boolean isPeutPayer() { return peutPayer; } + public void setPeutPayer(boolean peutPayer) { this.peutPayer = peutPayer; } + + public int getCotisationsPayees() { return cotisationsPayees; } + public void setCotisationsPayees(int cotisationsPayees) { this.cotisationsPayees = cotisationsPayees; } + + public int getCotisationsEnAttente() { return cotisationsEnAttente; } + public void setCotisationsEnAttente(int cotisationsEnAttente) { this.cotisationsEnAttente = cotisationsEnAttente; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public BigDecimal getTotalVerse() { return totalVerse; } + public void setTotalVerse(BigDecimal totalVerse) { this.totalVerse = totalVerse; } + + public int getProgressionAnnuelle() { return progressionAnnuelle; } + public void setProgressionAnnuelle(int progressionAnnuelle) { this.progressionAnnuelle = progressionAnnuelle; } + + public String getAnneeFilter() { return anneeFilter; } + public void setAnneeFilter(String anneeFilter) { this.anneeFilter = anneeFilter; } + + public String getStatutFilter() { return statutFilter; } + public void setStatutFilter(String statutFilter) { this.statutFilter = statutFilter; } + + public String getTypeFilter() { return typeFilter; } + public void setTypeFilter(String typeFilter) { this.typeFilter = typeFilter; } + + public List getCotisations() { return cotisations; } + public void setCotisations(List cotisations) { this.cotisations = cotisations; } + + public List getProchainesEcheances() { return prochainesEcheances; } + public void setProchainesEcheances(List prochainesEcheances) { this.prochainesEcheances = prochainesEcheances; } + + public Object getCotisationSelectionnee() { return cotisationSelectionnee; } + public void setCotisationSelectionnee(Object cotisationSelectionnee) { this.cotisationSelectionnee = cotisationSelectionnee; } + + public List getCotisationsImpayees() { return cotisationsImpayees; } + public void setCotisationsImpayees(List cotisationsImpayees) { this.cotisationsImpayees = cotisationsImpayees; } + + public String getModePaiementChoisi() { return modePaiementChoisi; } + public void setModePaiementChoisi(String modePaiementChoisi) { this.modePaiementChoisi = modePaiementChoisi; } + + public String getNumeroWave() { return numeroWave; } + public void setNumeroWave(String numeroWave) { this.numeroWave = numeroWave; } + + public String getCommentairePaiement() { return commentairePaiement; } + public void setCommentairePaiement(String commentairePaiement) { this.commentairePaiement = commentairePaiement; } + + public BigDecimal getMontantAPayer() { return montantAPayer; } + public void setMontantAPayer(BigDecimal montantAPayer) { this.montantAPayer = montantAPayer; } + + public String getBanqueAssociation() { return banqueAssociation; } + public void setBanqueAssociation(String banqueAssociation) { this.banqueAssociation = banqueAssociation; } + + public String getIbanAssociation() { return ibanAssociation; } + public void setIbanAssociation(String ibanAssociation) { this.ibanAssociation = ibanAssociation; } + + public String getNumeroWaveAuto() { return numeroWaveAuto; } + public void setNumeroWaveAuto(String numeroWaveAuto) { this.numeroWaveAuto = numeroWaveAuto; } + + public int getJourPrelevement() { return jourPrelevement; } + public void setJourPrelevement(int jourPrelevement) { this.jourPrelevement = jourPrelevement; } + + public boolean isNotificationSMS() { return notificationSMS; } + public void setNotificationSMS(boolean notificationSMS) { this.notificationSMS = notificationSMS; } + + public String getCotisationMensuelle() { return cotisationMensuelle; } + public void setCotisationMensuelle(String cotisationMensuelle) { this.cotisationMensuelle = cotisationMensuelle; } + + public BigDecimal getTotalPayePeriode() { return totalPayePeriode; } + public void setTotalPayePeriode(BigDecimal totalPayePeriode) { this.totalPayePeriode = totalPayePeriode; } + + public BigDecimal getTotalEnAttentePeriode() { return totalEnAttentePeriode; } + public void setTotalEnAttentePeriode(BigDecimal totalEnAttentePeriode) { this.totalEnAttentePeriode = totalEnAttentePeriode; } + + public BigDecimal getTotalEnRetardPeriode() { return totalEnRetardPeriode; } + public void setTotalEnRetardPeriode(BigDecimal totalEnRetardPeriode) { this.totalEnRetardPeriode = totalEnRetardPeriode; } + + public int getTauxConformite() { return tauxConformite; } + public void setTauxConformite(int tauxConformite) { this.tauxConformite = tauxConformite; } + + public String getStatutMembre() { return statutMembre; } + public void setStatutMembre(String statutMembre) { this.statutMembre = statutMembre; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + + public int getScorePonctualite() { return scorePonctualite; } + public void setScorePonctualite(int scorePonctualite) { this.scorePonctualite = scorePonctualite; } + + public String getCommentairePonctualite() { return commentairePonctualite; } + public void setCommentairePonctualite(String commentairePonctualite) { this.commentairePonctualite = commentairePonctualite; } + + public boolean isPeutPayerWave() { return true; } + + // Méthodes pour les charts + public Object getHistoriquePaiementsChart() { + // Retourner un objet chart model vide pour l'instant + return null; + } + + // Classes internes pour les données + public static class Cotisation { + private String reference; + private String libelle; + private String periode; + private String type; + private BigDecimal montant; + private String statut; + private LocalDate dateEcheance; + private LocalDate datePaiement; + private String modePaiement; + + // Getters et setters + public String getReference() { return reference; } + public void setReference(String reference) { this.reference = reference; } + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public LocalDate getDatePaiement() { return datePaiement; } + public void setDatePaiement(LocalDate datePaiement) { this.datePaiement = datePaiement; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + + // Propriétés dérivées pour l'affichage + public String getTypeSeverity() { + return switch (type) { + case "MENSUELLE" -> "info"; + case "SPECIALE" -> "warning"; + case "ADHESION" -> "success"; + default -> "secondary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "MENSUELLE" -> "pi-calendar"; + case "SPECIALE" -> "pi-star"; + case "ADHESION" -> "pi-user-plus"; + default -> "pi-circle"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "PAYE" -> "success"; + case "EN_ATTENTE" -> "warning"; + case "EN_RETARD" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "PAYE" -> "pi-check"; + case "EN_ATTENTE" -> "pi-clock"; + case "EN_RETARD" -> "pi-exclamation-triangle"; + default -> "pi-circle"; + }; + } + + public String getRetardColor() { + return switch (statut) { + case "EN_RETARD" -> "text-red-500"; + case "EN_ATTENTE" -> "text-orange-500"; + default -> "text-600"; + }; + } + + public String getStatutEcheance() { + return switch (statut) { + case "EN_RETARD" -> "En retard"; + case "EN_ATTENTE" -> "À venir"; + default -> "Payée"; + }; + } + + public String getModePaiementIcon() { + return switch (modePaiement != null ? modePaiement : "") { + case "Wave Money" -> "pi-mobile"; + case "Virement" -> "pi-building"; + case "Espèces" -> "pi-money-bill"; + default -> "pi-circle"; + }; + } + + public String getCouleurMontant() { + return "text-900"; + } + } + + public static class Echeance { + private String libelle; + private String periode; + private String montant; + private String dateEcheance; + private String urgence; + private String couleurUrgence; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getMontant() { return montant; } + public void setMontant(String montant) { this.montant = montant; } + + public String getDateEcheance() { return dateEcheance; } + public void setDateEcheance(String dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getCouleurUrgence() { return couleurUrgence; } + public void setCouleurUrgence(String couleurUrgence) { this.couleurUrgence = couleurUrgence; } + + public String getUrgenceSeverity() { + return switch (urgence) { + case "En retard" -> "danger"; + case "Bientôt" -> "warning"; + default -> "info"; + }; + } + + public String getCouleurMontant() { + return "text-900"; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreDashboardBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreDashboardBean.java new file mode 100644 index 0000000..65d9697 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreDashboardBean.java @@ -0,0 +1,410 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; + +@Named("membreDashboardBean") +@SessionScoped +public class MembreDashboardBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Membre actuel + private Membre membre; + + // Statistiques + private String statutCotisations; + private int evenementsInscrits; + private int aidesRecues; + private int messagesNonLus; + + // Progression + private int cotisationsPayees; + private int cotisationsTotales; + private int progressionCotisations; + private int tauxParticipation; + private int evenementsAssistes; + private String anciennete; + private String dateAdhesionFormatee; + + // Listes + private List alertes = new ArrayList<>(); + private List prochainsEvenements = new ArrayList<>(); + private List rappels = new ArrayList<>(); + private List activiteRecente = new ArrayList<>(); + + // État + private boolean peutPayerCotisations; + + @PostConstruct + public void init() { + initializeMembre(); + initializeStatistiques(); + initializeAlertes(); + initializeEvenements(); + initializeRappels(); + initializeActivite(); + } + + private void initializeMembre() { + membre = new Membre(); + membre.setPrenom("Jean"); + membre.setNom("Dupont"); + membre.setNumeroMembre("M240001"); + membre.setTypeMembre("Membre Actif"); + membre.setDateAdhesion("15/06/2020"); + membre.setPhotoUrl(null); // Pas de photo par défaut + } + + private void initializeStatistiques() { + this.statutCotisations = "À jour"; + this.evenementsInscrits = 3; + this.aidesRecues = 2; + this.messagesNonLus = 5; + this.cotisationsPayees = 10; + this.cotisationsTotales = 12; + this.progressionCotisations = 83; + this.tauxParticipation = 75; + this.evenementsAssistes = 15; + this.anciennete = "4 ans"; + this.dateAdhesionFormatee = "15 juin 2020"; + this.peutPayerCotisations = true; + } + + private void initializeAlertes() { + Alerte alerte1 = new Alerte(); + alerte1.setTitre("Cotisation de décembre"); + alerte1.setMessage("Votre cotisation mensuelle de décembre est due le 15/12/2024"); + alerte1.setDateRelative("Il y a 2 jours"); + alerte1.setIcone("pi-dollar"); + alerte1.setCouleurIcone("text-orange-500"); + alerte1.setCouleurFond("rgba(255, 193, 7, 0.1)"); + alerte1.setCouleurBordure("border-orange-500"); + alertes.add(alerte1); + + Alerte alerte2 = new Alerte(); + alerte2.setTitre("Nouvel événement"); + alerte2.setMessage("Assemblée générale prévue le 28 décembre 2024"); + alerte2.setDateRelative("Hier"); + alerte2.setIcone("pi-calendar"); + alerte2.setCouleurIcone("text-blue-500"); + alerte2.setCouleurFond("rgba(13, 110, 253, 0.1)"); + alerte2.setCouleurBordure("border-blue-500"); + alertes.add(alerte2); + } + + private void initializeEvenements() { + Evenement event1 = new Evenement(); + event1.setTitre("Assemblée Générale Ordinaire"); + event1.setDateComplete("Samedi 28 décembre 2024 - 09h00"); + event1.setLieu("Siège de l'association"); + event1.setPrixFormate("Gratuit"); + event1.setNombreParticipants("45 inscrits"); + event1.setStatutInscription("Inscrit"); + event1.setSeverityInscription("success"); + event1.setIconeType("pi-users"); + event1.setCouleurCategorie("bg-blue-500"); + event1.setCouleurBordure("border-blue-500"); + event1.setPeutAnnuler(true); + prochainsEvenements.add(event1); + + Evenement event2 = new Evenement(); + event2.setTitre("Formation premiers secours"); + event2.setDateComplete("Dimanche 15 janvier 2025 - 14h00"); + event2.setLieu("Centre de formation"); + event2.setPrixFormate("2,500 FCFA"); + event2.setNombreParticipants("12 inscrits"); + event2.setStatutInscription("En attente"); + event2.setSeverityInscription("warning"); + event2.setIconeType("pi-heart"); + event2.setCouleurCategorie("bg-red-500"); + event2.setCouleurBordure("border-red-500"); + event2.setPeutAnnuler(false); + prochainsEvenements.add(event2); + } + + private void initializeRappels() { + Rappel rappel1 = new Rappel(); + rappel1.setTitre("Cotisation décembre"); + rappel1.setEcheance("Dans 3 jours"); + rappel1.setIcone("pi-dollar"); + rappel1.setCouleurIcone("text-orange-500"); + rappel1.setCouleurFond("surface-100"); + rappels.add(rappel1); + + Rappel rappel2 = new Rappel(); + rappel2.setTitre("Renouvellement adhésion"); + rappel2.setEcheance("Dans 2 mois"); + rappel2.setIcone("pi-id-card"); + rappel2.setCouleurIcone("text-blue-500"); + rappel2.setCouleurFond("surface-100"); + rappels.add(rappel2); + } + + private void initializeActivite() { + Activite activite1 = new Activite(); + activite1.setTitre("Cotisation payée"); + activite1.setDescription("Cotisation de novembre 2024 - 5,000 FCFA"); + activite1.setDateRelative("Il y a 5 jours"); + activite1.setIcone("pi-check"); + activite1.setCouleurCategorie("bg-green-500"); + activiteRecente.add(activite1); + + Activite activite2 = new Activite(); + activite2.setTitre("Participation événement"); + activite2.setDescription("Sortie culturelle au musée"); + activite2.setDateRelative("Il y a 1 semaine"); + activite2.setIcone("pi-calendar"); + activite2.setCouleurCategorie("bg-blue-500"); + activiteRecente.add(activite2); + + Activite activite3 = new Activite(); + activite3.setTitre("Inscription événement"); + activite3.setDescription("Assemblée générale ordinaire"); + activite3.setDateRelative("Il y a 2 semaines"); + activite3.setIcone("pi-user-plus"); + activite3.setCouleurCategorie("bg-purple-500"); + activiteRecente.add(activite3); + } + + // Actions + public void marquerLue(Alerte alerte) { + alertes.remove(alerte); + } + + public String voirEvenement(Evenement evenement) { + return "/pages/membre/evenement?id=" + evenement.getTitre() + "&faces-redirect=true"; + } + + public void annulerInscription(Evenement evenement) { + evenement.setStatutInscription("Annulé"); + evenement.setSeverityInscription("danger"); + evenement.setPeutAnnuler(false); + } + + public String payerCotisations() { + return "/pages/membre/cotisations?faces-redirect=true"; + } + + // Getters et Setters + public Membre getMembre() { return membre; } + public void setMembre(Membre membre) { this.membre = membre; } + + public String getStatutCotisations() { return statutCotisations; } + public void setStatutCotisations(String statutCotisations) { this.statutCotisations = statutCotisations; } + + public int getEvenementsInscrits() { return evenementsInscrits; } + public void setEvenementsInscrits(int evenementsInscrits) { this.evenementsInscrits = evenementsInscrits; } + + public int getAidesRecues() { return aidesRecues; } + public void setAidesRecues(int aidesRecues) { this.aidesRecues = aidesRecues; } + + public int getMessagesNonLus() { return messagesNonLus; } + public void setMessagesNonLus(int messagesNonLus) { this.messagesNonLus = messagesNonLus; } + + public int getCotisationsPayees() { return cotisationsPayees; } + public void setCotisationsPayees(int cotisationsPayees) { this.cotisationsPayees = cotisationsPayees; } + + public int getCotisationsTotales() { return cotisationsTotales; } + public void setCotisationsTotales(int cotisationsTotales) { this.cotisationsTotales = cotisationsTotales; } + + public int getProgressionCotisations() { return progressionCotisations; } + public void setProgressionCotisations(int progressionCotisations) { this.progressionCotisations = progressionCotisations; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getEvenementsAssistes() { return evenementsAssistes; } + public void setEvenementsAssistes(int evenementsAssistes) { this.evenementsAssistes = evenementsAssistes; } + + public String getAnciennete() { return anciennete; } + public void setAnciennete(String anciennete) { this.anciennete = anciennete; } + + public String getDateAdhesionFormatee() { return dateAdhesionFormatee; } + public void setDateAdhesionFormatee(String dateAdhesionFormatee) { this.dateAdhesionFormatee = dateAdhesionFormatee; } + + public List getAlertes() { return alertes; } + public void setAlertes(List alertes) { this.alertes = alertes; } + + public List getProchainsEvenements() { return prochainsEvenements; } + public void setProchainsEvenements(List prochainsEvenements) { this.prochainsEvenements = prochainsEvenements; } + + public List getRappels() { return rappels; } + public void setRappels(List rappels) { this.rappels = rappels; } + + public List getActiviteRecente() { return activiteRecente; } + public void setActiviteRecente(List activiteRecente) { this.activiteRecente = activiteRecente; } + + public boolean isPeutPayerCotisations() { return peutPayerCotisations; } + public void setPeutPayerCotisations(boolean peutPayerCotisations) { this.peutPayerCotisations = peutPayerCotisations; } + + // Classes internes + public static class Membre { + private String prenom; + private String nom; + private String numeroMembre; + private String typeMembre; + private String dateAdhesion; + private String photoUrl; + + 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 getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(String dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public String getInitiales() { + return (prenom != null ? prenom.substring(0, 1) : "") + + (nom != null ? nom.substring(0, 1) : ""); + } + } + + public static class Alerte { + private String titre; + private String message; + private String dateRelative; + private String icone; + private String couleurIcone; + private String couleurFond; + private String couleurBordure; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public String getDateRelative() { return dateRelative; } + public void setDateRelative(String dateRelative) { this.dateRelative = dateRelative; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurIcone() { return couleurIcone; } + public void setCouleurIcone(String couleurIcone) { this.couleurIcone = couleurIcone; } + + public String getCouleurFond() { return couleurFond; } + public void setCouleurFond(String couleurFond) { this.couleurFond = couleurFond; } + + public String getCouleurBordure() { return couleurBordure; } + public void setCouleurBordure(String couleurBordure) { this.couleurBordure = couleurBordure; } + } + + public static class Evenement { + private String titre; + private String dateComplete; + private String lieu; + private String prixFormate; + private String nombreParticipants; + private String statutInscription; + private String severityInscription; + private String iconeType; + private String couleurCategorie; + private String couleurBordure; + private boolean peutAnnuler; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDateComplete() { return dateComplete; } + public void setDateComplete(String dateComplete) { this.dateComplete = dateComplete; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getPrixFormate() { return prixFormate; } + public void setPrixFormate(String prixFormate) { this.prixFormate = prixFormate; } + + public String getNombreParticipants() { return nombreParticipants; } + public void setNombreParticipants(String nombreParticipants) { this.nombreParticipants = nombreParticipants; } + + public String getStatutInscription() { return statutInscription; } + public void setStatutInscription(String statutInscription) { this.statutInscription = statutInscription; } + + public String getSeverityInscription() { return severityInscription; } + public void setSeverityInscription(String severityInscription) { this.severityInscription = severityInscription; } + + public String getIconeType() { return iconeType; } + public void setIconeType(String iconeType) { this.iconeType = iconeType; } + + public String getCouleurCategorie() { return couleurCategorie; } + public void setCouleurCategorie(String couleurCategorie) { this.couleurCategorie = couleurCategorie; } + + public String getCouleurBordure() { return couleurBordure; } + public void setCouleurBordure(String couleurBordure) { this.couleurBordure = couleurBordure; } + + public boolean isPeutAnnuler() { return peutAnnuler; } + public void setPeutAnnuler(boolean peutAnnuler) { this.peutAnnuler = peutAnnuler; } + + public String getCouleurPrix() { + return prixFormate.equals("Gratuit") ? "text-green-500" : "text-blue-500"; + } + } + + public static class Rappel { + private String titre; + private String echeance; + private String icone; + private String couleurIcone; + private String couleurFond; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getEcheance() { return echeance; } + public void setEcheance(String echeance) { this.echeance = echeance; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurIcone() { return couleurIcone; } + public void setCouleurIcone(String couleurIcone) { this.couleurIcone = couleurIcone; } + + public String getCouleurFond() { return couleurFond; } + public void setCouleurFond(String couleurFond) { this.couleurFond = couleurFond; } + } + + public static class Activite { + private String titre; + private String description; + private String dateRelative; + private String icone; + private String couleurCategorie; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDateRelative() { return dateRelative; } + public void setDateRelative(String dateRelative) { this.dateRelative = dateRelative; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurCategorie() { return couleurCategorie; } + public void setCouleurCategorie(String couleurCategorie) { this.couleurCategorie = couleurCategorie; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreInscriptionBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreInscriptionBean.java new file mode 100644 index 0000000..220f2d6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreInscriptionBean.java @@ -0,0 +1,454 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.client.service.ValidationService; +import dev.lions.unionflow.client.view.SouscriptionBean; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Named; +import jakarta.inject.Inject; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; + +@Named("membreInscriptionBean") +@RequestScoped +public class MembreInscriptionBean implements Serializable { + + private static final long serialVersionUID = 1L; + + @Inject + @RestClient + MembreService membreService; + + @Inject + @RestClient + AssociationService associationService; + + @Inject + ValidationService validationService; + + @Inject + SouscriptionBean souscriptionBean; + + // Propriétés système + private String numeroGenere; + + // Informations personnelles + private String prenom; + private String nom; + private String email; + private String telephone; + private String telephoneMobile; + private String adresse; + private String ville; + private String codePostal; + private String pays = "Sénégal"; + private LocalDate dateNaissance; + private String lieuNaissance; + private String nationalite = "Sénégalaise"; + private String sexe; + private String situationMatrimoniale; + private String profession; + private String employeur; + + // Informations d'urgence + private String contactUrgenceNom; + private String contactUrgenceTelephone; + private String contactUrgenceLien; + + // Informations bancaires + private String numeroBanque; + private String nomBanque; + private String ribIban; + + // Informations adhésion + private String typeAdhesion; + private String numeroParrain; + private String nomParrain; + private String motifAdhesion; + private String organisationId; // ID de l'organisation choisie + private String organisationNom; // Nom de l'organisation affichée + private boolean accepteReglement = false; + private boolean acceptePrelevement = false; + private boolean autorisationMarketing = false; + + // Statut de validation + private String statutValidation = "EN_ATTENTE"; // EN_ATTENTE, VALIDE, REFUSE + + // Informations complémentaires + private String competencesSpeciales; + private String centresInteret; + private String commentaires; + + // Photo et documents + private String photoPath; + private List documentsJoints = new ArrayList<>(); + private org.primefaces.model.file.UploadedFile uploadedPhoto; + private String photoBase64; + + public MembreInscriptionBean() { + // Initialisation par défaut + } + + @PostConstruct + public void init() { + // Générer un numéro de membre automatiquement + this.numeroGenere = "M" + System.currentTimeMillis(); + } + + // Actions + public String inscrire() { + try { + // Vérifier d'abord si l'organisation peut accepter de nouveaux membres + if (!peutAccepterNouveauMembre()) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Quota atteint", "Cette organisation a atteint son quota maximum de membres."); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + + // Créer le DTO membre + MembreDTO nouveauMembre = new MembreDTO(); + nouveauMembre.setNumeroMembre(numeroGenere); + nouveauMembre.setNom(nom); + nouveauMembre.setPrenom(prenom); + nouveauMembre.setEmail(email); + nouveauMembre.setTelephone(telephone); + nouveauMembre.setDateNaissance(dateNaissance); + nouveauMembre.setAdresse(adresse); + nouveauMembre.setProfession(profession); + nouveauMembre.setStatutMatrimonial(situationMatrimoniale); + nouveauMembre.setNationalite(nationalite); + nouveauMembre.setStatut(statutValidation); // Statut d'attente par défaut + nouveauMembre.setDateInscription(LocalDateTime.now()); + + // Validation des données + ValidationService.ValidationResult validationResult = validationService.validate(nouveauMembre); + if (!validationResult.isValid()) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreurs de validation", validationResult.getFirstErrorMessage()); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + + // Appel du service REST pour créer le membre + MembreDTO membreCreee = membreService.creer(nouveauMembre); + + // Gestion de la photo si disponible + if (photoBase64 != null && !photoBase64.trim().isEmpty()) { + System.out.println("Photo cadrée reçue: " + photoBase64.length() + " caractères"); + // TODO: Appeler service de sauvegarde de photo + } + + System.out.println("Membre inscrit avec succès: " + membreCreee.getNomComplet()); + + // Message de succès + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, + "Inscription soumise", "Votre inscription a été soumise avec succès. Elle sera validée par l'administrateur de votre organisation."); + FacesContext.getCurrentInstance().addMessage(null, message); + + return "/pages/public/login?faces-redirect=true"; + + } catch (Exception e) { + System.err.println("Erreur lors de l'inscription: " + e.getMessage()); + e.printStackTrace(); + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Erreur lors de l'inscription: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + } + + // Méthodes de validation en temps réel + public void validateNom() { + if (nom != null && !nom.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "nom", nom); + if (!result.isValid()) { + System.out.println("Erreur validation nom: " + result.getFirstErrorMessage()); + } + } + } + + public void validatePrenom() { + if (prenom != null && !prenom.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "prenom", prenom); + if (!result.isValid()) { + System.out.println("Erreur validation prénom: " + result.getFirstErrorMessage()); + } + } + } + + public void validateEmail() { + if (email != null && !email.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "email", email); + if (!result.isValid()) { + System.out.println("Erreur validation email: " + result.getFirstErrorMessage()); + } + } + } + + public void validateTelephone() { + if (telephone != null && !telephone.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "telephone", telephone); + if (!result.isValid()) { + System.out.println("Erreur validation téléphone: " + result.getFirstErrorMessage()); + } + } + } + + public String annuler() { + return "/pages/secure/dashboard?faces-redirect=true"; + } + + public void handleFileUpload(org.primefaces.event.FileUploadEvent event) { + // Logique d'upload de documents + org.primefaces.model.file.UploadedFile file = event.getFile(); + if (file != null) { + documentsJoints.add(file.getFileName()); + } + } + + public void ajouterDocument() { + // Logique d'ajout de document + } + + public void supprimerDocument(String document) { + documentsJoints.remove(document); + } + + public void rechercherParrain() { + // Logique de recherche de parrain + if (numeroParrain != null && !numeroParrain.trim().isEmpty()) { + // Simulation de recherche + nomParrain = "Membre trouvé - " + numeroParrain; + } + } + + public String enregistrerBrouillon() { + // Logique d'enregistrement en brouillon + return null; // Rester sur la même page + } + + // Méthodes pour la progression + public boolean isEtapePersonnelleComplete() { + return prenom != null && !prenom.trim().isEmpty() && + nom != null && !nom.trim().isEmpty() && + dateNaissance != null && + sexe != null && !sexe.trim().isEmpty(); + } + + public boolean isEtapeCoordonneeComplete() { + return adresse != null && !adresse.trim().isEmpty() && + ville != null && !ville.trim().isEmpty() && + email != null && !email.trim().isEmpty() && + telephoneMobile != null && !telephoneMobile.trim().isEmpty(); + } + + public boolean isEtapeAdhesionComplete() { + return typeAdhesion != null && !typeAdhesion.trim().isEmpty(); + } + + public boolean isEtapeDocumentsComplete() { + return !documentsJoints.isEmpty() || (photoBase64 != null && !photoBase64.trim().isEmpty()); + } + + public int getProgressionPourcentage() { + int etapesCompletes = 0; + if (isEtapePersonnelleComplete()) etapesCompletes++; + if (isEtapeCoordonneeComplete()) etapesCompletes++; + if (isEtapeAdhesionComplete()) etapesCompletes++; + if (isEtapeDocumentsComplete()) etapesCompletes++; + return (etapesCompletes * 100) / 4; + } + + public boolean isFormulaireValide() { + return isEtapePersonnelleComplete() && + isEtapeCoordonneeComplete() && + isEtapeAdhesionComplete() && + organisationId != null && + accepteReglement; + } + + // Vérification du quota organisation + public boolean peutAccepterNouveauMembre() { + if (souscriptionBean == null || souscriptionBean.getSouscriptionActive() == null) { + return false; // Pas de souscription active + } + return souscriptionBean.peutAccepterNouveauMembre(); + } + + public String getMessageQuotaOrganisation() { + if (souscriptionBean != null) { + return souscriptionBean.getMessageQuota(); + } + return "Informations de quota non disponibles"; + } + + // Getters et Setters + public String getNumeroGenere() { return numeroGenere; } + public void setNumeroGenere(String numeroGenere) { this.numeroGenere = numeroGenere; } + + 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 String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getTelephoneMobile() { return telephoneMobile; } + public void setTelephoneMobile(String telephoneMobile) { this.telephoneMobile = telephoneMobile; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getCodePostal() { return codePostal; } + public void setCodePostal(String codePostal) { this.codePostal = codePostal; } + + public String getPays() { return pays; } + public void setPays(String pays) { this.pays = pays; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public String getLieuNaissance() { return lieuNaissance; } + public void setLieuNaissance(String lieuNaissance) { this.lieuNaissance = lieuNaissance; } + + public String getNationalite() { return nationalite; } + public void setNationalite(String nationalite) { this.nationalite = nationalite; } + + public String getSexe() { return sexe; } + public void setSexe(String sexe) { this.sexe = sexe; } + + public String getSituationMatrimoniale() { return situationMatrimoniale; } + public void setSituationMatrimoniale(String situationMatrimoniale) { this.situationMatrimoniale = situationMatrimoniale; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getEmployeur() { return employeur; } + public void setEmployeur(String employeur) { this.employeur = employeur; } + + public String getContactUrgenceNom() { return contactUrgenceNom; } + public void setContactUrgenceNom(String contactUrgenceNom) { this.contactUrgenceNom = contactUrgenceNom; } + + public String getContactUrgenceTelephone() { return contactUrgenceTelephone; } + public void setContactUrgenceTelephone(String contactUrgenceTelephone) { this.contactUrgenceTelephone = contactUrgenceTelephone; } + + public String getContactUrgenceLien() { return contactUrgenceLien; } + public void setContactUrgenceLien(String contactUrgenceLien) { this.contactUrgenceLien = contactUrgenceLien; } + + public String getNumeroBanque() { return numeroBanque; } + public void setNumeroBanque(String numeroBanque) { this.numeroBanque = numeroBanque; } + + public String getNomBanque() { return nomBanque; } + public void setNomBanque(String nomBanque) { this.nomBanque = nomBanque; } + + public String getRibIban() { return ribIban; } + public void setRibIban(String ribIban) { this.ribIban = ribIban; } + + public String getTypeAdhesion() { return typeAdhesion; } + public void setTypeAdhesion(String typeAdhesion) { this.typeAdhesion = typeAdhesion; } + + public String getNumeroParrain() { return numeroParrain; } + public void setNumeroParrain(String numeroParrain) { this.numeroParrain = numeroParrain; } + + public String getNomParrain() { return nomParrain; } + public void setNomParrain(String nomParrain) { this.nomParrain = nomParrain; } + + public String getMotifAdhesion() { return motifAdhesion; } + public void setMotifAdhesion(String motifAdhesion) { this.motifAdhesion = motifAdhesion; } + + public boolean isAccepteReglement() { return accepteReglement; } + public void setAccepteReglement(boolean accepteReglement) { this.accepteReglement = accepteReglement; } + + public boolean isAcceptePrelevement() { return acceptePrelevement; } + public void setAcceptePrelevement(boolean acceptePrelevement) { this.acceptePrelevement = acceptePrelevement; } + + public boolean isAutorisationMarketing() { return autorisationMarketing; } + public void setAutorisationMarketing(boolean autorisationMarketing) { this.autorisationMarketing = autorisationMarketing; } + + public String getCompetencesSpeciales() { return competencesSpeciales; } + public void setCompetencesSpeciales(String competencesSpeciales) { this.competencesSpeciales = competencesSpeciales; } + + public String getCentresInteret() { return centresInteret; } + public void setCentresInteret(String centresInteret) { this.centresInteret = centresInteret; } + + public String getCommentaires() { return commentaires; } + public void setCommentaires(String commentaires) { this.commentaires = commentaires; } + + public String getPhotoPath() { return photoPath; } + public void setPhotoPath(String photoPath) { this.photoPath = photoPath; } + + public List getDocumentsJoints() { return documentsJoints; } + public void setDocumentsJoints(List documentsJoints) { this.documentsJoints = documentsJoints; } + + public org.primefaces.model.file.UploadedFile getUploadedPhoto() { return uploadedPhoto; } + public void setUploadedPhoto(org.primefaces.model.file.UploadedFile uploadedPhoto) { this.uploadedPhoto = uploadedPhoto; } + + public String getPhotoBase64() { return photoBase64; } + public void setPhotoBase64(String photoBase64) { this.photoBase64 = photoBase64; } + + public String getOrganisationId() { return organisationId; } + public void setOrganisationId(String organisationId) { this.organisationId = organisationId; } + + public String getOrganisationNom() { return organisationNom; } + public void setOrganisationNom(String organisationNom) { this.organisationNom = organisationNom; } + + public String getStatutValidation() { return statutValidation; } + public void setStatutValidation(String statutValidation) { this.statutValidation = statutValidation; } + + // Listes pour les sélections + public List getSexeOptions() { + List options = new ArrayList<>(); + options.add("Masculin"); + options.add("Féminin"); + return options; + } + + public List getSituationMatrimonialeOptions() { + List options = new ArrayList<>(); + options.add("Célibataire"); + options.add("Marié(e)"); + options.add("Divorcé(e)"); + options.add("Veuf(ve)"); + return options; + } + + public List getTypeAdhesionOptions() { + List options = new ArrayList<>(); + options.add("Membre actif"); + options.add("Membre associé"); + options.add("Membre bienfaiteur"); + options.add("Membre honoraire"); + return options; + } + + public List getContactUrgenceLienOptions() { + List options = new ArrayList<>(); + options.add("Conjoint(e)"); + options.add("Parent"); + options.add("Enfant"); + options.add("Frère/Sœur"); + options.add("Ami(e)"); + options.add("Autre"); + return options; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreListeBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreListeBean.java new file mode 100644 index 0000000..69c6181 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreListeBean.java @@ -0,0 +1,324 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.inject.Inject; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("membreListeBean") +@SessionScoped +public class MembreListeBean implements Serializable { + + private static final long serialVersionUID = 1L; + + @Inject + @RestClient + MembreService membreService; + + // Statistiques générales + private int totalMembres; + private int membresActifs; + private int cotisationsAJour; + private int nouveauxMembres; + private int membresInactifs; + + // Filtres + private String searchFilter = ""; + private String statutFilter = ""; + private String typeFilter = ""; + private String cotisationFilter = ""; + private String entiteFilter = ""; + + // Filtres avancés + private Integer ageMin; + private Integer ageMax; + private String genreFilter = ""; + private String villeFilter = ""; + private LocalDate dateAdhesionDebut; + private LocalDate dateAdhesionFin; + private String professionFilter = ""; + private Boolean aDesEnfants; + + // Messages groupés + private String sujetMessage; + private String contenuMessage; + private List canauxMessage = new ArrayList<>(); + + // Import/Export + private boolean mettreAJourExistants = false; + private String formatExport = "EXCEL"; + private List colonnesExport = new ArrayList<>(); + private boolean exporterSelection = false; + + // Données + private List membres = new ArrayList<>(); + private List selectedMembres = new ArrayList<>(); + private List membresFiltres = new ArrayList<>(); + + @PostConstruct + public void init() { + try { + chargerMembres(); + chargerStatistiques(); + } catch (Exception e) { + System.err.println("Erreur lors de l'initialisation: " + e.getMessage()); + e.printStackTrace(); + // Données de fallback + this.totalMembres = 0; + this.membresActifs = 0; + this.cotisationsAJour = 0; + this.nouveauxMembres = 0; + this.membresInactifs = 0; + } + } + + private void chargerMembres() { + try { + // Récupération de tous les membres via le service REST + membres = membreService.listerTous(); + membresFiltres = new ArrayList<>(membres); + + System.out.println("Chargement de " + membres.size() + " membres depuis le serveur"); + + } catch (Exception e) { + System.err.println("Impossible de charger les membres depuis le serveur: " + e.getMessage()); + // Fallback avec données simulées + membres = genererDonneesSimulees(); + membresFiltres = new ArrayList<>(membres); + } + } + + private List genererDonneesSimulees() { + List membresSimules = new ArrayList<>(); + for (int i = 1; i <= 20; i++) { + MembreDTO membre = new MembreDTO(); + membre.setId((long) i); + membre.setNumeroMembre("M2024" + String.format("%03d", i)); + membre.setNom("Membre" + i); + membre.setPrenom("Prénom" + i); + membre.setEmail("membre" + i + "@example.com"); + membre.setTelephone("77 123 45 " + String.format("%02d", i)); + membre.setStatut(i % 10 == 0 ? "INACTIF" : "ACTIF"); + membre.setDateNaissance(LocalDate.now().minusYears(25 + i)); + membre.setProfession("Profession " + (i % 10 + 1)); + membre.setAdresse("Adresse " + i); + membresSimules.add(membre); + } + return membresSimules; + } + + private void chargerStatistiques() { + try { + // Récupération des statistiques via le service REST + MembreService.StatistiquesMembreDTO stats = membreService.obtenirStatistiques(); + + this.totalMembres = stats.getTotalMembres() != null ? stats.getTotalMembres().intValue() : 0; + this.membresActifs = stats.getMembresActifs() != null ? stats.getMembresActifs().intValue() : 0; + this.membresInactifs = stats.getMembresInactifs() != null ? stats.getMembresInactifs().intValue() : 0; + this.nouveauxMembres = stats.getNouveauxMembres30Jours() != null ? stats.getNouveauxMembres30Jours().intValue() : 0; + + // Calcul approximatif des cotisations à jour (à implémenter côté serveur) + this.cotisationsAJour = (int) (this.membresActifs * 0.85); + + } catch (Exception e) { + System.err.println("Impossible de charger les statistiques: " + e.getMessage()); + // Utiliser les valeurs de fallback définies dans init() + } + } + + // Actions de recherche et filtrage + public void rechercher() { + try { + List resultats = membreService.rechercher( + searchFilter.isEmpty() ? null : searchFilter, // nom + null, // prenom + null, // email + null, // telephone + statutFilter.isEmpty() ? null : statutFilter, + null, // associationId + 0, // page + 100 // size + ); + + membresFiltres = resultats; + System.out.println("Recherche effectuée: " + membresFiltres.size() + " résultats"); + + } catch (Exception e) { + System.err.println("Erreur lors de la recherche: " + e.getMessage()); + // En cas d'erreur, appliquer le filtre localement + appliquerFiltreLocal(); + } + } + + private void appliquerFiltreLocal() { + membresFiltres = membres.stream() + .filter(m -> searchFilter.isEmpty() || + m.getNom().toLowerCase().contains(searchFilter.toLowerCase()) || + m.getPrenom().toLowerCase().contains(searchFilter.toLowerCase()) || + m.getEmail().toLowerCase().contains(searchFilter.toLowerCase())) + .filter(m -> statutFilter.isEmpty() || m.getStatut().equals(statutFilter)) + .collect(Collectors.toList()); + } + + public void reinitialiserFiltres() { + searchFilter = ""; + statutFilter = ""; + typeFilter = ""; + cotisationFilter = ""; + entiteFilter = ""; + ageMin = null; + ageMax = null; + genreFilter = ""; + villeFilter = ""; + dateAdhesionDebut = null; + dateAdhesionFin = null; + professionFilter = ""; + aDesEnfants = null; + + membresFiltres = new ArrayList<>(membres); + } + + public void appliquerFiltresAvances() { + // Appliquer les filtres avancés + System.out.println("Application des filtres avancés"); + } + + // Import/Export + public void importerMembres() { + // Logique d'import des membres + System.out.println("Import des membres"); + } + + public void telechargerModele() { + // Télécharger modèle d'import + System.out.println("Téléchargement du modèle"); + } + + // Actions avec DTOs + public String voirProfil(MembreDTO membre) { + return "/pages/secure/membre/profil?id=" + membre.getId() + "&faces-redirect=true"; + } + + public void activerMembre(MembreDTO membre) { + try { + membreService.activer(membre.getId()); + membre.setStatut("ACTIF"); + System.out.println("Membre activé: " + membre.getNomComplet()); + } catch (Exception e) { + System.err.println("Erreur lors de l'activation: " + e.getMessage()); + } + } + + public void desactiverMembre(MembreDTO membre) { + try { + membreService.desactiver(membre.getId()); + membre.setStatut("INACTIF"); + System.out.println("Membre désactivé: " + membre.getNomComplet()); + } catch (Exception e) { + System.err.println("Erreur lors de la désactivation: " + e.getMessage()); + } + } + + public void exporterMembres() { + try { + byte[] excelData = membreService.exporterExcel(formatExport, null, statutFilter.isEmpty() ? null : statutFilter); + // TODO: Gérer le téléchargement du fichier Excel + System.out.println("Export Excel généré: " + excelData.length + " bytes"); + } catch (Exception e) { + System.err.println("Erreur lors de l'export: " + e.getMessage()); + } + } + + // Getters et Setters + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public int getMembresActifs() { return membresActifs; } + public void setMembresActifs(int membresActifs) { this.membresActifs = membresActifs; } + + public int getCotisationsAJour() { return cotisationsAJour; } + public void setCotisationsAJour(int cotisationsAJour) { this.cotisationsAJour = cotisationsAJour; } + + public int getNouveauxMembres() { return nouveauxMembres; } + public void setNouveauxMembres(int nouveauxMembres) { this.nouveauxMembres = nouveauxMembres; } + + public int getMembresInactifs() { return membresInactifs; } + public void setMembresInactifs(int membresInactifs) { this.membresInactifs = membresInactifs; } + + public String getSearchFilter() { return searchFilter; } + public void setSearchFilter(String searchFilter) { this.searchFilter = searchFilter; } + + public String getStatutFilter() { return statutFilter; } + public void setStatutFilter(String statutFilter) { this.statutFilter = statutFilter; } + + public String getTypeFilter() { return typeFilter; } + public void setTypeFilter(String typeFilter) { this.typeFilter = typeFilter; } + + public String getCotisationFilter() { return cotisationFilter; } + public void setCotisationFilter(String cotisationFilter) { this.cotisationFilter = cotisationFilter; } + + public String getEntiteFilter() { return entiteFilter; } + public void setEntiteFilter(String entiteFilter) { this.entiteFilter = entiteFilter; } + + public Integer getAgeMin() { return ageMin; } + public void setAgeMin(Integer ageMin) { this.ageMin = ageMin; } + + public Integer getAgeMax() { return ageMax; } + public void setAgeMax(Integer ageMax) { this.ageMax = ageMax; } + + public String getGenreFilter() { return genreFilter; } + public void setGenreFilter(String genreFilter) { this.genreFilter = genreFilter; } + + public String getVilleFilter() { return villeFilter; } + public void setVilleFilter(String villeFilter) { this.villeFilter = villeFilter; } + + public LocalDate getDateAdhesionDebut() { return dateAdhesionDebut; } + public void setDateAdhesionDebut(LocalDate dateAdhesionDebut) { this.dateAdhesionDebut = dateAdhesionDebut; } + + public LocalDate getDateAdhesionFin() { return dateAdhesionFin; } + public void setDateAdhesionFin(LocalDate dateAdhesionFin) { this.dateAdhesionFin = dateAdhesionFin; } + + public String getProfessionFilter() { return professionFilter; } + public void setProfessionFilter(String professionFilter) { this.professionFilter = professionFilter; } + + public Boolean getADesEnfants() { return aDesEnfants; } + public void setADesEnfants(Boolean aDesEnfants) { this.aDesEnfants = aDesEnfants; } + + public String getSujetMessage() { return sujetMessage; } + public void setSujetMessage(String sujetMessage) { this.sujetMessage = sujetMessage; } + + public String getContenuMessage() { return contenuMessage; } + public void setContenuMessage(String contenuMessage) { this.contenuMessage = contenuMessage; } + + public List getCanauxMessage() { return canauxMessage; } + public void setCanauxMessage(List canauxMessage) { this.canauxMessage = canauxMessage; } + + public boolean isMettreAJourExistants() { return mettreAJourExistants; } + public void setMettreAJourExistants(boolean mettreAJourExistants) { this.mettreAJourExistants = mettreAJourExistants; } + + public String getFormatExport() { return formatExport; } + public void setFormatExport(String formatExport) { this.formatExport = formatExport; } + + public List getColonnesExport() { return colonnesExport; } + public void setColonnesExport(List colonnesExport) { this.colonnesExport = colonnesExport; } + + public boolean isExporterSelection() { return exporterSelection; } + public void setExporterSelection(boolean exporterSelection) { this.exporterSelection = exporterSelection; } + + public List getMembres() { return membresFiltres; } + public void setMembres(List membres) { this.membres = membres; } + + public List getSelectedMembres() { return selectedMembres; } + public void setSelectedMembres(List selectedMembres) { this.selectedMembres = selectedMembres; } + + public List getMembresFiltres() { return membresFiltres; } + public void setMembresFiltres(List membresFiltres) { this.membresFiltres = membresFiltres; } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreProfilBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreProfilBean.java new file mode 100644 index 0000000..258e5e4 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreProfilBean.java @@ -0,0 +1,742 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; +import org.primefaces.event.FileUploadEvent; + +@Named("membreProfilBean") +@SessionScoped +public class MembreProfilBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private Membre membre; + private Membre membreEdit; + private Statistiques statistiques; + private CotisationsData cotisations; + private EvenementsData evenements; + private AidesData aides; + private DemandesData demandes; + private HistoriqueData historique; + private ContactData contact; + private Long membreId; + + @PostConstruct + public void init() { + if (membreId == null) { + membreId = 1L; // Par défaut pour le test + } + chargerMembre(); + chargerStatistiques(); + chargerCotisations(); + chargerEvenements(); + chargerAides(); + chargerDemandes(); + chargerHistorique(); + initContact(); + } + + private void chargerMembre() { + membre = new Membre(); + membre.setId(membreId); + membre.setNumeroMembre("M2024001"); + membre.setPrenom("Jean"); + membre.setNom("DIALLO"); + membre.setEmail("jean.diallo@email.com"); + membre.setTelephone("77 123 45 67"); + membre.setDateNaissance(LocalDate.of(1985, 6, 15)); + membre.setGenre("Masculin"); + membre.setSituationFamiliale("Marié"); + membre.setProfession("Ingénieur Informatique"); + membre.setAdresse("Villa n°123, Cité Keur Gorgui"); + membre.setVille("Dakar"); + membre.setPays("Sénégal"); + membre.setTypeMembre("ACTIF"); + membre.setStatut("ACTIF"); + membre.setEntite("LIONS CLUB Dakar Métropole"); + membre.setDateAdhesion(LocalDate.of(2020, 3, 15)); + membre.setCotisationStatut("À jour"); + membre.setTauxParticipation(85); + + // Famille + List famille = new ArrayList<>(); + MembreFamille epouse = new MembreFamille(); + epouse.setNomComplet("Awa DIALLO"); + epouse.setRelation("Épouse"); + epouse.setDateNaissance(LocalDate.of(1987, 9, 20)); + epouse.setBeneficiaire(true); + famille.add(epouse); + + MembreFamille enfant1 = new MembreFamille(); + enfant1.setNomComplet("Amadou DIALLO"); + enfant1.setRelation("Fils"); + enfant1.setDateNaissance(LocalDate.of(2010, 12, 5)); + enfant1.setBeneficiaire(true); + famille.add(enfant1); + + membre.setFamille(famille); + + // Copie pour l'édition + membreEdit = new Membre(); + copierMembre(membre, membreEdit); + } + + private void chargerStatistiques() { + statistiques = new Statistiques(); + statistiques.setEvenementsParticipes(24); + statistiques.setCotisationsPayees(12); + statistiques.setAidesRecues(2); + statistiques.setScoreEngagement(95); + statistiques.setTauxParticipation(85); + statistiques.setEvenementsAnnee(8); + statistiques.setEvenementsTotal(24); + statistiques.setEvenementsOrganises(3); + statistiques.setAbsences(2); + } + + private void chargerCotisations() { + cotisations = new CotisationsData(); + cotisations.setStatutActuel("À jour"); + cotisations.setStatutSeverity("success"); + cotisations.setDernierPaiement("15/07/2024"); + cotisations.setProchaineEcheance("15/08/2024"); + cotisations.setProchaineEcheanceClass("text-green-500"); + cotisations.setTotalAnnee("120 000 FCFA"); + + // Historique des paiements + List historique = new ArrayList<>(); + for (int i = 1; i <= 6; i++) { + PaiementCotisation paiement = new PaiementCotisation(); + paiement.setDate(LocalDate.now().minusMonths(i)); + paiement.setMontant(10000.0); + paiement.setModePaiement(i % 2 == 0 ? "Wave Money" : "Espèces"); + paiement.setModeIcon(i % 2 == 0 ? "pi-mobile" : "pi-money-bill"); + paiement.setStatut("Validé"); + paiement.setStatutSeverity("success"); + historique.add(paiement); + } + cotisations.setHistorique(historique); + } + + private void chargerEvenements() { + evenements = new EvenementsData(); + List recents = new ArrayList<>(); + + String[] titres = {"Réunion mensuelle", "Action humanitaire", "Formation leadership", "Collecte de fonds"}; + String[] lieux = {"Hôtel Radisson", "École Primaire", "Centre de formation", "Stade Léopold Sédar Senghor"}; + String[] types = {"REUNION", "ACTION", "FORMATION", "COLLECTE"}; + + for (int i = 0; i < 4; i++) { + EvenementParticipation evt = new EvenementParticipation(); + evt.setTitre(titres[i]); + evt.setDate(LocalDate.now().minusDays(i * 7).toString()); + evt.setLieu(lieux[i]); + evt.setParticipation(i < 3 ? "Présent" : "Absent"); + evt.setParticipationSeverity(i < 3 ? "success" : "danger"); + evt.setRole(i == 0 ? "Organisateur" : "Participant"); + evt.setTypeIcon("pi-calendar"); + evt.setTypeColorClass("bg-blue-500"); + recents.add(evt); + } + evenements.setRecents(recents); + } + + private void chargerAides() { + aides = new AidesData(); + List recues = new ArrayList<>(); + + Aide aide1 = new Aide(); + aide1.setType("Aide médicale"); + aide1.setMontant(50000.0); + aide1.setDate(LocalDate.of(2024, 5, 10)); + aide1.setStatut("Validée"); + aide1.setStatutSeverity("success"); + aide1.setTypeIcon("pi-heart"); + aide1.setTypeColor("text-red-500"); + recues.add(aide1); + + Aide aide2 = new Aide(); + aide2.setType("Aide scolaire"); + aide2.setMontant(25000.0); + aide2.setDate(LocalDate.of(2024, 1, 15)); + aide2.setStatut("Validée"); + aide2.setStatutSeverity("success"); + aide2.setTypeIcon("pi-book"); + aide2.setTypeColor("text-blue-500"); + recues.add(aide2); + + aides.setRecues(recues); + } + + private void chargerDemandes() { + demandes = new DemandesData(); + List enCours = new ArrayList<>(); + + Demande demande1 = new Demande(); + demande1.setType("Certificat"); + demande1.setObjet("Certificat d'adhésion"); + demande1.setDateDepot(LocalDate.now().minusDays(3)); + demande1.setStatut("En cours"); + demande1.setStatutSeverity("warning"); + enCours.add(demande1); + + demandes.setEnCours(enCours); + } + + private void chargerHistorique() { + historique = new HistoriqueData(); + List activites = new ArrayList<>(); + + String[] descriptions = { + "Profil mis à jour", + "Participation à la réunion mensuelle", + "Paiement de cotisation validé", + "Nouvelle adhésion enregistrée" + }; + + for (int i = 0; i < 4; i++) { + Activite activite = new Activite(); + activite.setDescription(descriptions[i]); + activite.setDate(LocalDateTime.now().minusDays(i * 2).toString()); + activite.setAuteur(i == 0 ? "Jean DIALLO" : "Admin"); + activite.setIcone(i % 2 == 0 ? "pi-user" : "pi-calendar"); + activite.setCouleur(i % 2 == 0 ? "text-blue-500" : "text-green-500"); + if (i == 2) { + activite.setDetails("Montant: 10 000 FCFA via Wave Money"); + } + activites.add(activite); + } + historique.setActivites(activites); + } + + private void initContact() { + contact = new ContactData(); + contact.setCanaux(new ArrayList<>()); + } + + // Actions + public void changerPhoto(FileUploadEvent event) { + // Logique de changement de photo + System.out.println("Photo changée: " + event.getFile().getFileName()); + } + + public String gererCotisations() { + return "/pages/secure/membre/cotisations?id=" + membre.getId() + "&faces-redirect=true"; + } + + public void sauvegarderModifications() { + copierMembre(membreEdit, membre); + System.out.println("Profil mis à jour pour: " + membre.getNomComplet()); + } + + public void envoyerMessage() { + System.out.println("Message envoyé: " + contact.getSujet() + " via " + contact.getCanaux()); + contact = new ContactData(); + contact.setCanaux(new ArrayList<>()); + } + + public void envoyerRappelCotisation() { + System.out.println("Rappel de cotisation envoyé à: " + membre.getEmail()); + } + + public void suspendre() { + membre.setStatut("SUSPENDU"); + System.out.println("Membre suspendu: " + membre.getNomComplet()); + } + + public void reactiver() { + membre.setStatut("ACTIF"); + System.out.println("Membre réactivé: " + membre.getNomComplet()); + } + + public void exporterDonnees() { + System.out.println("Export des données pour: " + membre.getNomComplet()); + } + + public String supprimer() { + System.out.println("Membre supprimé: " + membre.getNomComplet()); + return "/pages/secure/membre/liste?faces-redirect=true"; + } + + private void copierMembre(Membre source, Membre destination) { + destination.setId(source.getId()); + destination.setPrenom(source.getPrenom()); + destination.setNom(source.getNom()); + destination.setEmail(source.getEmail()); + destination.setTelephone(source.getTelephone()); + destination.setDateNaissance(source.getDateNaissance()); + destination.setProfession(source.getProfession()); + destination.setAdresse(source.getAdresse()); + } + + // Getters et Setters + public Membre getMembre() { return membre; } + public void setMembre(Membre membre) { this.membre = membre; } + + public Membre getMembreEdit() { return membreEdit; } + public void setMembreEdit(Membre membreEdit) { this.membreEdit = membreEdit; } + + public Statistiques getStatistiques() { return statistiques; } + public void setStatistiques(Statistiques statistiques) { this.statistiques = statistiques; } + + public CotisationsData getCotisations() { return cotisations; } + public void setCotisations(CotisationsData cotisations) { this.cotisations = cotisations; } + + public EvenementsData getEvenements() { return evenements; } + public void setEvenements(EvenementsData evenements) { this.evenements = evenements; } + + public AidesData getAides() { return aides; } + public void setAides(AidesData aides) { this.aides = aides; } + + public DemandesData getDemandes() { return demandes; } + public void setDemandes(DemandesData demandes) { this.demandes = demandes; } + + public HistoriqueData getHistorique() { return historique; } + public void setHistorique(HistoriqueData historique) { this.historique = historique; } + + public ContactData getContact() { return contact; } + public void setContact(ContactData contact) { this.contact = contact; } + + public Long getMembreId() { return membreId; } + public void setMembreId(Long membreId) { this.membreId = membreId; } + + // Classes internes + public static class Membre { + private Long id; + private String numeroMembre; + private String prenom; + private String nom; + private String email; + private String telephone; + private LocalDate dateNaissance; + private String genre; + private String situationFamiliale; + private String profession; + private String adresse; + private String ville; + private String pays; + private String typeMembre; + private String statut; + private String entite; + private LocalDate dateAdhesion; + private String cotisationStatut; + private int tauxParticipation; + private String photoUrl; + private List famille = new ArrayList<>(); + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + 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 String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public String getGenre() { return genre; } + public void setGenre(String genre) { this.genre = genre; } + + public String getSituationFamiliale() { return situationFamiliale; } + public void setSituationFamiliale(String situationFamiliale) { this.situationFamiliale = situationFamiliale; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getPays() { return pays; } + public void setPays(String pays) { this.pays = pays; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public LocalDate getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(LocalDate dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getCotisationStatut() { return cotisationStatut; } + public void setCotisationStatut(String cotisationStatut) { this.cotisationStatut = cotisationStatut; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public List getFamille() { return famille; } + public void setFamille(List famille) { this.famille = famille; } + + // Propriétés dérivées + public String getNomComplet() { + return prenom + " " + nom; + } + + public String getInitiales() { + return (prenom != null ? prenom.substring(0, 1) : "") + + (nom != null ? nom.substring(0, 1) : ""); + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIF" -> "success"; + case "INACTIF" -> "warning"; + case "SUSPENDU" -> "danger"; + case "RADIE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "ACTIF" -> "pi-check"; + case "INACTIF" -> "pi-pause"; + case "SUSPENDU" -> "pi-ban"; + case "RADIE" -> "pi-times"; + default -> "pi-circle"; + }; + } + + public String getTypeSeverity() { + return switch (typeMembre) { + case "ACTIF" -> "info"; + case "ASSOCIE" -> "success"; + case "BIENFAITEUR" -> "warning"; + case "HONORAIRE" -> "secondary"; + default -> "info"; + }; + } + + public String getTypeIcon() { + return switch (typeMembre) { + case "ACTIF" -> "pi-user"; + case "ASSOCIE" -> "pi-users"; + case "BIENFAITEUR" -> "pi-star"; + case "HONORAIRE" -> "pi-crown"; + default -> "pi-user"; + }; + } + + public String getAnciennete() { + if (dateAdhesion == null) return "N/A"; + long mois = java.time.temporal.ChronoUnit.MONTHS.between(dateAdhesion, LocalDate.now()); + if (mois < 12) return mois + " mois"; + return (mois / 12) + " an" + (mois / 12 > 1 ? "s" : ""); + } + + public String getCotisationColor() { + return cotisationStatut != null && cotisationStatut.equals("À jour") ? "text-green-500" : "text-red-500"; + } + } + + public static class MembreFamille { + private String nomComplet; + private String relation; + private LocalDate dateNaissance; + private boolean beneficiaire; + + // Getters et setters + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getRelation() { return relation; } + public void setRelation(String relation) { this.relation = relation; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public boolean isBeneficiaire() { return beneficiaire; } + public void setBeneficiaire(boolean beneficiaire) { this.beneficiaire = beneficiaire; } + } + + public static class Statistiques { + private int evenementsParticipes; + private int cotisationsPayees; + private int aidesRecues; + private int scoreEngagement; + private int tauxParticipation; + private int evenementsAnnee; + private int evenementsTotal; + private int evenementsOrganises; + private int absences; + + // Getters et setters + public int getEvenementsParticipes() { return evenementsParticipes; } + public void setEvenementsParticipes(int evenementsParticipes) { this.evenementsParticipes = evenementsParticipes; } + + public int getCotisationsPayees() { return cotisationsPayees; } + public void setCotisationsPayees(int cotisationsPayees) { this.cotisationsPayees = cotisationsPayees; } + + public int getAidesRecues() { return aidesRecues; } + public void setAidesRecues(int aidesRecues) { this.aidesRecues = aidesRecues; } + + public int getScoreEngagement() { return scoreEngagement; } + public void setScoreEngagement(int scoreEngagement) { this.scoreEngagement = scoreEngagement; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getEvenementsAnnee() { return evenementsAnnee; } + public void setEvenementsAnnee(int evenementsAnnee) { this.evenementsAnnee = evenementsAnnee; } + + public int getEvenementsTotal() { return evenementsTotal; } + public void setEvenementsTotal(int evenementsTotal) { this.evenementsTotal = evenementsTotal; } + + public int getEvenementsOrganises() { return evenementsOrganises; } + public void setEvenementsOrganises(int evenementsOrganises) { this.evenementsOrganises = evenementsOrganises; } + + public int getAbsences() { return absences; } + public void setAbsences(int absences) { this.absences = absences; } + } + + public static class CotisationsData { + private String statutActuel; + private String statutSeverity; + private String dernierPaiement; + private String prochaineEcheance; + private String prochaineEcheanceClass; + private String totalAnnee; + private List historique = new ArrayList<>(); + + // Getters et setters + public String getStatutActuel() { return statutActuel; } + public void setStatutActuel(String statutActuel) { this.statutActuel = statutActuel; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + + public String getDernierPaiement() { return dernierPaiement; } + public void setDernierPaiement(String dernierPaiement) { this.dernierPaiement = dernierPaiement; } + + public String getProchaineEcheance() { return prochaineEcheance; } + public void setProchaineEcheance(String prochaineEcheance) { this.prochaineEcheance = prochaineEcheance; } + + public String getProchaineEcheanceClass() { return prochaineEcheanceClass; } + public void setProchaineEcheanceClass(String prochaineEcheanceClass) { this.prochaineEcheanceClass = prochaineEcheanceClass; } + + public String getTotalAnnee() { return totalAnnee; } + public void setTotalAnnee(String totalAnnee) { this.totalAnnee = totalAnnee; } + + public List getHistorique() { return historique; } + public void setHistorique(List historique) { this.historique = historique; } + } + + public static class PaiementCotisation { + private LocalDate date; + private Double montant; + private String modePaiement; + private String modeIcon; + private String statut; + private String statutSeverity; + + // Getters et setters + public LocalDate getDate() { return date; } + public void setDate(LocalDate date) { this.date = date; } + + public Double getMontant() { return montant; } + public void setMontant(Double montant) { this.montant = montant; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + + public String getModeIcon() { return modeIcon; } + public void setModeIcon(String modeIcon) { this.modeIcon = modeIcon; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + } + + public static class EvenementsData { + private List recents = new ArrayList<>(); + + public List getRecents() { return recents; } + public void setRecents(List recents) { this.recents = recents; } + } + + public static class EvenementParticipation { + private String titre; + private String date; + private String lieu; + private String participation; + private String participationSeverity; + private String role; + private String typeIcon; + private String typeColorClass; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getParticipation() { return participation; } + public void setParticipation(String participation) { this.participation = participation; } + + public String getParticipationSeverity() { return participationSeverity; } + public void setParticipationSeverity(String participationSeverity) { this.participationSeverity = participationSeverity; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public String getTypeColorClass() { return typeColorClass; } + public void setTypeColorClass(String typeColorClass) { this.typeColorClass = typeColorClass; } + } + + public static class AidesData { + private List recues = new ArrayList<>(); + + public List getRecues() { return recues; } + public void setRecues(List recues) { this.recues = recues; } + } + + public static class Aide { + private String type; + private Double montant; + private LocalDate date; + private String statut; + private String statutSeverity; + private String typeIcon; + private String typeColor; + + // Getters et setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public Double getMontant() { return montant; } + public void setMontant(Double montant) { this.montant = montant; } + + public LocalDate getDate() { return date; } + public void setDate(LocalDate date) { this.date = date; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public String getTypeColor() { return typeColor; } + public void setTypeColor(String typeColor) { this.typeColor = typeColor; } + } + + public static class DemandesData { + private List enCours = new ArrayList<>(); + + public List getEnCours() { return enCours; } + public void setEnCours(List enCours) { this.enCours = enCours; } + } + + public static class Demande { + private String type; + private String objet; + private LocalDate dateDepot; + private String statut; + private String statutSeverity; + + // Getters et setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getObjet() { return objet; } + public void setObjet(String objet) { this.objet = objet; } + + public LocalDate getDateDepot() { return dateDepot; } + public void setDateDepot(LocalDate dateDepot) { this.dateDepot = dateDepot; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + } + + public static class HistoriqueData { + private List activites = new ArrayList<>(); + + public List getActivites() { return activites; } + public void setActivites(List activites) { this.activites = activites; } + } + + public static class Activite { + private String description; + private String date; + private String auteur; + private String icone; + private String couleur; + private String details; + + // Getters et setters + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getAuteur() { return auteur; } + public void setAuteur(String auteur) { this.auteur = auteur; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public String getDetails() { return details; } + public void setDetails(String details) { this.details = details; } + } + + public static class ContactData { + private String sujet; + private String message; + private List canaux = new ArrayList<>(); + + // Getters et setters + public String getSujet() { return sujet; } + public void setSujet(String sujet) { this.sujet = sujet; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public List getCanaux() { return canaux; } + public void setCanaux(List canaux) { this.canaux = canaux; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreRechercheBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreRechercheBean.java new file mode 100644 index 0000000..6d70e2f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/MembreRechercheBean.java @@ -0,0 +1,717 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("membreRechercheBean") +@SessionScoped +public class MembreRechercheBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private Filtres filtres; + private Statistiques statistiques; + private List resultats; + private List selectedMembres; + private List tousLesMembres; + private List entitesDisponibles; + private List recherchesSauvegardees; + private RechercheSauvegardee nouvelleRechercheSauvegardee; + private MessageGroupe messageGroupe; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeDonnees(); + initializeEntites(); + initializeRecherchesSauvegardees(); + initializeMessageGroupe(); + effectuerRecherche(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + filtres.setStatuts(new ArrayList<>()); + filtres.setTypesMembre(new ArrayList<>()); + filtres.setEntites(new ArrayList<>()); + filtres.setStatutsCotisation(new ArrayList<>()); + filtres.setGenres(new ArrayList<>()); + } + + private void initializeStatistiques() { + statistiques = new Statistiques(); + statistiques.setTotalMembres(234); + statistiques.setResultatsActuels(0); + statistiques.setFiltresActifs(0); + statistiques.setTempsRecherche(25); + } + + private void initializeDonnees() { + tousLesMembres = new ArrayList<>(); + selectedMembres = new ArrayList<>(); + + // Génération de données de test + String[] noms = {"DIALLO", "FALL", "NDIAYE", "DIOUF", "SARR", "BA", "SALL", "TOURE", "GUEYE", "NDOUR"}; + String[] prenoms = {"Amadou", "Fatou", "Ousmane", "Awa", "Mamadou", "Aida", "Ibrahima", "Mariam", "Moussa", "Khady"}; + String[] professions = {"Enseignant", "Médecin", "Ingénieur", "Commerçant", "Agriculteur", "Fonctionnaire", "Artisan", "Avocat"}; + String[] villes = {"Dakar", "Thiès", "Kaolack", "Saint-Louis", "Ziguinchor", "Diourbel", "Tambacounda"}; + String[] typesMembre = {"ACTIF", "ASSOCIE", "BIENFAITEUR", "HONORAIRE"}; + String[] statuts = {"ACTIF", "INACTIF", "SUSPENDU"}; + String[] entites = {"LIONS CLUB Dakar Métropole", "LIONS CLUB Thiès", "LIONS CLUB Kaolack"}; + + for (int i = 1; i <= 50; i++) { + Membre membre = new Membre(); + membre.setId((long) i); + membre.setNumeroMembre("M2024" + String.format("%03d", i)); + membre.setNom(noms[i % noms.length]); + membre.setPrenom(prenoms[i % prenoms.length]); + membre.setEmail(membre.getPrenom().toLowerCase() + "." + membre.getNom().toLowerCase() + "@email.com"); + membre.setTelephone("77 123 45 " + String.format("%02d", i)); + membre.setProfession(professions[i % professions.length]); + membre.setVille(villes[i % villes.length]); + membre.setTypeMembre(typesMembre[i % typesMembre.length]); + membre.setStatut(statuts[i % statuts.length]); + membre.setEntite(entites[i % entites.length]); + membre.setDateAdhesion(LocalDate.now().minusMonths(i)); + membre.setCotisationStatut(i % 5 == 0 ? "En retard" : "À jour"); + membre.setTauxParticipation(60 + (i % 40)); + membre.setEvenementsAnnee(i % 15 + 2); + membre.setGenre(i % 2 == 0 ? "M" : "F"); + membre.setAge(25 + (i % 40)); + membre.setADesEnfants(i % 3 == 0); + membre.setARecuAides(i % 7 == 0); + + tousLesMembres.add(membre); + } + + resultats = new ArrayList<>(tousLesMembres); + } + + private void initializeEntites() { + entitesDisponibles = new ArrayList<>(); + for (int i = 1; i <= 5; i++) { + Entite entite = new Entite(); + entite.setId((long) i); + entite.setNom("LIONS CLUB " + (i == 1 ? "Dakar Métropole" : + i == 2 ? "Thiès" : + i == 3 ? "Kaolack" : + i == 4 ? "Saint-Louis" : "Ziguinchor")); + entitesDisponibles.add(entite); + } + } + + private void initializeRecherchesSauvegardees() { + recherchesSauvegardees = new ArrayList<>(); + + RechercheSauvegardee recherche1 = new RechercheSauvegardee(); + recherche1.setId(1L); + recherche1.setNom("Membres actifs 2024"); + recherche1.setDescription("Tous les membres actifs adhérés en 2024"); + recherche1.setNombreCriteres(3); + recherche1.setDateCreation(LocalDate.now().minusDays(5)); + recherche1.setPublique(true); + recherchesSauvegardees.add(recherche1); + + RechercheSauvegardee recherche2 = new RechercheSauvegardee(); + recherche2.setId(2L); + recherche2.setNom("Cotisations en retard"); + recherche2.setDescription("Membres avec cotisations en retard"); + recherche2.setNombreCriteres(2); + recherche2.setDateCreation(LocalDate.now().minusDays(2)); + recherche2.setPublique(false); + recherchesSauvegardees.add(recherche2); + + nouvelleRechercheSauvegardee = new RechercheSauvegardee(); + } + + private void initializeMessageGroupe() { + messageGroupe = new MessageGroupe(); + messageGroupe.setCanaux(new ArrayList<>()); + } + + // Actions principales + public void effectuerRecherche() { + long startTime = System.currentTimeMillis(); + + resultats = tousLesMembres.stream() + .filter(this::appliquerFiltres) + .collect(Collectors.toList()); + + long endTime = System.currentTimeMillis(); + + // Mise à jour des statistiques + statistiques.setResultatsActuels(resultats.size()); + statistiques.setFiltresActifs(compterFiltresActifs()); + statistiques.setTempsRecherche((int)(endTime - startTime)); + + selectedMembres.clear(); + } + + private boolean appliquerFiltres(Membre membre) { + // Filtre nom + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) { + if (!membre.getNom().toLowerCase().contains(filtres.getNom().toLowerCase())) { + return false; + } + } + + // Filtre prénom + if (filtres.getPrenom() != null && !filtres.getPrenom().trim().isEmpty()) { + if (!membre.getPrenom().toLowerCase().contains(filtres.getPrenom().toLowerCase())) { + return false; + } + } + + // Filtre email + if (filtres.getEmail() != null && !filtres.getEmail().trim().isEmpty()) { + if (!membre.getEmail().toLowerCase().contains(filtres.getEmail().toLowerCase())) { + return false; + } + } + + // Filtre téléphone + if (filtres.getTelephone() != null && !filtres.getTelephone().trim().isEmpty()) { + if (!membre.getTelephone().contains(filtres.getTelephone())) { + return false; + } + } + + // Filtre numéro membre + if (filtres.getNumeroMembre() != null && !filtres.getNumeroMembre().trim().isEmpty()) { + if (!membre.getNumeroMembre().toLowerCase().contains(filtres.getNumeroMembre().toLowerCase())) { + return false; + } + } + + // Filtre profession + if (filtres.getProfession() != null && !filtres.getProfession().trim().isEmpty()) { + if (!membre.getProfession().toLowerCase().contains(filtres.getProfession().toLowerCase())) { + return false; + } + } + + // Filtre statuts + if (filtres.getStatuts() != null && !filtres.getStatuts().isEmpty()) { + if (!filtres.getStatuts().contains(membre.getStatut())) { + return false; + } + } + + // Filtre types membre + if (filtres.getTypesMembre() != null && !filtres.getTypesMembre().isEmpty()) { + if (!filtres.getTypesMembre().contains(membre.getTypeMembre())) { + return false; + } + } + + // Filtre âge + if (filtres.getAgeMin() != null && membre.getAge() < filtres.getAgeMin()) { + return false; + } + if (filtres.getAgeMax() != null && membre.getAge() > filtres.getAgeMax()) { + return false; + } + + // Filtre ville + if (filtres.getVille() != null && !filtres.getVille().trim().isEmpty()) { + if (!membre.getVille().toLowerCase().contains(filtres.getVille().toLowerCase())) { + return false; + } + } + + // Filtre genres + if (filtres.getGenres() != null && !filtres.getGenres().isEmpty()) { + if (!filtres.getGenres().contains(membre.getGenre())) { + return false; + } + } + + // Filtre taux participation + if (filtres.getTauxParticipationMin() != null && membre.getTauxParticipation() < filtres.getTauxParticipationMin()) { + return false; + } + + // Filtre événements min + if (filtres.getEvenementsMin() != null && membre.getEvenementsAnnee() < filtres.getEvenementsMin()) { + return false; + } + + // Filtre a des enfants + if (filtres.getADesEnfants() != null && filtres.getADesEnfants() && !membre.isADesEnfants()) { + return false; + } + + // Filtre a reçu aides + if (filtres.getARecuAides() != null && filtres.getARecuAides() && !membre.isARecuAides()) { + return false; + } + + // Filtre dates d'adhésion + if (filtres.getDateAdhesionDebut() != null && membre.getDateAdhesion().isBefore(filtres.getDateAdhesionDebut())) { + return false; + } + if (filtres.getDateAdhesionFin() != null && membre.getDateAdhesion().isAfter(filtres.getDateAdhesionFin())) { + return false; + } + + return true; + } + + private int compterFiltresActifs() { + int count = 0; + + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) count++; + if (filtres.getPrenom() != null && !filtres.getPrenom().trim().isEmpty()) count++; + if (filtres.getEmail() != null && !filtres.getEmail().trim().isEmpty()) count++; + if (filtres.getTelephone() != null && !filtres.getTelephone().trim().isEmpty()) count++; + if (filtres.getNumeroMembre() != null && !filtres.getNumeroMembre().trim().isEmpty()) count++; + if (filtres.getProfession() != null && !filtres.getProfession().trim().isEmpty()) count++; + if (filtres.getStatuts() != null && !filtres.getStatuts().isEmpty()) count++; + if (filtres.getTypesMembre() != null && !filtres.getTypesMembre().isEmpty()) count++; + if (filtres.getAgeMin() != null) count++; + if (filtres.getAgeMax() != null) count++; + if (filtres.getVille() != null && !filtres.getVille().trim().isEmpty()) count++; + if (filtres.getGenres() != null && !filtres.getGenres().isEmpty()) count++; + if (filtres.getTauxParticipationMin() != null) count++; + if (filtres.getEvenementsMin() != null) count++; + if (filtres.getCotisationsMin() != null) count++; + if (filtres.getADesEnfants() != null && filtres.getADesEnfants()) count++; + if (filtres.getARecuAides() != null && filtres.getARecuAides()) count++; + if (filtres.getDateAdhesionDebut() != null) count++; + if (filtres.getDateAdhesionFin() != null) count++; + + return count; + } + + public void reinitialiserFiltres() { + initializeFiltres(); + effectuerRecherche(); + } + + public void actualiserResultats() { + effectuerRecherche(); + } + + public void nouvelleRecherche() { + reinitialiserFiltres(); + } + + // Actions sur les membres + public String voirProfil(Membre membre) { + return "/pages/secure/membre/profil?id=" + membre.getId() + "&faces-redirect=true"; + } + + public void contacterMembre(Membre membre) { + System.out.println("Contacter le membre: " + membre.getNomComplet()); + } + + public void ajouterAuGroupe(Membre membre) { + System.out.println("Ajouter au groupe: " + membre.getNomComplet()); + } + + // Gestion des recherches sauvegardées + public void sauvegarderRecherche() { + nouvelleRechercheSauvegardee.setId((long) (recherchesSauvegardees.size() + 1)); + nouvelleRechercheSauvegardee.setNombreCriteres(compterFiltresActifs()); + nouvelleRechercheSauvegardee.setDateCreation(LocalDate.now()); + + recherchesSauvegardees.add(nouvelleRechercheSauvegardee); + + System.out.println("Recherche sauvegardée: " + nouvelleRechercheSauvegardee.getNom()); + + nouvelleRechercheSauvegardee = new RechercheSauvegardee(); + } + + public void chargerRecherche(RechercheSauvegardee recherche) { + // Simuler le chargement des critères + reinitialiserFiltres(); + + if (recherche.getNom().contains("actifs")) { + filtres.getStatuts().add("ACTIF"); + } + if (recherche.getNom().contains("retard")) { + filtres.getStatutsCotisation().add("EN_RETARD"); + } + + effectuerRecherche(); + System.out.println("Recherche chargée: " + recherche.getNom()); + } + + public void supprimerRecherche(RechercheSauvegardee recherche) { + recherchesSauvegardees.remove(recherche); + System.out.println("Recherche supprimée: " + recherche.getNom()); + } + + // Actions groupées + public void envoyerMessageGroupe() { + System.out.println("Message '" + messageGroupe.getSujet() + "' envoyé à " + + selectedMembres.size() + " membres via " + messageGroupe.getCanaux()); + + messageGroupe = new MessageGroupe(); + messageGroupe.setCanaux(new ArrayList<>()); + } + + public void exporterSelection() { + System.out.println("Export de " + selectedMembres.size() + " membres sélectionnés"); + } + + // Méthodes d'autocomplétion + public List completerProfessions(String query) { + List professions = List.of("Enseignant", "Médecin", "Ingénieur", "Commerçant", "Agriculteur", + "Fonctionnaire", "Artisan", "Avocat", "Architecte", "Pharmacien"); + return professions.stream() + .filter(profession -> profession.toLowerCase().contains(query.toLowerCase())) + .collect(Collectors.toList()); + } + + public List completerVilles(String query) { + List villes = List.of("Dakar", "Thiès", "Kaolack", "Saint-Louis", "Ziguinchor", + "Diourbel", "Tambacounda", "Kolda", "Fatick", "Louga"); + return villes.stream() + .filter(ville -> ville.toLowerCase().contains(query.toLowerCase())) + .collect(Collectors.toList()); + } + + // Getters et Setters + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public Statistiques getStatistiques() { return statistiques; } + public void setStatistiques(Statistiques statistiques) { this.statistiques = statistiques; } + + public List getResultats() { return resultats; } + public void setResultats(List resultats) { this.resultats = resultats; } + + public List getSelectedMembres() { return selectedMembres; } + public void setSelectedMembres(List selectedMembres) { this.selectedMembres = selectedMembres; } + + public List getEntitesDisponibles() { return entitesDisponibles; } + public void setEntitesDisponibles(List entitesDisponibles) { this.entitesDisponibles = entitesDisponibles; } + + public List getRecherchesSauvegardees() { return recherchesSauvegardees; } + public void setRecherchesSauvegardees(List recherchesSauvegardees) { this.recherchesSauvegardees = recherchesSauvegardees; } + + public RechercheSauvegardee getNouvelleRechercheSauvegardee() { return nouvelleRechercheSauvegardee; } + public void setNouvelleRechercheSauvegardee(RechercheSauvegardee nouvelleRechercheSauvegardee) { this.nouvelleRechercheSauvegardee = nouvelleRechercheSauvegardee; } + + public MessageGroupe getMessageGroupe() { return messageGroupe; } + public void setMessageGroupe(MessageGroupe messageGroupe) { this.messageGroupe = messageGroupe; } + + // Classes internes + public static class Filtres { + private String nom; + private String prenom; + private String email; + private String telephone; + private String numeroMembre; + private String profession; + private List statuts = new ArrayList<>(); + private List typesMembre = new ArrayList<>(); + private List entites = new ArrayList<>(); + private List statutsCotisation = new ArrayList<>(); + private List genres = new ArrayList<>(); + private Integer ageMin; + private Integer ageMax; + private String ville; + private LocalDate dateAdhesionDebut; + private LocalDate dateAdhesionFin; + private Integer tauxParticipationMin; + private Integer evenementsMin; + private Integer cotisationsMin; + private Boolean aDesEnfants; + private Boolean aRecuAides; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public List getStatuts() { return statuts; } + public void setStatuts(List statuts) { this.statuts = statuts; } + + public List getTypesMembre() { return typesMembre; } + public void setTypesMembre(List typesMembre) { this.typesMembre = typesMembre; } + + public List getEntites() { return entites; } + public void setEntites(List entites) { this.entites = entites; } + + public List getStatutsCotisation() { return statutsCotisation; } + public void setStatutsCotisation(List statutsCotisation) { this.statutsCotisation = statutsCotisation; } + + public List getGenres() { return genres; } + public void setGenres(List genres) { this.genres = genres; } + + public Integer getAgeMin() { return ageMin; } + public void setAgeMin(Integer ageMin) { this.ageMin = ageMin; } + + public Integer getAgeMax() { return ageMax; } + public void setAgeMax(Integer ageMax) { this.ageMax = ageMax; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public LocalDate getDateAdhesionDebut() { return dateAdhesionDebut; } + public void setDateAdhesionDebut(LocalDate dateAdhesionDebut) { this.dateAdhesionDebut = dateAdhesionDebut; } + + public LocalDate getDateAdhesionFin() { return dateAdhesionFin; } + public void setDateAdhesionFin(LocalDate dateAdhesionFin) { this.dateAdhesionFin = dateAdhesionFin; } + + public Integer getTauxParticipationMin() { return tauxParticipationMin; } + public void setTauxParticipationMin(Integer tauxParticipationMin) { this.tauxParticipationMin = tauxParticipationMin; } + + public Integer getEvenementsMin() { return evenementsMin; } + public void setEvenementsMin(Integer evenementsMin) { this.evenementsMin = evenementsMin; } + + public Integer getCotisationsMin() { return cotisationsMin; } + public void setCotisationsMin(Integer cotisationsMin) { this.cotisationsMin = cotisationsMin; } + + public Boolean getADesEnfants() { return aDesEnfants; } + public void setADesEnfants(Boolean aDesEnfants) { this.aDesEnfants = aDesEnfants; } + + public Boolean getARecuAides() { return aRecuAides; } + public void setARecuAides(Boolean aRecuAides) { this.aRecuAides = aRecuAides; } + } + + public static class Statistiques { + private int totalMembres; + private int resultatsActuels; + private int filtresActifs; + private int tempsRecherche; + + // Getters et setters + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public int getResultatsActuels() { return resultatsActuels; } + public void setResultatsActuels(int resultatsActuels) { this.resultatsActuels = resultatsActuels; } + + public int getFiltresActifs() { return filtresActifs; } + public void setFiltresActifs(int filtresActifs) { this.filtresActifs = filtresActifs; } + + public int getTempsRecherche() { return tempsRecherche; } + public void setTempsRecherche(int tempsRecherche) { this.tempsRecherche = tempsRecherche; } + } + + public static class Membre { + private Long id; + private String numeroMembre; + private String nom; + private String prenom; + private String email; + private String telephone; + private String profession; + private String ville; + private String typeMembre; + private String statut; + private String entite; + private LocalDate dateAdhesion; + private String cotisationStatut; + private int tauxParticipation; + private int evenementsAnnee; + private String photoUrl; + private String genre; + private int age; + private boolean aDesEnfants; + private boolean aRecuAides; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public LocalDate getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(LocalDate dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getCotisationStatut() { return cotisationStatut; } + public void setCotisationStatut(String cotisationStatut) { this.cotisationStatut = cotisationStatut; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getEvenementsAnnee() { return evenementsAnnee; } + public void setEvenementsAnnee(int evenementsAnnee) { this.evenementsAnnee = evenementsAnnee; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public String getGenre() { return genre; } + public void setGenre(String genre) { this.genre = genre; } + + public int getAge() { return age; } + public void setAge(int age) { this.age = age; } + + public boolean isADesEnfants() { return aDesEnfants; } + public void setADesEnfants(boolean aDesEnfants) { this.aDesEnfants = aDesEnfants; } + + public boolean isARecuAides() { return aRecuAides; } + public void setARecuAides(boolean aRecuAides) { this.aRecuAides = aRecuAides; } + + // Propriétés dérivées + public String getNomComplet() { + return prenom + " " + nom; + } + + public String getInitiales() { + return (prenom != null ? prenom.substring(0, 1) : "") + + (nom != null ? nom.substring(0, 1) : ""); + } + + public String getTypeSeverity() { + return switch (typeMembre) { + case "ACTIF" -> "info"; + case "ASSOCIE" -> "success"; + case "BIENFAITEUR" -> "warning"; + case "HONORAIRE" -> "secondary"; + default -> "info"; + }; + } + + public String getTypeIcon() { + return switch (typeMembre) { + case "ACTIF" -> "pi-user"; + case "ASSOCIE" -> "pi-users"; + case "BIENFAITEUR" -> "pi-star"; + case "HONORAIRE" -> "pi-crown"; + default -> "pi-user"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIF" -> "success"; + case "INACTIF" -> "warning"; + case "SUSPENDU" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "ACTIF" -> "pi-check"; + case "INACTIF" -> "pi-pause"; + case "SUSPENDU" -> "pi-ban"; + default -> "pi-circle"; + }; + } + + public String getAnciennete() { + if (dateAdhesion == null) return "N/A"; + long mois = java.time.temporal.ChronoUnit.MONTHS.between(dateAdhesion, LocalDate.now()); + if (mois < 12) return mois + " mois"; + return (mois / 12) + " an" + (mois / 12 > 1 ? "s" : ""); + } + + public String getDernierPaiement() { + return cotisationStatut.equals("À jour") ? "Ce mois" : "En retard"; + } + + public String getCotisationColor() { + return cotisationStatut.equals("À jour") ? "text-green-500" : "text-red-500"; + } + } + + public static class Entite { + private Long id; + private String nom; + + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } + + public static class RechercheSauvegardee { + private Long id; + private String nom; + private String description; + private int nombreCriteres; + private LocalDate dateCreation; + private boolean publique; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public int getNombreCriteres() { return nombreCriteres; } + public void setNombreCriteres(int nombreCriteres) { this.nombreCriteres = nombreCriteres; } + + public LocalDate getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDate dateCreation) { this.dateCreation = dateCreation; } + + public boolean isPublique() { return publique; } + public void setPublique(boolean publique) { this.publique = publique; } + } + + public static class MessageGroupe { + private String sujet; + private String contenu; + private List canaux = new ArrayList<>(); + + // Getters et setters + public String getSujet() { return sujet; } + public void setSujet(String sujet) { this.sujet = sujet; } + + public String getContenu() { return contenu; } + public void setContenu(String contenu) { this.contenu = contenu; } + + public List getCanaux() { return canaux; } + public void setCanaux(List canaux) { this.canaux = canaux; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/NavigationBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/NavigationBean.java new file mode 100644 index 0000000..06aa10b --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/NavigationBean.java @@ -0,0 +1,135 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.security.JwtTokenManager; +import jakarta.enterprise.context.RequestScoped; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.IOException; +import java.io.Serializable; +import java.util.logging.Logger; + +@Named("navigationBean") +@RequestScoped +public class NavigationBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(NavigationBean.class.getName()); + + @Inject + private UserSession userSession; + + @Inject + private JwtTokenManager tokenManager; + + public void checkAuthentication() throws IOException { + FacesContext context = FacesContext.getCurrentInstance(); + + if (isUserAuthenticated()) { + // L'utilisateur est connecté, rediriger vers le dashboard approprié + String dashboardUrl = getDashboardUrlForUserType(); + context.getExternalContext().redirect( + context.getExternalContext().getRequestContextPath() + dashboardUrl + ); + } else { + // L'utilisateur n'est pas connecté, rediriger vers la page de login + context.getExternalContext().redirect( + context.getExternalContext().getRequestContextPath() + "/pages/public/login.xhtml" + ); + } + } + + public String redirectToLogin() { + return "/pages/public/login?faces-redirect=true"; + } + + public String goToDashboard() { + if (!isUserAuthenticated()) { + return redirectToLogin(); + } + + return getDashboardUrlForUserType() + "?faces-redirect=true"; + } + + public String redirectToDashboard() { + return goToDashboard(); + } + + public String goToProfile() { + if (!isUserAuthenticated()) { + return redirectToLogin(); + } + + return "/pages/secure/profile?faces-redirect=true"; + } + + public String goToSettings() { + if (!isUserAuthenticated()) { + return redirectToLogin(); + } + + if (userSession.isSuperAdmin()) { + return "/pages/super-admin/configuration/systeme?faces-redirect=true"; + } else if (userSession.isAdmin()) { + return "/pages/admin/parametres?faces-redirect=true"; + } else { + return "/pages/membre/parametres?faces-redirect=true"; + } + } + + private boolean isUserAuthenticated() { + return userSession != null && + userSession.isAuthenticated() && + tokenManager != null && + tokenManager.hasValidTokens(); + } + + private String getDashboardUrlForUserType() { + if (userSession == null || userSession.getTypeCompte() == null) { + return "/pages/secure/dashboard.xhtml"; + } + + switch (userSession.getTypeCompte()) { + case "SUPER_ADMIN": + return "/pages/super-admin/dashboard.xhtml"; + case "ADMIN_ENTITE": + return "/pages/admin/dashboard.xhtml"; + case "MEMBRE": + return "/pages/membre/dashboard.xhtml"; + default: + LOGGER.warning("Type de compte non reconnu: " + userSession.getTypeCompte()); + return "/pages/secure/dashboard.xhtml"; + } + } + + public boolean canAccessSuperAdminPages() { + return isUserAuthenticated() && userSession.isSuperAdmin(); + } + + public boolean canAccessAdminPages() { + return isUserAuthenticated() && userSession.isAdmin(); + } + + public boolean canAccessMemberPages() { + return isUserAuthenticated() && userSession.isMembre(); + } + + public String getCurrentPageTitle() { + FacesContext context = FacesContext.getCurrentInstance(); + String viewId = context.getViewRoot().getViewId(); + + if (viewId.contains("dashboard")) { + return "Tableau de Bord"; + } else if (viewId.contains("membres")) { + return "Gestion des Membres"; + } else if (viewId.contains("entites")) { + return "Gestion des Entités"; + } else if (viewId.contains("configuration")) { + return "Configuration"; + } else if (viewId.contains("rapports")) { + return "Rapports et Statistiques"; + } + + return "UnionFlow"; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/RapportsBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/RapportsBean.java new file mode 100644 index 0000000..9a63202 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/RapportsBean.java @@ -0,0 +1,736 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.math.BigDecimal; + +@Named("rapportsBean") +@SessionScoped +public class RapportsBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private String periodeRapide; + private LocalDate dateDebut; + private LocalDate dateFin; + private String groupeComparaison; + + private IndicateursGlobaux indicateurs; + private List evolutionMensuelle; + private List objectifs; + private List repartitionMembres; + private List sourceRevenus; + private List topEntites; + private List kpis; + private List alertes; + private List historiqueRapports; + + private NouveauRapport nouveauRapport; + private HistoriqueRapport rapportSelectionne; + + @PostConstruct + public void init() { + initializePeriodes(); + initializeIndicateurs(); + initializeEvolutionMensuelle(); + initializeObjectifs(); + initializeRepartitions(); + initializeTopEntites(); + initializeKPIs(); + initializeAlertes(); + initializeHistoriqueRapports(); + initializeNouveauRapport(); + } + + private void initializePeriodes() { + periodeRapide = "30_JOURS"; + dateDebut = LocalDate.now().minusDays(30); + dateFin = LocalDate.now(); + groupeComparaison = "PERIODE_PRECEDENTE"; + } + + private void initializeIndicateurs() { + indicateurs = new IndicateursGlobaux(); + indicateurs.setTotalMembres(1247); + indicateurs.setCroissanceMembres(8.5); + indicateurs.setRevenus("45 750 000 FCFA"); + indicateurs.setCroissanceRevenus(12.3); + indicateurs.setTotalEvenements(42); + indicateurs.setCroissanceEvenements(15.7); + indicateurs.setTotalAides("12 850 000 FCFA"); + indicateurs.setCroissanceAides(22.1); + } + + private void initializeEvolutionMensuelle() { + evolutionMensuelle = new ArrayList<>(); + String[] mois = {"Jan", "Fév", "Mar", "Avr", "Mai", "Jun"}; + int[] membres = {1150, 1180, 1205, 1225, 1240, 1247}; + double[] revenus = {3.2, 3.8, 4.1, 4.5, 3.9, 4.2}; + + for (int i = 0; i < mois.length; i++) { + EvolutionMensuelle evolution = new EvolutionMensuelle(); + evolution.setLibelle(mois[i]); + evolution.setMembres(membres[i]); + evolution.setRevenus(revenus[i]); + evolution.setHauteurMembres((int) ((membres[i] - 1100) / 2)); + evolution.setHauteurRevenus((int) (revenus[i] * 15)); + evolutionMensuelle.add(evolution); + } + } + + private void initializeObjectifs() { + objectifs = new ArrayList<>(); + + Objectif obj1 = new Objectif(); + obj1.setLibelle("Nouveaux Membres"); + obj1.setRealise("247"); + obj1.setCible("300"); + obj1.setPourcentage(82); + objectifs.add(obj1); + + Objectif obj2 = new Objectif(); + obj2.setLibelle("Revenus Cotisations"); + obj2.setRealise("38.5M"); + obj2.setCible("45M"); + obj2.setPourcentage(86); + objectifs.add(obj2); + + Objectif obj3 = new Objectif(); + obj3.setLibelle("Événements Organisés"); + obj3.setRealise("42"); + obj3.setCible("50"); + obj3.setPourcentage(84); + objectifs.add(obj3); + + Objectif obj4 = new Objectif(); + obj4.setLibelle("Aides Accordées"); + obj4.setRealise("156"); + obj4.setCible("200"); + obj4.setPourcentage(78); + objectifs.add(obj4); + } + + private void initializeRepartitions() { + repartitionMembres = new ArrayList<>(); + + RepartitionMembres actifs = new RepartitionMembres(); + actifs.setLibelle("Membres Actifs"); + actifs.setNombre(987); + actifs.setPourcentage(79.2); + actifs.setCouleur("green-500"); + repartitionMembres.add(actifs); + + RepartitionMembres inactifs = new RepartitionMembres(); + inactifs.setLibelle("Membres Inactifs"); + inactifs.setNombre(185); + inactifs.setPourcentage(14.8); + inactifs.setCouleur("orange-500"); + repartitionMembres.add(inactifs); + + RepartitionMembres nouveaux = new RepartitionMembres(); + nouveaux.setLibelle("Nouveaux Membres"); + nouveaux.setNombre(75); + nouveaux.setPourcentage(6.0); + nouveaux.setCouleur("blue-500"); + repartitionMembres.add(nouveaux); + + sourceRevenus = new ArrayList<>(); + + SourceRevenus cotisations = new SourceRevenus(); + cotisations.setLibelle("Cotisations"); + cotisations.setMontant("28.5M FCFA"); + cotisations.setPourcentage(62.3); + cotisations.setCouleur("blue-500"); + cotisations.setIcon("pi-users"); + sourceRevenus.add(cotisations); + + SourceRevenus evenements = new SourceRevenus(); + evenements.setLibelle("Événements"); + evenements.setMontant("12.8M FCFA"); + evenements.setPourcentage(28.0); + evenements.setCouleur("green-500"); + evenements.setIcon("pi-calendar"); + sourceRevenus.add(evenements); + + SourceRevenus dons = new SourceRevenus(); + dons.setLibelle("Dons & Subventions"); + dons.setMontant("4.4M FCFA"); + dons.setPourcentage(9.7); + dons.setCouleur("purple-500"); + dons.setIcon("pi-heart"); + sourceRevenus.add(dons); + } + + private void initializeTopEntites() { + topEntites = new ArrayList<>(); + + String[] noms = { + "Association Alpha Centrale", "Club Beta Régional", "Groupe Gamma Local", + "Association Delta Nord", "Club Epsilon Sud" + }; + + String[] icons = {"pi-users", "pi-home", "pi-sitemap", "pi-users", "pi-home"}; + int[] scores = {95, 89, 84, 78, 72}; + String[] tendances = {"UP", "UP", "STABLE", "DOWN", "UP"}; + + for (int i = 0; i < noms.length; i++) { + TopEntite entite = new TopEntite(); + entite.setRang(i + 1); + entite.setNom(noms[i]); + entite.setTypeIcon(icons[i]); + entite.setScore(scores[i]); + entite.setTendance(tendances[i]); + topEntites.add(entite); + } + } + + private void initializeKPIs() { + kpis = new ArrayList<>(); + + KPI participation = new KPI(); + participation.setLibelle("Taux de Participation"); + participation.setValeur("84%"); + participation.setProgression(84); + participation.setVariation(5.2); + participation.setTendance("UP"); + participation.setIcon("pi-users"); + participation.setCouleur("blue-500"); + kpis.add(participation); + + KPI satisfaction = new KPI(); + satisfaction.setLibelle("Satisfaction Membres"); + satisfaction.setValeur("92%"); + satisfaction.setProgression(92); + satisfaction.setVariation(3.1); + satisfaction.setTendance("UP"); + satisfaction.setIcon("pi-star"); + satisfaction.setCouleur("green-500"); + kpis.add(satisfaction); + + KPI retention = new KPI(); + retention.setLibelle("Taux de Rétention"); + retention.setValeur("88%"); + retention.setProgression(88); + retention.setVariation(-1.8); + retention.setTendance("DOWN"); + retention.setIcon("pi-refresh"); + retention.setCouleur("orange-500"); + kpis.add(retention); + + KPI croissance = new KPI(); + croissance.setLibelle("Croissance Mensuelle"); + croissance.setValeur("2.1%"); + croissance.setProgression(75); + croissance.setVariation(0.8); + croissance.setTendance("UP"); + croissance.setIcon("pi-chart-line"); + croissance.setCouleur("purple-500"); + kpis.add(croissance); + } + + private void initializeAlertes() { + alertes = new ArrayList<>(); + + Alerte baisseCotisations = new Alerte(); + baisseCotisations.setTitre("Baisse des Cotisations"); + baisseCotisations.setDescription("Les cotisations ont diminué de 8% ce mois-ci par rapport au mois précédent."); + baisseCotisations.setPriorite("HAUTE"); + baisseCotisations.setSeverite("warning"); + baisseCotisations.setSeveriteCouleur("orange-500"); + baisseCotisations.setIcon("pi-exclamation-triangle"); + baisseCotisations.setDateDetection("Il y a 2 jours"); + alertes.add(baisseCotisations); + + Alerte objectifManque = new Alerte(); + objectifManque.setTitre("Objectif Membres Non Atteint"); + objectifManque.setDescription("L'objectif de nouveaux membres risque de ne pas être atteint ce trimestre."); + objectifManque.setPriorite("MOYENNE"); + objectifManque.setSeverite("info"); + objectifManque.setSeveriteCouleur("blue-500"); + objectifManque.setIcon("pi-info-circle"); + objectifManque.setDateDetection("Il y a 5 jours"); + alertes.add(objectifManque); + + Alerte budgetDepasse = new Alerte(); + budgetDepasse.setTitre("Budget Événements Dépassé"); + budgetDepasse.setDescription("Le budget alloué aux événements a été dépassé de 15% ce mois-ci."); + budgetDepasse.setPriorite("CRITIQUE"); + budgetDepasse.setSeverite("danger"); + budgetDepasse.setSeveriteCouleur("red-500"); + budgetDepasse.setIcon("pi-exclamation-circle"); + budgetDepasse.setDateDetection("Hier"); + alertes.add(budgetDepasse); + + Alerte performance = new Alerte(); + performance.setTitre("Performance Excellente"); + performance.setDescription("Félicitations ! La satisfaction des membres a atteint un niveau record de 92%."); + performance.setPriorite("INFO"); + performance.setSeverite("success"); + performance.setSeveriteCouleur("green-500"); + performance.setIcon("pi-check-circle"); + performance.setDateDetection("Il y a 1 semaine"); + alertes.add(performance); + } + + private void initializeHistoriqueRapports() { + historiqueRapports = new ArrayList<>(); + + String[] types = {"FINANCIER", "MEMBRES", "ACTIVITES", "PERFORMANCE", "COMPLET"}; + String[] typesLibelles = {"Rapport Financier", "Rapport Membres", "Rapport Activités", "Rapport Performance", "Rapport Complet"}; + String[] typeIcons = {"pi-dollar", "pi-users", "pi-calendar", "pi-chart-bar", "pi-file"}; + String[] typeCouleurs = {"green-500", "blue-500", "orange-500", "purple-500", "indigo-500"}; + String[] generesPar = {"Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné"}; + String[] statuts = {"GENERE", "EN_COURS", "GENERE", "GENERE", "PLANIFIE"}; + + for (int i = 0; i < 15; i++) { + HistoriqueRapport rapport = new HistoriqueRapport(); + rapport.setId((long) (i + 1)); + rapport.setType(types[i % types.length]); + rapport.setTypeLibelle(typesLibelles[i % typesLibelles.length]); + rapport.setTypeIcon(typeIcons[i % typeIcons.length]); + rapport.setTypeCouleur(typeCouleurs[i % typeCouleurs.length]); + rapport.setDateGeneration(LocalDate.now().minusDays(i * 7 + 1)); + rapport.setPeriodeCouverte(getDescriptionPeriode(i)); + rapport.setGenerePar(generesPar[i % generesPar.length]); + rapport.setStatut(statuts[i % statuts.length]); + historiqueRapports.add(rapport); + } + } + + private String getDescriptionPeriode(int index) { + return switch (index % 5) { + case 0 -> "Dernières 4 semaines"; + case 1 -> "Trimestre en cours"; + case 2 -> "6 derniers mois"; + case 3 -> "Année en cours"; + default -> "Période personnalisée"; + }; + } + + private void initializeNouveauRapport() { + nouveauRapport = new NouveauRapport(); + nouveauRapport.setFormat("PDF"); + nouveauRapport.setPeriode("30_JOURS"); + nouveauRapport.setDetail("STANDARD"); + } + + // Actions + public void genererRapport() { + System.out.println("Génération du rapport " + nouveauRapport.getType() + " en format " + nouveauRapport.getFormat()); + + HistoriqueRapport nouveauHistorique = new HistoriqueRapport(); + nouveauHistorique.setId((long) (historiqueRapports.size() + 1)); + nouveauHistorique.setType(nouveauRapport.getType()); + nouveauHistorique.setTypeLibelle(getTypeLibelle(nouveauRapport.getType())); + nouveauHistorique.setTypeIcon(getTypeIcon(nouveauRapport.getType())); + nouveauHistorique.setTypeCouleur(getTypeCouleur(nouveauRapport.getType())); + nouveauHistorique.setDateGeneration(LocalDate.now()); + nouveauHistorique.setPeriodeCouverte(getPeriodeDescription(nouveauRapport.getPeriode())); + nouveauHistorique.setGenerePar("Utilisateur Actuel"); + nouveauHistorique.setStatut("EN_COURS"); + + historiqueRapports.add(0, nouveauHistorique); + initializeNouveauRapport(); + } + + private String getTypeLibelle(String type) { + return switch (type) { + case "FINANCIER" -> "Rapport Financier"; + case "MEMBRES" -> "Rapport Membres"; + case "ACTIVITES" -> "Rapport Activités"; + case "PERFORMANCE" -> "Rapport Performance"; + case "COMPLET" -> "Rapport Complet"; + default -> type; + }; + } + + private String getTypeIcon(String type) { + return switch (type) { + case "FINANCIER" -> "pi-dollar"; + case "MEMBRES" -> "pi-users"; + case "ACTIVITES" -> "pi-calendar"; + case "PERFORMANCE" -> "pi-chart-bar"; + case "COMPLET" -> "pi-file"; + default -> "pi-file"; + }; + } + + private String getTypeCouleur(String type) { + return switch (type) { + case "FINANCIER" -> "green-500"; + case "MEMBRES" -> "blue-500"; + case "ACTIVITES" -> "orange-500"; + case "PERFORMANCE" -> "purple-500"; + case "COMPLET" -> "indigo-500"; + default -> "gray-500"; + }; + } + + private String getPeriodeDescription(String periode) { + return switch (periode) { + case "7_JOURS" -> "7 derniers jours"; + case "30_JOURS" -> "30 derniers jours"; + case "3_MOIS" -> "3 derniers mois"; + case "6_MOIS" -> "6 derniers mois"; + case "ANNEE_COURANTE" -> "Année en cours"; + case "PERSONNALISEE" -> "Période personnalisée"; + default -> periode; + }; + } + + public String voirRapport(HistoriqueRapport rapport) { + return "/pages/admin/rapports/details?id=" + rapport.getId() + "&faces-redirect=true"; + } + + public void telechargerRapport(HistoriqueRapport rapport) { + System.out.println("Téléchargement du rapport: " + rapport.getTypeLibelle()); + } + + public void exporterDonnees() { + System.out.println("Export des données statistiques"); + } + + // Getters et Setters + public String getPeriodeRapide() { return periodeRapide; } + public void setPeriodeRapide(String periodeRapide) { this.periodeRapide = periodeRapide; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public String getGroupeComparaison() { return groupeComparaison; } + public void setGroupeComparaison(String groupeComparaison) { this.groupeComparaison = groupeComparaison; } + + public IndicateursGlobaux getIndicateurs() { return indicateurs; } + public void setIndicateurs(IndicateursGlobaux indicateurs) { this.indicateurs = indicateurs; } + + public List getEvolutionMensuelle() { return evolutionMensuelle; } + public void setEvolutionMensuelle(List evolutionMensuelle) { this.evolutionMensuelle = evolutionMensuelle; } + + public List getObjectifs() { return objectifs; } + public void setObjectifs(List objectifs) { this.objectifs = objectifs; } + + public List getRepartitionMembres() { return repartitionMembres; } + public void setRepartitionMembres(List repartitionMembres) { this.repartitionMembres = repartitionMembres; } + + public List getSourceRevenus() { return sourceRevenus; } + public void setSourceRevenus(List sourceRevenus) { this.sourceRevenus = sourceRevenus; } + + public List getTopEntites() { return topEntites; } + public void setTopEntites(List topEntites) { this.topEntites = topEntites; } + + public List getKpis() { return kpis; } + public void setKpis(List kpis) { this.kpis = kpis; } + + public List getAlertes() { return alertes; } + public void setAlertes(List alertes) { this.alertes = alertes; } + + public List getHistoriqueRapports() { return historiqueRapports; } + public void setHistoriqueRapports(List historiqueRapports) { this.historiqueRapports = historiqueRapports; } + + public NouveauRapport getNouveauRapport() { return nouveauRapport; } + public void setNouveauRapport(NouveauRapport nouveauRapport) { this.nouveauRapport = nouveauRapport; } + + public HistoriqueRapport getRapportSelectionne() { return rapportSelectionne; } + public void setRapportSelectionne(HistoriqueRapport rapportSelectionne) { this.rapportSelectionne = rapportSelectionne; } + + // Classes internes + public static class IndicateursGlobaux { + private int totalMembres; + private double croissanceMembres; + private String revenus; + private double croissanceRevenus; + private int totalEvenements; + private double croissanceEvenements; + private String totalAides; + private double croissanceAides; + + // Getters et setters + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public double getCroissanceMembres() { return croissanceMembres; } + public void setCroissanceMembres(double croissanceMembres) { this.croissanceMembres = croissanceMembres; } + + public String getRevenus() { return revenus; } + public void setRevenus(String revenus) { this.revenus = revenus; } + + public double getCroissanceRevenus() { return croissanceRevenus; } + public void setCroissanceRevenus(double croissanceRevenus) { this.croissanceRevenus = croissanceRevenus; } + + public int getTotalEvenements() { return totalEvenements; } + public void setTotalEvenements(int totalEvenements) { this.totalEvenements = totalEvenements; } + + public double getCroissanceEvenements() { return croissanceEvenements; } + public void setCroissanceEvenements(double croissanceEvenements) { this.croissanceEvenements = croissanceEvenements; } + + public String getTotalAides() { return totalAides; } + public void setTotalAides(String totalAides) { this.totalAides = totalAides; } + + public double getCroissanceAides() { return croissanceAides; } + public void setCroissanceAides(double croissanceAides) { this.croissanceAides = croissanceAides; } + } + + public static class EvolutionMensuelle { + private String libelle; + private int membres; + private double revenus; + private int hauteurMembres; + private int hauteurRevenus; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public int getMembres() { return membres; } + public void setMembres(int membres) { this.membres = membres; } + + public double getRevenus() { return revenus; } + public void setRevenus(double revenus) { this.revenus = revenus; } + + public int getHauteurMembres() { return hauteurMembres; } + public void setHauteurMembres(int hauteurMembres) { this.hauteurMembres = hauteurMembres; } + + public int getHauteurRevenus() { return hauteurRevenus; } + public void setHauteurRevenus(int hauteurRevenus) { this.hauteurRevenus = hauteurRevenus; } + } + + public static class Objectif { + private String libelle; + private String realise; + private String cible; + private int pourcentage; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getRealise() { return realise; } + public void setRealise(String realise) { this.realise = realise; } + + public String getCible() { return cible; } + public void setCible(String cible) { this.cible = cible; } + + public int getPourcentage() { return pourcentage; } + public void setPourcentage(int pourcentage) { this.pourcentage = pourcentage; } + } + + public static class RepartitionMembres { + private String libelle; + private int nombre; + private double pourcentage; + private String couleur; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public int getNombre() { return nombre; } + public void setNombre(int nombre) { this.nombre = nombre; } + + public double getPourcentage() { return pourcentage; } + public void setPourcentage(double pourcentage) { this.pourcentage = pourcentage; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class SourceRevenus { + private String libelle; + private String montant; + private double pourcentage; + private String couleur; + private String icon; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getMontant() { return montant; } + public void setMontant(String montant) { this.montant = montant; } + + public double getPourcentage() { return pourcentage; } + public void setPourcentage(double pourcentage) { this.pourcentage = pourcentage; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + } + + public static class TopEntite { + private int rang; + private String nom; + private String typeIcon; + private int score; + private String tendance; + + // Getters et setters + public int getRang() { return rang; } + public void setRang(int rang) { this.rang = rang; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public int getScore() { return score; } + public void setScore(int score) { this.score = score; } + + public String getTendance() { return tendance; } + public void setTendance(String tendance) { this.tendance = tendance; } + } + + public static class KPI { + private String libelle; + private String valeur; + private int progression; + private double variation; + private String tendance; + private String icon; + private String couleur; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getValeur() { return valeur; } + public void setValeur(String valeur) { this.valeur = valeur; } + + public int getProgression() { return progression; } + public void setProgression(int progression) { this.progression = progression; } + + public double getVariation() { return variation; } + public void setVariation(double variation) { this.variation = variation; } + + public String getTendance() { return tendance; } + public void setTendance(String tendance) { this.tendance = tendance; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class Alerte { + private String titre; + private String description; + private String priorite; + private String severite; + private String severiteCouleur; + private String icon; + private String dateDetection; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getSeveriteCouleur() { return severiteCouleur; } + public void setSeveriteCouleur(String severiteCouleur) { this.severiteCouleur = severiteCouleur; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getDateDetection() { return dateDetection; } + public void setDateDetection(String dateDetection) { this.dateDetection = dateDetection; } + } + + public static class HistoriqueRapport { + private Long id; + private String type; + private String typeLibelle; + private String typeIcon; + private String typeCouleur; + private LocalDate dateGeneration; + private String periodeCouverte; + private String generePar; + private String statut; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getTypeLibelle() { return typeLibelle; } + public void setTypeLibelle(String typeLibelle) { this.typeLibelle = typeLibelle; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public String getTypeCouleur() { return typeCouleur; } + public void setTypeCouleur(String typeCouleur) { this.typeCouleur = typeCouleur; } + + public LocalDate getDateGeneration() { return dateGeneration; } + public void setDateGeneration(LocalDate dateGeneration) { this.dateGeneration = dateGeneration; } + + public String getPeriodeCouverte() { return periodeCouverte; } + public void setPeriodeCouverte(String periodeCouverte) { this.periodeCouverte = periodeCouverte; } + + public String getGenerePar() { return generePar; } + public void setGenerePar(String generePar) { this.generePar = generePar; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getDateGenerationFormatee() { + if (dateGeneration == null) return ""; + return dateGeneration.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getStatutSeverity() { + return switch (statut) { + case "GENERE" -> "success"; + case "EN_COURS" -> "warning"; + case "PLANIFIE" -> "info"; + case "ERREUR" -> "danger"; + default -> "secondary"; + }; + } + } + + public static class NouveauRapport { + private String type; + private String format; + private String periode; + private String detail; + private String commentaires; + + // Getters et setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getFormat() { return format; } + public void setFormat(String format) { this.format = format; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getDetail() { return detail; } + public void setDetail(String detail) { this.detail = detail; } + + public String getCommentaires() { return commentaires; } + public void setCommentaires(String commentaires) { this.commentaires = commentaires; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/RolesBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/RolesBean.java new file mode 100644 index 0000000..8556d9f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/RolesBean.java @@ -0,0 +1,426 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.*; +import java.util.stream.Collectors; + +@Named("rolesBean") +@SessionScoped +public class RolesBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Filtres + private String filtreNom = ""; + private String filtreType = ""; + private String filtreStatut = ""; + + // Rôles + private List roles; + private Role roleSelectionne; + private Role nouveauRole = new Role(); + + public RolesBean() { + initialiserRoles(); + } + + private void initialiserRoles() { + roles = new ArrayList<>(); + + // Rôles système + roles.add(new Role("SUPER_ADMIN", "Super Administrateur", + "Accès complet à toutes les fonctionnalités du système", + TypeRole.SYSTEME, StatutRole.ACTIF, "pi pi-crown", "#ff6b6b", "#ffffff", + Arrays.asList("GESTION_COMPLETE", "ADMIN_SYSTEME", "SUPER_USER"), 3, + LocalDateTime.now().minusDays(1), "Système")); + + roles.add(new Role("ADMIN_PLATEFORME", "Administrateur Plateforme", + "Administration des organisations et utilisateurs", + TypeRole.SYSTEME, StatutRole.ACTIF, "pi pi-shield", "#4ecdc4", "#ffffff", + Arrays.asList("GESTION_ORGS", "GESTION_USERS", "RAPPORTS"), 15, + LocalDateTime.now().minusDays(2), "Admin Système")); + + roles.add(new Role("ADMIN_ORGANISATION", "Administrateur Organisation", + "Administration d'une organisation spécifique", + TypeRole.SYSTEME, StatutRole.ACTIF, "pi pi-building", "#45b7d1", "#ffffff", + Arrays.asList("GESTION_MEMBRES", "GESTION_EVENTS", "COTISATIONS"), 28, + LocalDateTime.now().minusDays(3), "Super Admin")); + + roles.add(new Role("MEMBRE_ACTIF", "Membre Actif", + "Membre participant aux activités de l'organisation", + TypeRole.SYSTEME, StatutRole.ACTIF, "pi pi-users", "#96ceb4", "#ffffff", + Arrays.asList("CONSULTATION", "PARTICIPATION", "PROFIL"), 156, + LocalDateTime.now().minusDays(1), "Admin Org")); + + // Rôles personnalisés + roles.add(new Role("COMPTABLE", "Gestionnaire Comptabilité", + "Gestion de la comptabilité et des finances", + TypeRole.PERSONNALISE, StatutRole.ACTIF, "pi pi-calculator", "#feca57", "#333333", + Arrays.asList("COMPTABILITE", "RAPPORTS_FINANCIERS", "COTISATIONS"), 8, + LocalDateTime.now().minusHours(12), "Jean Dupont")); + + roles.add(new Role("SECRETAIRE", "Secrétaire", + "Gestion des documents et communications", + TypeRole.PERSONNALISE, StatutRole.ACTIF, "pi pi-file-edit", "#a55eea", "#ffffff", + Arrays.asList("DOCUMENTS", "COMMUNICATIONS", "ARCHIVES"), 5, + LocalDateTime.now().minusDays(5), "Marie Martin")); + + roles.add(new Role("MODERATEUR_EVENTS", "Modérateur Événements", + "Organisation et modération des événements", + TypeRole.PERSONNALISE, StatutRole.ACTIF, "pi pi-calendar", "#fd79a8", "#ffffff", + Arrays.asList("GESTION_EVENTS", "MODERATION", "PLANNING"), 12, + LocalDateTime.now().minusHours(6), "Pierre Durand")); + + roles.add(new Role("AUDITEUR", "Auditeur Interne", + "Contrôle et audit des activités", + TypeRole.TEMPORAIRE, StatutRole.ACTIF, "pi pi-eye", "#6c5ce7", "#ffffff", + Arrays.asList("AUDIT", "RAPPORTS", "CONSULTATION_COMPLETE"), 2, + LocalDateTime.now().minusHours(2), "Admin Système")); + + roles.add(new Role("GUEST_OBSERVER", "Observateur Invité", + "Accès lecture seule temporaire", + TypeRole.TEMPORAIRE, StatutRole.INACTIF, "pi pi-search", "#74b9ff", "#ffffff", + Arrays.asList("CONSULTATION_LIMITEE"), 0, + LocalDateTime.now().minusDays(10), "Marie Martin")); + + roles.add(new Role("TRESORIER", "Trésorier", + "Gestion de la trésorerie et budget", + TypeRole.PERSONNALISE, StatutRole.SUSPENDU, "pi pi-money-bill", "#00b894", "#ffffff", + Arrays.asList("TRESORERIE", "BUDGET", "RAPPORTS_FINANCIERS"), 1, + LocalDateTime.now().minusDays(20), "Admin Org")); + } + + // Getters pour les KPIs + public int getTotalRoles() { + return roles.size(); + } + + public int getRolesActifs() { + return (int) roles.stream().filter(r -> r.getStatut() == StatutRole.ACTIF).count(); + } + + public int getUtilisateursAvecRoles() { + return roles.stream().mapToInt(Role::getNombreUtilisateurs).sum(); + } + + public int getPermissionsUniques() { + return roles.stream() + .flatMap(r -> r.getPermissions().stream()) + .collect(Collectors.toSet()) + .size(); + } + + // Filtrage des rôles + public List getRolesFiltres() { + return roles.stream() + .filter(this::correspondAuxFiltres) + .collect(Collectors.toList()); + } + + private boolean correspondAuxFiltres(Role role) { + boolean nomOk = filtreNom.isEmpty() || + role.getNom().toLowerCase().contains(filtreNom.toLowerCase()) || + role.getDescription().toLowerCase().contains(filtreNom.toLowerCase()); + + boolean typeOk = filtreType.isEmpty() || role.getType().name().equals(filtreType); + boolean statutOk = filtreStatut.isEmpty() || role.getStatut().name().equals(filtreStatut); + + return nomOk && typeOk && statutOk; + } + + public void reinitialiserFiltres() { + filtreNom = ""; + filtreType = ""; + filtreStatut = ""; + } + + // Actions + public void voirRole(Role role) { + this.roleSelectionne = role; + // Charger les détails complets du rôle + role.chargerDetailsComplets(); + } + + public void modifierRole(Role role) { + this.roleSelectionne = role; + } + + public void gererUtilisateurs(Role role) { + this.roleSelectionne = role; + } + + public void creerRole() { + // Validation + if (nouveauRole.getNom().isEmpty()) { + return; + } + + // Génération des propriétés + nouveauRole.setCode(genererCodeRole(nouveauRole.getNom())); + nouveauRole.setCouleurFond(genererCouleurAleatoire()); + nouveauRole.setCouleurTexte("#ffffff"); + nouveauRole.setStatut(StatutRole.ACTIF); + nouveauRole.setDateModification(LocalDateTime.now()); + nouveauRole.setModifiePar("Utilisateur Courant"); + + // Ajout à la liste + roles.add(nouveauRole); + + // Réinitialisation + nouveauRole = new Role(); + } + + private String genererCodeRole(String nom) { + return nom.toUpperCase() + .replaceAll("[^A-Z0-9]", "_") + .replaceAll("_{2,}", "_"); + } + + private String genererCouleurAleatoire() { + String[] couleurs = {"#ff6b6b", "#4ecdc4", "#45b7d1", "#96ceb4", "#feca57", + "#a55eea", "#fd79a8", "#6c5ce7", "#74b9ff", "#00b894"}; + Random random = new Random(); + return couleurs[random.nextInt(couleurs.length)]; + } + + public List getPermissionsDisponibles() { + List permissions = new ArrayList<>(); + permissions.add(new Permission("GESTION_COMPLETE", "Gestion Complète")); + permissions.add(new Permission("ADMIN_SYSTEME", "Administration Système")); + permissions.add(new Permission("GESTION_USERS", "Gestion des Utilisateurs")); + permissions.add(new Permission("GESTION_ORGS", "Gestion des Organisations")); + permissions.add(new Permission("GESTION_MEMBRES", "Gestion des Membres")); + permissions.add(new Permission("GESTION_EVENTS", "Gestion des Événements")); + permissions.add(new Permission("COMPTABILITE", "Comptabilité")); + permissions.add(new Permission("COTISATIONS", "Cotisations")); + permissions.add(new Permission("DOCUMENTS", "Documents")); + permissions.add(new Permission("COMMUNICATIONS", "Communications")); + permissions.add(new Permission("RAPPORTS", "Rapports")); + permissions.add(new Permission("AUDIT", "Audit")); + permissions.add(new Permission("CONSULTATION", "Consultation")); + return permissions; + } + + // Getters et Setters + public String getFiltreNom() { return filtreNom; } + public void setFiltreNom(String filtreNom) { this.filtreNom = filtreNom; } + + public String getFiltreType() { return filtreType; } + public void setFiltreType(String filtreType) { this.filtreType = filtreType; } + + public String getFiltreStatut() { return filtreStatut; } + public void setFiltreStatut(String filtreStatut) { this.filtreStatut = filtreStatut; } + + public Role getRoleSelectionne() { return roleSelectionne; } + public void setRoleSelectionne(Role roleSelectionne) { this.roleSelectionne = roleSelectionne; } + + public Role getNouveauRole() { return nouveauRole; } + public void setNouveauRole(Role nouveauRole) { this.nouveauRole = nouveauRole; } + + // Classes internes + public static class Role implements Serializable { + private String code; + private String nom; + private String description; + private TypeRole type; + private StatutRole statut; + private String icone; + private String couleurFond; + private String couleurTexte; + private List permissions; + private int nombreUtilisateurs; + private LocalDateTime dateModification; + private String modifiePar; + + // Détails complets (chargés à la demande) + private List permissionsDetaillees; + private List utilisateursAssignes; + + public Role() { + this.permissions = new ArrayList<>(); + } + + public Role(String code, String nom, String description, TypeRole type, StatutRole statut, + String icone, String couleurFond, String couleurTexte, List permissions, + int nombreUtilisateurs, LocalDateTime dateModification, String modifiePar) { + this.code = code; + this.nom = nom; + this.description = description; + this.type = type; + this.statut = statut; + this.icone = icone; + this.couleurFond = couleurFond; + this.couleurTexte = couleurTexte; + this.permissions = permissions != null ? permissions : new ArrayList<>(); + this.nombreUtilisateurs = nombreUtilisateurs; + this.dateModification = dateModification; + this.modifiePar = modifiePar; + } + + public void chargerDetailsComplets() { + // Simuler le chargement des détails + permissionsDetaillees = new ArrayList<>(); + for (String perm : permissions) { + permissionsDetaillees.add(new Permission(perm, getLibellePermission(perm))); + } + + utilisateursAssignes = new ArrayList<>(); + for (int i = 0; i < Math.min(nombreUtilisateurs, 10); i++) { + utilisateursAssignes.add(new Utilisateur("Utilisateur " + (i+1), "Test")); + } + } + + private String getLibellePermission(String code) { + Map libelles = new HashMap<>(); + libelles.put("GESTION_COMPLETE", "Gestion Complète"); + libelles.put("ADMIN_SYSTEME", "Administration Système"); + libelles.put("GESTION_USERS", "Gestion des Utilisateurs"); + libelles.put("GESTION_ORGS", "Gestion des Organisations"); + libelles.put("GESTION_MEMBRES", "Gestion des Membres"); + libelles.put("GESTION_EVENTS", "Gestion des Événements"); + libelles.put("COMPTABILITE", "Comptabilité"); + libelles.put("COTISATIONS", "Cotisations"); + libelles.put("DOCUMENTS", "Documents"); + libelles.put("COMMUNICATIONS", "Communications"); + libelles.put("RAPPORTS", "Rapports"); + libelles.put("AUDIT", "Audit"); + libelles.put("CONSULTATION", "Consultation"); + return libelles.getOrDefault(code, code); + } + + // Propriétés calculées + public String getTypeLibelle() { + switch (type) { + case SYSTEME: return "Système"; + case PERSONNALISE: return "Personnalisé"; + case TEMPORAIRE: return "Temporaire"; + default: return type.name(); + } + } + + public String getTypeSeverity() { + switch (type) { + case SYSTEME: return "danger"; + case PERSONNALISE: return "info"; + case TEMPORAIRE: return "warning"; + default: return "secondary"; + } + } + + public String getStatutLibelle() { + switch (statut) { + case ACTIF: return "Actif"; + case INACTIF: return "Inactif"; + case SUSPENDU: return "Suspendu"; + default: return statut.name(); + } + } + + public String getStatutSeverity() { + switch (statut) { + case ACTIF: return "success"; + case INACTIF: return "secondary"; + case SUSPENDU: return "warning"; + default: return "secondary"; + } + } + + public List getPermissionsPrincipales() { + return permissions.stream().limit(3).collect(Collectors.toList()); + } + + public int getPermissionsCount() { + return permissions.size(); + } + + public String getDateModificationFormatee() { + return dateModification.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public boolean isModifiable() { + return type != TypeRole.SYSTEME; + } + + public boolean isSupprimable() { + return type != TypeRole.SYSTEME && nombreUtilisateurs == 0; + } + + // Getters et Setters + public String getCode() { return code; } + public void setCode(String code) { this.code = code; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public TypeRole getType() { return type; } + public void setType(TypeRole type) { this.type = type; } + + public StatutRole getStatut() { return statut; } + public void setStatut(StatutRole statut) { this.statut = statut; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurFond() { return couleurFond; } + public void setCouleurFond(String couleurFond) { this.couleurFond = couleurFond; } + + public String getCouleurTexte() { return couleurTexte; } + public void setCouleurTexte(String couleurTexte) { this.couleurTexte = couleurTexte; } + + public List getPermissions() { return permissions; } + public void setPermissions(List permissions) { this.permissions = permissions; } + + public int getNombreUtilisateurs() { return nombreUtilisateurs; } + public void setNombreUtilisateurs(int nombreUtilisateurs) { this.nombreUtilisateurs = nombreUtilisateurs; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + public List getPermissionsDetaillees() { return permissionsDetaillees; } + public List getUtilisateursAssignes() { return utilisateursAssignes; } + } + + public enum TypeRole { + SYSTEME, PERSONNALISE, TEMPORAIRE + } + + public enum StatutRole { + ACTIF, INACTIF, SUSPENDU + } + + public static class Permission implements Serializable { + private String code; + private String libelle; + + public Permission(String code, String libelle) { + this.code = code; + this.libelle = libelle; + } + + public String getCode() { return code; } + public String getLibelle() { return libelle; } + } + + public static class Utilisateur implements Serializable { + private String nom; + private String prenom; + + public Utilisateur(String nom, String prenom) { + this.nom = nom; + this.prenom = prenom; + } + + public String getNom() { return nom; } + public String getPrenom() { return prenom; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SecurityStatusBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SecurityStatusBean.java new file mode 100644 index 0000000..6a3148f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SecurityStatusBean.java @@ -0,0 +1,109 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.security.JwtTokenManager; +import dev.lions.unionflow.client.security.TokenRefreshService; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; + +@Named("securityStatusBean") +@RequestScoped +public class SecurityStatusBean implements Serializable { + + private static final long serialVersionUID = 1L; + + @Inject + private JwtTokenManager tokenManager; + + @Inject + private TokenRefreshService tokenRefreshService; + + @Inject + private UserSession userSession; + + public String getSecurityStatusIcon() { + if (!userSession.isAuthenticated() || !tokenManager.hasValidTokens()) { + return "pi-shield text-red-500"; + } + + long timeLeft = tokenManager.getTimeUntilExpiration(); + if (timeLeft < 300) { // Moins de 5 minutes + return "pi-exclamation-triangle text-orange-500"; + } else if (timeLeft < 900) { // Moins de 15 minutes + return "pi-clock text-yellow-500"; + } else { + return "pi-shield text-green-500"; + } + } + + public String getSecurityStatusMessage() { + if (!userSession.isAuthenticated() || !tokenManager.hasValidTokens()) { + return "Session expirée"; + } + + long timeLeft = tokenManager.getTimeUntilExpiration(); + long minutes = timeLeft / 60; + + if (timeLeft < 300) { + return "Session expire dans " + minutes + " min"; + } else if (timeLeft < 900) { + return "Session active (" + minutes + " min restantes)"; + } else { + return "Session sécurisée"; + } + } + + public String getSecurityStatusSeverity() { + if (!userSession.isAuthenticated() || !tokenManager.hasValidTokens()) { + return "danger"; + } + + long timeLeft = tokenManager.getTimeUntilExpiration(); + if (timeLeft < 300) { + return "warning"; + } else if (timeLeft < 900) { + return "info"; + } else { + return "success"; + } + } + + public void refreshTokenManually() { + try { + String sessionId = getSessionId(); + if (sessionId != null && tokenRefreshService.tryRefreshTokenNow(sessionId)) { + // Token rafraîchi avec succès + } else { + // Échec du rafraîchissement + } + } catch (Exception e) { + // Gestion d'erreur + } + } + + private String getSessionId() { + try { + jakarta.faces.context.FacesContext facesContext = + jakarta.faces.context.FacesContext.getCurrentInstance(); + if (facesContext != null && facesContext.getExternalContext() != null) { + return facesContext.getExternalContext().getSessionId(false); + } + } catch (Exception e) { + // Contexte non disponible + } + return null; + } + + public boolean isTokenExpiringSoon() { + return tokenManager.getTimeUntilExpiration() < 900; // 15 minutes + } + + public boolean isTokenCritical() { + return tokenManager.getTimeUntilExpiration() < 300; // 5 minutes + } + + public int getTokenExpirationMinutes() { + return (int) (tokenManager.getTimeUntilExpiration() / 60); + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SouscriptionBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SouscriptionBean.java new file mode 100644 index 0000000..f89ce07 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SouscriptionBean.java @@ -0,0 +1,256 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.dto.FormulaireDTO; +import dev.lions.unionflow.client.dto.SouscriptionDTO; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; + +@Named("souscriptionBean") +@SessionScoped +public class SouscriptionBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List souscriptionsOrganisation; + private SouscriptionDTO souscriptionActive; + private SouscriptionDTO souscriptionSelectionnee; + + // Statistiques quota + private int membresActuels = 0; + private int quotaMaximum = 0; + private boolean quotaAtteint = false; + private int membresRestants = 0; + + // Alertes + private boolean alerteExpirationProche = false; + private boolean alerteQuotaProche = false; + private int joursAvantExpiration = 0; + + public SouscriptionBean() { + initializeData(); + } + + private void initializeData() { + // Simulation d'une souscription active pour démonstration + souscriptionActive = new SouscriptionDTO(); + souscriptionActive.setId(1L); + souscriptionActive.setOrganisationId(1L); + souscriptionActive.setOrganisationNom("LIONS CLUB Dakar Métropole"); + souscriptionActive.setFormulaireId(2L); + souscriptionActive.setFormulaireNom("Standard"); + souscriptionActive.setStatut(SouscriptionDTO.StatutSouscription.ACTIVE); + souscriptionActive.setTypeFacturation(SouscriptionDTO.TypeFacturation.ANNUEL); + souscriptionActive.setDateDebut(LocalDate.now().minusMonths(3)); + souscriptionActive.setDateFin(LocalDate.now().plusMonths(9)); + souscriptionActive.setQuotaMaxMembres(200); + souscriptionActive.setMembresActuels(87); + souscriptionActive.setMontantSouscription(new java.math.BigDecimal("30000")); + souscriptionActive.setNotificationExpiration(true); + souscriptionActive.setNotificationQuotaAtteint(true); + + // Calculer les statistiques + updateStatistiques(); + + souscriptionsOrganisation = new ArrayList<>(); + souscriptionsOrganisation.add(souscriptionActive); + } + + private void updateStatistiques() { + if (souscriptionActive != null) { + membresActuels = souscriptionActive.getMembresActuels(); + quotaMaximum = souscriptionActive.getQuotaMaxMembres(); + membresRestants = souscriptionActive.getMembresRestants(); + quotaAtteint = souscriptionActive.isQuotaAtteint(); + + // Calculer les alertes + joursAvantExpiration = (int) souscriptionActive.getJoursRestants(); + alerteExpirationProche = souscriptionActive.isExpirationProche(); + alerteQuotaProche = souscriptionActive.getPourcentageUtilisation() >= 85; + } + } + + public boolean peutAccepterNouveauMembre() { + return souscriptionActive != null && + souscriptionActive.isActive() && + !souscriptionActive.isQuotaAtteint(); + } + + public String getMessageQuota() { + if (souscriptionActive == null) { + return "Aucune souscription active"; + } + + if (quotaAtteint) { + return "Quota maximum atteint (" + quotaMaximum + " membres)"; + } + + if (alerteQuotaProche) { + return "Attention: quota bientôt atteint (" + membresActuels + "/" + quotaMaximum + ")"; + } + + return membresRestants + " membre(s) restant(s) sur " + quotaMaximum; + } + + public String getCouleurJaugeQuota() { + int pourcentage = souscriptionActive != null ? souscriptionActive.getPourcentageUtilisation() : 0; + + if (pourcentage >= 100) return "danger"; + if (pourcentage >= 85) return "warning"; + if (pourcentage >= 70) return "info"; + return "success"; + } + + public String upgraderFormulaire() { + // Logique pour upgrader vers un formulaire supérieur + return "/pages/secure/souscription/upgrade?faces-redirect=true"; + } + + public String changerFormulaire() { + // Logique pour changer de formulaire + return "/pages/secure/souscription/change-plan?faces-redirect=true"; + } + + public String renouvelerSouscription() { + // Logique pour renouveler la souscription + return "/pages/secure/souscription/renew?faces-redirect=true"; + } + + public void activerNotificationQuota(boolean activer) { + if (souscriptionActive != null) { + souscriptionActive.setNotificationQuotaAtteint(activer); + // Appel service pour sauvegarder + } + } + + public void activerNotificationExpiration(boolean activer) { + if (souscriptionActive != null) { + souscriptionActive.setNotificationExpiration(activer); + // Appel service pour sauvegarder + } + } + + public List getAlertesQuota() { + List alertes = new ArrayList<>(); + + if (alerteExpirationProche) { + AlerteQuota alerte = new AlerteQuota(); + alerte.setType("EXPIRATION"); + alerte.setSeverite("warning"); + alerte.setIcone("pi-clock"); + alerte.setTitre("Souscription expire bientôt"); + alerte.setMessage("Votre souscription expire dans " + joursAvantExpiration + " jour(s)"); + alerte.setAction("Renouveler maintenant"); + alerte.setActionUrl("/pages/secure/souscription/renew"); + alertes.add(alerte); + } + + if (alerteQuotaProche && !quotaAtteint) { + AlerteQuota alerte = new AlerteQuota(); + alerte.setType("QUOTA_PROCHE"); + alerte.setSeverite("info"); + alerte.setIcone("pi-users"); + alerte.setTitre("Quota bientôt atteint"); + alerte.setMessage("Vous approchez de votre limite (" + membresActuels + "/" + quotaMaximum + ")"); + alerte.setAction("Upgrader le plan"); + alerte.setActionUrl("/pages/secure/souscription/upgrade"); + alertes.add(alerte); + } + + if (quotaAtteint) { + AlerteQuota alerte = new AlerteQuota(); + alerte.setType("QUOTA_ATTEINT"); + alerte.setSeverite("danger"); + alerte.setIcone("pi-exclamation-triangle"); + alerte.setTitre("Quota maximum atteint"); + alerte.setMessage("Vous ne pouvez plus accepter de nouveaux membres"); + alerte.setAction("Upgrader maintenant"); + alerte.setActionUrl("/pages/secure/souscription/upgrade"); + alertes.add(alerte); + } + + return alertes; + } + + public String getSeveriteQuota() { + if (quotaAtteint) return "danger"; + if (alerteQuotaProche) return "warning"; + return "info"; + } + + public String getIconeStatut() { + if (souscriptionActive == null) return "pi-times-circle text-red-500"; + if (souscriptionActive.isActive()) return "pi-check-circle text-green-500"; + if (souscriptionActive.getStatut() == SouscriptionDTO.StatutSouscription.EXPIREE) return "pi-clock text-red-500"; + if (souscriptionActive.getStatut() == SouscriptionDTO.StatutSouscription.SUSPENDUE) return "pi-pause text-orange-500"; + return "pi-info-circle text-blue-500"; + } + + // Getters et Setters + public List getSouscriptionsOrganisation() { return souscriptionsOrganisation; } + public void setSouscriptionsOrganisation(List souscriptionsOrganisation) { this.souscriptionsOrganisation = souscriptionsOrganisation; } + + public SouscriptionDTO getSouscriptionActive() { return souscriptionActive; } + public void setSouscriptionActive(SouscriptionDTO souscriptionActive) { this.souscriptionActive = souscriptionActive; } + + public SouscriptionDTO getSouscriptionSelectionnee() { return souscriptionSelectionnee; } + public void setSouscriptionSelectionnee(SouscriptionDTO souscriptionSelectionnee) { this.souscriptionSelectionnee = souscriptionSelectionnee; } + + public int getMembresActuels() { return membresActuels; } + public void setMembresActuels(int membresActuels) { this.membresActuels = membresActuels; } + + public int getQuotaMaximum() { return quotaMaximum; } + public void setQuotaMaximum(int quotaMaximum) { this.quotaMaximum = quotaMaximum; } + + public boolean isQuotaAtteint() { return quotaAtteint; } + public void setQuotaAtteint(boolean quotaAtteint) { this.quotaAtteint = quotaAtteint; } + + public int getMembresRestants() { return membresRestants; } + public void setMembresRestants(int membresRestants) { this.membresRestants = membresRestants; } + + public boolean isAlerteExpirationProche() { return alerteExpirationProche; } + public void setAlerteExpirationProche(boolean alerteExpirationProche) { this.alerteExpirationProche = alerteExpirationProche; } + + public boolean isAlerteQuotaProche() { return alerteQuotaProche; } + public void setAlerteQuotaProche(boolean alerteQuotaProche) { this.alerteQuotaProche = alerteQuotaProche; } + + public int getJoursAvantExpiration() { return joursAvantExpiration; } + public void setJoursAvantExpiration(int joursAvantExpiration) { this.joursAvantExpiration = joursAvantExpiration; } + + // Classe interne pour les alertes + public static class AlerteQuota implements Serializable { + private String type; + private String severite; + private String icone; + private String titre; + private String message; + private String action; + private String actionUrl; + + // Getters et Setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public String getAction() { return action; } + public void setAction(String action) { this.action = action; } + + public String getActionUrl() { return actionUrl; } + public void setActionUrl(String actionUrl) { this.actionUrl = actionUrl; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java new file mode 100644 index 0000000..bc8c08d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java @@ -0,0 +1,633 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; + +@Named("superAdminBean") +@SessionScoped +public class SuperAdminBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private String nomComplet; + private String derniereConnexion; + private int totalEntites; + private int totalAdministrateurs; + private int totalMembres; + private String revenusGlobaux; + private int alertesCount; + private String croissanceEntites; + private int activiteJournaliere; + + // Métriques de souscription + private int totalSouscriptions; + private int souscriptionsActives; + private int souscriptionsExpirantSous30Jours; + private float tauxConversion; + + // Revenus par forfait + private BigDecimal revenusStarter = BigDecimal.ZERO; + private BigDecimal revenusStandard = BigDecimal.ZERO; + private BigDecimal revenusPremmium = BigDecimal.ZERO; + private BigDecimal revenusCristal = BigDecimal.ZERO; + + // Métriques système + private float disponibiliteSysteme; + private int tempsReponsMoyen; + private int ticketsSupportOuverts; + private float satisfactionClient; + + private List alertesRecentes; + private List topEntites; + private List repartitionTypes; + private List activitesRecentes; + private List evolutionEntites; + private RevenusData revenus; + private String periodeEvolution = "12M"; + + @PostConstruct + public void init() { + initializeUserInfo(); + initializeKPIs(); + initializeAlertes(); + initializeEntites(); + initializeRepartitionTypes(); + initializeActivites(); + initializeEvolution(); + initializeRevenus(); + } + + private void initializeUserInfo() { + nomComplet = "Administrateur Système"; + derniereConnexion = LocalDateTime.now().minusHours(2).format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + private void initializeKPIs() { + totalEntites = 127; // Ajusté avec la stratégie volume + totalAdministrateurs = 127; + totalMembres = 18547; // Moyenne 146 membres par entité + revenusGlobaux = "363 000 FCFA"; + alertesCount = 8; + croissanceEntites = "12"; + activiteJournaliere = 1247; + + // Initialiser les métriques de souscription + totalSouscriptions = 127; + souscriptionsActives = 127; + souscriptionsExpirantSous30Jours = 12; + tauxConversion = 68.5f; + + // Revenus par forfait - nouvelle grille tarifaire + revenusStarter = new BigDecimal("88000"); // 44 organisations * 2000 FCFA + revenusStandard = new BigDecimal("180000"); // 60 organisations * 3000 FCFA + revenusPremmium = new BigDecimal("80000"); // 20 organisations * 4000 FCFA + revenusCristal = new BigDecimal("15000"); // 3 organisations * 5000 FCFA + + // Métriques système + disponibiliteSysteme = 99.8f; + tempsReponsMoyen = 145; // ms + ticketsSupportOuverts = 8; + satisfactionClient = 4.7f; // /5 + } + + private void initializeAlertes() { + alertesRecentes = new ArrayList<>(); + + // Alertes critiques de souscription + Alerte alerte1 = new Alerte(); + alerte1.setId(1L); + alerte1.setTitre("12 souscriptions expirent sous 30 jours"); + alerte1.setEntite("Système - Souscriptions"); + alerte1.setDate("Aujourd'hui"); + alerte1.setIcone("pi-clock"); + alerte1.setCouleur("text-red-500"); + alertesRecentes.add(alerte1); + + Alerte alerte2 = new Alerte(); + alerte2.setId(2L); + alerte2.setTitre("Quota membre atteint"); + alerte2.setEntite("Club Sportif Thiès (Standard)"); + alerte2.setDate("Il y a 2h"); + alerte2.setIcone("pi-users"); + alerte2.setCouleur("text-orange-500"); + alertesRecentes.add(alerte2); + + Alerte alerte3 = new Alerte(); + alerte3.setId(3L); + alerte3.setTitre("Pic d'inscriptions détecté"); + alerte3.setEntite("Association des Femmes Kaolack"); + alerte3.setDate("Il y a 4h"); + alerte3.setIcone("pi-trending-up"); + alerte3.setCouleur("text-green-500"); + alertesRecentes.add(alerte3); + + Alerte alerte4 = new Alerte(); + alerte4.setId(4L); + alerte4.setTitre("Performance système dégradée"); + alerte4.setEntite("Système - Infrastructure"); + alerte4.setDate("Il y a 6h"); + alerte4.setIcone("pi-exclamation-triangle"); + alerte4.setCouleur("text-orange-500"); + alertesRecentes.add(alerte4); + + Alerte alerte5 = new Alerte(); + alerte5.setId(5L); + alerte5.setTitre("Demande d'upgrade Premium"); + alerte5.setEntite("Mutuelle Santé Dakar"); + alerte5.setDate("Hier"); + alerte5.setIcone("pi-arrow-up"); + alerte5.setCouleur("text-blue-500"); + alertesRecentes.add(alerte5); + + Alerte alerte6 = new Alerte(); + alerte6.setId(6L); + alerte6.setTitre("8 tickets support en attente"); + alerte6.setEntite("Support Client"); + alerte6.setDate("Il y a 1h"); + alerte6.setIcone("pi-comment"); + alerte6.setCouleur("text-purple-500"); + alertesRecentes.add(alerte6); + } + + private void initializeEntites() { + topEntites = new ArrayList<>(); + + String[] noms = {"LIONS CLUB Dakar Métropole", "LIONS CLUB Thiès", "LIONS CLUB Kaolack", "LIONS CLUB Saint-Louis", "LIONS CLUB Ziguinchor"}; + String[] types = {"Club Principal", "Club Régional", "Club Régional", "Club Régional", "Club Régional"}; + int[] membres = {156, 123, 98, 87, 73}; + + for (int i = 0; i < 5; i++) { + Entite entite = new Entite(); + entite.setId((long) (i + 1)); + entite.setNom(noms[i]); + entite.setTypeEntite(types[i]); + entite.setNombreMembres(membres[i]); + topEntites.add(entite); + } + } + + private void initializeRepartitionTypes() { + repartitionTypes = new ArrayList<>(); + + TypeEntite clubs = new TypeEntite(); + clubs.setNom("Clubs Lions"); + clubs.setDescription("Clubs traditionnels"); + clubs.setNombre(12); + clubs.setPourcentage(80); + clubs.setIcone("pi-users"); + clubs.setCouleurBg("bg-blue-100"); + clubs.setCouleurTexte("text-blue-500"); + repartitionTypes.add(clubs); + + TypeEntite branches = new TypeEntite(); + branches.setNom("Branches"); + branches.setDescription("Branches spécialisées"); + branches.setNombre(2); + branches.setPourcentage(13); + branches.setIcone("pi-sitemap"); + branches.setCouleurBg("bg-green-100"); + branches.setCouleurTexte("text-green-500"); + repartitionTypes.add(branches); + + TypeEntite leos = new TypeEntite(); + leos.setNom("LEO Clubs"); + leos.setDescription("Clubs jeunes"); + leos.setNombre(1); + leos.setPourcentage(7); + leos.setIcone("pi-star"); + leos.setCouleurBg("bg-orange-100"); + leos.setCouleurTexte("text-orange-500"); + repartitionTypes.add(leos); + } + + private void initializeActivites() { + activitesRecentes = new ArrayList<>(); + + String[] descriptions = { + "Nouvelle entité créée", + "Paiement de cotisation validé", + "Membre suspendu", + "Rapport mensuel généré", + "Configuration mise à jour" + }; + + String[] entites = { + "LIONS CLUB Fatick", + "LIONS CLUB Dakar", + "LIONS CLUB Thiès", + "Système", + "Administration" + }; + + String[] icones = { + "pi-plus", + "pi-check", + "pi-ban", + "pi-chart-bar", + "pi-cog" + }; + + String[] utilisateurs = { + "Admin Fatick", + "Jean DIALLO", + "Admin Thiès", + "Système", + "Super Admin" + }; + + for (int i = 0; i < 5; i++) { + Activite activite = new Activite(); + activite.setId((long) (i + 1)); + activite.setDescription(descriptions[i]); + activite.setEntite(entites[i]); + activite.setIcone(icones[i]); + activite.setDate(LocalDateTime.now().minusHours(i * 2).format(DateTimeFormatter.ofPattern("dd/MM HH:mm"))); + activite.setUtilisateur(utilisateurs[i]); + if (i == 1) { + activite.setDetails("Montant: 15 000 FCFA via Wave Money"); + } + if (i == 2) { + activite.setDetails("Motif: Non-paiement des cotisations"); + } + activitesRecentes.add(activite); + } + } + + private void initializeEvolution() { + evolutionEntites = new ArrayList<>(); + + String[] periodes = {"Jan", "Fév", "Mar", "Avr", "Mai", "Jun"}; + int[] valeurs = {10, 11, 12, 13, 14, 15}; + + for (int i = 0; i < 6; i++) { + EvolutionMois mois = new EvolutionMois(); + mois.setPeriode(periodes[i]); + mois.setValeur(valeurs[i]); + mois.setHauteur(30 + (valeurs[i] * 8)); // Calcul hauteur pour graphique + evolutionEntites.add(mois); + } + } + + private void initializeRevenus() { + revenus = new RevenusData(); + revenus.setMensuel("425 000 FCFA"); + revenus.setAnnuel("2 450 000 FCFA"); + revenus.setCroissance("15.5"); + revenus.setMoyenne("163 333 FCFA"); + revenus.setCroissanceMensuelle("8.2"); + revenus.setObjectifAnnuel("3 000 000 FCFA"); + revenus.setDerniereMAJ(LocalDate.now().format(DateTimeFormatter.ofPattern("dd/MM/yyyy"))); + + // Évolution des revenus + List evolution = new ArrayList<>(); + String[] mois = {"Jan", "Fév", "Mar", "Avr", "Mai", "Jun"}; + int[] hauteurs = {60, 75, 90, 85, 95, 100}; + String[] valeurs = {"380K", "420K", "465K", "445K", "485K", "500K"}; + + for (int i = 0; i < 6; i++) { + MoisRevenu moisRevenu = new MoisRevenu(); + moisRevenu.setNom(mois[i]); + moisRevenu.setHauteur(hauteurs[i]); + moisRevenu.setValeur(valeurs[i]); + evolution.add(moisRevenu); + } + revenus.setEvolution(evolution); + } + + // Actions + public String creerEntite() { + return "/pages/super-admin/entites/nouvelle?faces-redirect=true"; + } + + public String gererEntites() { + return "/pages/super-admin/entites/gestion?faces-redirect=true"; + } + + public String genererRapport() { + return "/pages/super-admin/rapports?faces-redirect=true"; + } + + public String configurer() { + return "/pages/super-admin/configuration?faces-redirect=true"; + } + + public void voirAlerte(Alerte alerte) { + System.out.println("Voir alerte: " + alerte.getTitre()); + } + + public String voirToutesAlertes() { + return "/pages/super-admin/alertes?faces-redirect=true"; + } + + public String voirTouteActivite() { + return "/pages/super-admin/activite?faces-redirect=true"; + } + + public void exporterRapportFinancier() { + System.out.println("Export du rapport financier généré"); + } + + // Getters et Setters + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getDerniereConnexion() { return derniereConnexion; } + public void setDerniereConnexion(String derniereConnexion) { this.derniereConnexion = derniereConnexion; } + + public int getTotalEntites() { return totalEntites; } + public void setTotalEntites(int totalEntites) { this.totalEntites = totalEntites; } + + public int getTotalAdministrateurs() { return totalAdministrateurs; } + public void setTotalAdministrateurs(int totalAdministrateurs) { this.totalAdministrateurs = totalAdministrateurs; } + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public String getRevenusGlobaux() { return revenusGlobaux; } + public void setRevenusGlobaux(String revenusGlobaux) { this.revenusGlobaux = revenusGlobaux; } + + public int getAlertesCount() { return alertesCount; } + public void setAlertesCount(int alertesCount) { this.alertesCount = alertesCount; } + + public String getCroissanceEntites() { return croissanceEntites; } + public void setCroissanceEntites(String croissanceEntites) { this.croissanceEntites = croissanceEntites; } + + public int getActiviteJournaliere() { return activiteJournaliere; } + public void setActiviteJournaliere(int activiteJournaliere) { this.activiteJournaliere = activiteJournaliere; } + + // Getters pour les nouvelles métriques + public int getTotalSouscriptions() { return totalSouscriptions; } + public void setTotalSouscriptions(int totalSouscriptions) { this.totalSouscriptions = totalSouscriptions; } + + public int getSouscriptionsActives() { return souscriptionsActives; } + public void setSouscriptionsActives(int souscriptionsActives) { this.souscriptionsActives = souscriptionsActives; } + + public int getSouscriptionsExpirantSous30Jours() { return souscriptionsExpirantSous30Jours; } + public void setSouscriptionsExpirantSous30Jours(int souscriptionsExpirantSous30Jours) { this.souscriptionsExpirantSous30Jours = souscriptionsExpirantSous30Jours; } + + public float getTauxConversion() { return tauxConversion; } + public void setTauxConversion(float tauxConversion) { this.tauxConversion = tauxConversion; } + + public BigDecimal getRevenusStarter() { return revenusStarter; } + public void setRevenusStarter(BigDecimal revenusStarter) { this.revenusStarter = revenusStarter; } + + public BigDecimal getRevenusStandard() { return revenusStandard; } + public void setRevenusStandard(BigDecimal revenusStandard) { this.revenusStandard = revenusStandard; } + + public BigDecimal getRevenusPremmium() { return revenusPremmium; } + public void setRevenusPremmium(BigDecimal revenusPremmium) { this.revenusPremmium = revenusPremmium; } + + public BigDecimal getRevenusCristal() { return revenusCristal; } + public void setRevenusCristal(BigDecimal revenusCristal) { this.revenusCristal = revenusCristal; } + + public float getDisponibiliteSysteme() { return disponibiliteSysteme; } + public void setDisponibiliteSysteme(float disponibiliteSysteme) { this.disponibiliteSysteme = disponibiliteSysteme; } + + public int getTempsReponsMoyen() { return tempsReponsMoyen; } + public void setTempsReponsMoyen(int tempsReponsMoyen) { this.tempsReponsMoyen = tempsReponsMoyen; } + + public int getTicketsSupportOuverts() { return ticketsSupportOuverts; } + public void setTicketsSupportOuverts(int ticketsSupportOuverts) { this.ticketsSupportOuverts = ticketsSupportOuverts; } + + public float getSatisfactionClient() { return satisfactionClient; } + public void setSatisfactionClient(float satisfactionClient) { this.satisfactionClient = satisfactionClient; } + + // Méthodes utilitaires + public String getRevenusStarterFormat() { + return String.format("%,.0f FCFA", revenusStarter); + } + + public String getRevenusStandardFormat() { + return String.format("%,.0f FCFA", revenusStandard); + } + + public String getRevenusPremmiumFormat() { + return String.format("%,.0f FCFA", revenusPremmium); + } + + public String getRevenusCristalFormat() { + return String.format("%,.0f FCFA", revenusCristal); + } + + public String getTauxConversionFormat() { + return String.format("%.1f%%", tauxConversion); + } + + public String getDisponibiliteSystemeFormat() { + return String.format("%.1f%%", disponibiliteSysteme); + } + + public String getSatisfactionClientFormat() { + return String.format("%.1f/5", satisfactionClient); + } + + public List getAlertesRecentes() { return alertesRecentes; } + public void setAlertesRecentes(List alertesRecentes) { this.alertesRecentes = alertesRecentes; } + + public List getTopEntites() { return topEntites; } + public void setTopEntites(List topEntites) { this.topEntites = topEntites; } + + public List getRepartitionTypes() { return repartitionTypes; } + public void setRepartitionTypes(List repartitionTypes) { this.repartitionTypes = repartitionTypes; } + + public List getActivitesRecentes() { return activitesRecentes; } + public void setActivitesRecentes(List activitesRecentes) { this.activitesRecentes = activitesRecentes; } + + public List getEvolutionEntites() { return evolutionEntites; } + public void setEvolutionEntites(List evolutionEntites) { this.evolutionEntites = evolutionEntites; } + + public RevenusData getRevenus() { return revenus; } + public void setRevenus(RevenusData revenus) { this.revenus = revenus; } + + public String getPeriodeEvolution() { return periodeEvolution; } + public void setPeriodeEvolution(String periodeEvolution) { this.periodeEvolution = periodeEvolution; } + + // Classes internes + public static class Alerte { + private Long id; + private String titre; + private String entite; + private String date; + private String icone; + private String couleur; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class Entite { + private Long id; + private String nom; + private String typeEntite; + private int nombreMembres; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getTypeEntite() { return typeEntite; } + public void setTypeEntite(String typeEntite) { this.typeEntite = typeEntite; } + + public int getNombreMembres() { return nombreMembres; } + public void setNombreMembres(int nombreMembres) { this.nombreMembres = nombreMembres; } + } + + public static class TypeEntite { + private String nom; + private String description; + private int nombre; + private int pourcentage; + private String icone; + private String couleurBg; + private String couleurTexte; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public int getNombre() { return nombre; } + public void setNombre(int nombre) { this.nombre = nombre; } + + public int getPourcentage() { return pourcentage; } + public void setPourcentage(int pourcentage) { this.pourcentage = pourcentage; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurBg() { return couleurBg; } + public void setCouleurBg(String couleurBg) { this.couleurBg = couleurBg; } + + public String getCouleurTexte() { return couleurTexte; } + public void setCouleurTexte(String couleurTexte) { this.couleurTexte = couleurTexte; } + } + + public static class Activite { + private Long id; + private String description; + private String entite; + private String date; + private String icone; + private String utilisateur; + private String details; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getUtilisateur() { return utilisateur; } + public void setUtilisateur(String utilisateur) { this.utilisateur = utilisateur; } + + public String getDetails() { return details; } + public void setDetails(String details) { this.details = details; } + } + + public static class EvolutionMois { + private String periode; + private int valeur; + private int hauteur; + + // Getters et setters + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public int getValeur() { return valeur; } + public void setValeur(int valeur) { this.valeur = valeur; } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + } + + public static class RevenusData { + private String mensuel; + private String annuel; + private String croissance; + private String moyenne; + private String croissanceMensuelle; + private String objectifAnnuel; + private String derniereMAJ; + private List evolution = new ArrayList<>(); + + // Getters et setters + public String getMensuel() { return mensuel; } + public void setMensuel(String mensuel) { this.mensuel = mensuel; } + + public String getAnnuel() { return annuel; } + public void setAnnuel(String annuel) { this.annuel = annuel; } + + public String getCroissance() { return croissance; } + public void setCroissance(String croissance) { this.croissance = croissance; } + + public String getMoyenne() { return moyenne; } + public void setMoyenne(String moyenne) { this.moyenne = moyenne; } + + public String getCroissanceMensuelle() { return croissanceMensuelle; } + public void setCroissanceMensuelle(String croissanceMensuelle) { this.croissanceMensuelle = croissanceMensuelle; } + + public String getObjectifAnnuel() { return objectifAnnuel; } + public void setObjectifAnnuel(String objectifAnnuel) { this.objectifAnnuel = objectifAnnuel; } + + public String getDerniereMAJ() { return derniereMAJ; } + public void setDerniereMAJ(String derniereMAJ) { this.derniereMAJ = derniereMAJ; } + + public List getEvolution() { return evolution; } + public void setEvolution(List evolution) { this.evolution = evolution; } + } + + public static class MoisRevenu { + private String nom; + private int hauteur; + private String valeur; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + + public String getValeur() { return valeur; } + public void setValeur(String valeur) { this.valeur = valeur; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/UserSession.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/UserSession.java new file mode 100644 index 0000000..f08be94 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/UserSession.java @@ -0,0 +1,297 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.util.List; +import java.util.logging.Logger; + +@Named("userSession") +@SessionScoped +public class UserSession implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(UserSession.class.getName()); + + private String username; + private boolean authenticated = false; + private String typeCompte; + private List roles; + private List permissions; + private CurrentUser currentUser; + private EntiteInfo entite; + + public UserSession() { + // Session par défaut non authentifiée + clearSession(); + } + + public void updateFromLoginResponse(LoginResponse loginResponse) { + if (loginResponse != null && loginResponse.getUser() != null) { + LoginResponse.UserInfo userInfo = loginResponse.getUser(); + + this.authenticated = true; + this.username = userInfo.getUsername(); + this.typeCompte = userInfo.getTypeCompte(); + this.roles = userInfo.getRoles(); + this.permissions = userInfo.getPermissions(); + + // Mettre à jour les informations utilisateur + this.currentUser = new CurrentUser(); + this.currentUser.setId(userInfo.getId()); + this.currentUser.setNom(userInfo.getNom()); + this.currentUser.setPrenom(userInfo.getPrenom()); + this.currentUser.setEmail(userInfo.getEmail()); + this.currentUser.setUsername(userInfo.getUsername()); + + // Mettre à jour les informations de l'entité + if (userInfo.getEntite() != null) { + this.entite = new EntiteInfo(); + this.entite.setId(userInfo.getEntite().getId()); + this.entite.setNom(userInfo.getEntite().getNom()); + this.entite.setType(userInfo.getEntite().getType()); + this.entite.setPays(userInfo.getEntite().getPays()); + this.entite.setVille(userInfo.getEntite().getVille()); + } + + LOGGER.info("Session utilisateur mise à jour pour: " + userInfo.getUsername() + + " (Type: " + typeCompte + ")"); + } + } + + public void clearSession() { + this.authenticated = false; + this.username = null; + this.typeCompte = null; + this.roles = null; + this.permissions = null; + this.currentUser = null; + this.entite = null; + + LOGGER.info("Session utilisateur effacée"); + } + + // Méthodes de vérification des rôles et permissions + public boolean hasRole(String role) { + return roles != null && roles.contains(role); + } + + public boolean hasPermission(String permission) { + return permissions != null && permissions.contains(permission); + } + + public boolean isSuperAdmin() { + return "SUPER_ADMIN".equals(typeCompte) || hasRole("SUPER_ADMIN"); + } + + public boolean isAdmin() { + return isSuperAdmin() || "ADMIN_ENTITE".equals(typeCompte) || hasRole("ADMIN_ENTITE"); + } + + public boolean isMembre() { + return "MEMBRE".equals(typeCompte) || hasRole("MEMBRE"); + } + + // Méthode pour obtenir le rôle principal + public String getRole() { + if (isSuperAdmin()) { + return "SUPER_ADMIN"; + } + if (isAdmin()) { + return "ADMIN"; + } + if (typeCompte != null) { + return typeCompte; + } + if (roles != null && !roles.isEmpty()) { + return roles.get(0); + } + return "MEMBER"; + } + + // Getters et Setters + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public boolean isAuthenticated() { + return authenticated; + } + + public void setAuthenticated(boolean authenticated) { + this.authenticated = authenticated; + } + + public String getTypeCompte() { + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public List getRoles() { + return roles; + } + + public void setRoles(List roles) { + this.roles = roles; + } + + public List getPermissions() { + return permissions; + } + + public void setPermissions(List permissions) { + this.permissions = permissions; + } + + public CurrentUser getCurrentUser() { + return currentUser; + } + + public void setCurrentUser(CurrentUser currentUser) { + this.currentUser = currentUser; + } + + public EntiteInfo getEntite() { + return entite; + } + + public void setEntite(EntiteInfo entite) { + this.entite = entite; + } + + // Classes internes + public static class CurrentUser implements Serializable { + private Long id; + private String nom; + private String prenom; + private String email; + private String username; + + public String getNomComplet() { + if (prenom != null && nom != null) { + return prenom + " " + nom; + } + return nom != null ? nom : username; + } + + public String getInitiales() { + StringBuilder initiales = new StringBuilder(); + if (prenom != null && !prenom.isEmpty()) { + initiales.append(prenom.charAt(0)); + } + if (nom != null && !nom.isEmpty()) { + initiales.append(nom.charAt(0)); + } + return initiales.toString().toUpperCase(); + } + + // Getters et Setters + public Long getId() { + return id; + } + + public void setId(Long id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getPrenom() { + return prenom; + } + + public void setPrenom(String prenom) { + this.prenom = prenom; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + } + + public static class EntiteInfo implements Serializable { + private Long id; + private String nom; + private String type; + private String pays; + private String ville; + + public String getDescription() { + StringBuilder desc = new StringBuilder(); + if (nom != null) { + desc.append(nom); + } + if (ville != null && pays != null) { + desc.append(" (").append(ville).append(", ").append(pays).append(")"); + } + return desc.toString(); + } + + // Getters et Setters + public Long getId() { + return id; + } + + public void setId(Long id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + + public String getPays() { + return pays; + } + + public void setPays(String pays) { + this.pays = pays; + } + + public String getVille() { + return ville; + } + + public void setVille(String ville) { + this.ville = ville; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/UtilisateursBean.java b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/UtilisateursBean.java new file mode 100644 index 0000000..00142e4 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/UtilisateursBean.java @@ -0,0 +1,444 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; + +@Named("utilisateursBean") +@SessionScoped +public class UtilisateursBean implements Serializable { + + private static final long serialVersionUID = 1L; + + private List tousLesUtilisateurs; + private List utilisateursFiltres; + private List utilisateursSelectionnes; + private List organisationsDisponibles; + + private Utilisateur utilisateurSelectionne; + private NouvelUtilisateur nouvelUtilisateur; + private Filtres filtres; + private StatistiquesUtilisateurs statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeOrganisations(); + initializeUtilisateurs(); + initializeNouvelUtilisateur(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + utilisateursSelectionnes = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesUtilisateurs(); + statistiques.setTotalUtilisateurs(47); + statistiques.setUtilisateursConnectes(12); + statistiques.setAdministrateurs(8); + statistiques.setUtilisateursDesactives(3); + } + + private void initializeOrganisations() { + organisationsDisponibles = new ArrayList<>(); + + Organisation org1 = new Organisation(); + org1.setId(1L); + org1.setNom("Direction Générale"); + organisationsDisponibles.add(org1); + + Organisation org2 = new Organisation(); + org2.setId(2L); + org2.setNom("Services Financiers"); + organisationsDisponibles.add(org2); + + Organisation org3 = new Organisation(); + org3.setId(3L); + org3.setNom("Ressources Humaines"); + organisationsDisponibles.add(org3); + + Organisation org4 = new Organisation(); + org4.setId(4L); + org4.setNom("Communication"); + organisationsDisponibles.add(org4); + } + + private void initializeUtilisateurs() { + tousLesUtilisateurs = new ArrayList<>(); + + String[] noms = { + "Koffi", "Asante", "Mensah", "Diallo", "Touré", "Koné", "Ouattara", "Traoré", + "Sanogo", "Bakayoko", "Coulibaly", "Cissé", "Gyamfi", "Adjei", "Akoto", + "Boateng", "Ofori", "Owusu", "Asamoah", "Yeboah" + }; + + String[] prenoms = { + "Kwame", "Ama", "Kofi", "Akosua", "Yaw", "Adwoa", "Kweku", "Afia", + "Kwadwo", "Akua", "Yaa", "Kwabena", "Efua", "Kojo", "Ama", + "Kwesi", "Esi", "Kwaku", "Abena", "Fiifi" + }; + + String[] roles = {"USER", "GESTIONNAIRE", "ADMIN", "SUPER_ADMIN"}; + String[] statuts = {"ACTIF", "INACTIF", "SUSPENDU", "ATTENTE"}; + + for (int i = 0; i < 30; i++) { + Utilisateur utilisateur = new Utilisateur(); + utilisateur.setId((long) (i + 1)); + utilisateur.setNom(noms[i % noms.length]); + utilisateur.setPrenom(prenoms[i % prenoms.length]); + utilisateur.setEmail(prenoms[i % prenoms.length].toLowerCase() + "." + + noms[i % noms.length].toLowerCase() + "@unionflow.org"); + utilisateur.setTelephone("+225 " + String.format("%02d", (i % 99) + 1) + " " + + String.format("%02d", (i % 99) + 1) + " " + + String.format("%02d", (i % 99) + 1) + " " + + String.format("%02d", (i % 99) + 1)); + utilisateur.setRole(roles[i % roles.length]); + utilisateur.setStatut(statuts[i % statuts.length]); + utilisateur.setOrganisationId(organisationsDisponibles.get(i % organisationsDisponibles.size()).getId()); + utilisateur.setDateCreation(LocalDateTime.now().minusDays(i + 1)); + + // Dernière connexion variable + if (i % 4 != 0) { // 75% des utilisateurs ont une dernière connexion + utilisateur.setDerniereConnexion(LocalDateTime.now().minusHours(i + 1).minusMinutes(i * 5)); + } + + tousLesUtilisateurs.add(utilisateur); + } + } + + private void initializeNouvelUtilisateur() { + nouvelUtilisateur = new NouvelUtilisateur(); + nouvelUtilisateur.setRole("USER"); + nouvelUtilisateur.setEnvoyerEmail(true); + } + + private void appliquerFiltres() { + utilisateursFiltres = tousLesUtilisateurs.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Utilisateur utilisateur) { + if (filtres.getRecherche() != null && !filtres.getRecherche().trim().isEmpty()) { + String recherche = filtres.getRecherche().toLowerCase(); + if (!utilisateur.getNomComplet().toLowerCase().contains(recherche) && + !utilisateur.getEmail().toLowerCase().contains(recherche)) { + return false; + } + } + + if (filtres.getRole() != null && !filtres.getRole().trim().isEmpty()) { + if (!utilisateur.getRole().equals(filtres.getRole())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!utilisateur.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getOrganisation() != null && !filtres.getOrganisation().toString().trim().isEmpty()) { + if (!utilisateur.getOrganisationId().equals(filtres.getOrganisation())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void creerUtilisateur() { + Utilisateur nouvelUtil = new Utilisateur(); + nouvelUtil.setId((long) (tousLesUtilisateurs.size() + 1)); + nouvelUtil.setNom(nouvelUtilisateur.getNom()); + nouvelUtil.setPrenom(nouvelUtilisateur.getPrenom()); + nouvelUtil.setEmail(nouvelUtilisateur.getEmail()); + nouvelUtil.setTelephone(nouvelUtilisateur.getTelephone()); + nouvelUtil.setRole(nouvelUtilisateur.getRole()); + nouvelUtil.setOrganisationId(nouvelUtilisateur.getOrganisationId()); + nouvelUtil.setStatut("ACTIF"); + nouvelUtil.setDateCreation(LocalDateTime.now()); + + tousLesUtilisateurs.add(nouvelUtil); + appliquerFiltres(); + + System.out.println("Nouvel utilisateur créé: " + nouvelUtil.getNomComplet()); + initializeNouvelUtilisateur(); + } + + public void activerUtilisateur(Utilisateur utilisateur) { + utilisateur.setStatut("ACTIF"); + System.out.println("Utilisateur activé: " + utilisateur.getNomComplet()); + appliquerFiltres(); + } + + public void desactiverUtilisateur(Utilisateur utilisateur) { + utilisateur.setStatut("INACTIF"); + System.out.println("Utilisateur désactivé: " + utilisateur.getNomComplet()); + appliquerFiltres(); + } + + public void exporterUtilisateurs() { + System.out.println("Export de " + utilisateursFiltres.size() + " utilisateurs"); + } + + // Getters et Setters + public List getTousLesUtilisateurs() { return tousLesUtilisateurs; } + public void setTousLesUtilisateurs(List tousLesUtilisateurs) { this.tousLesUtilisateurs = tousLesUtilisateurs; } + + public List getUtilisateursFiltres() { return utilisateursFiltres; } + public void setUtilisateursFiltres(List utilisateursFiltres) { this.utilisateursFiltres = utilisateursFiltres; } + + public List getUtilisateursSelectionnes() { return utilisateursSelectionnes; } + public void setUtilisateursSelectionnes(List utilisateursSelectionnes) { this.utilisateursSelectionnes = utilisateursSelectionnes; } + + public List getOrganisationsDisponibles() { return organisationsDisponibles; } + public void setOrganisationsDisponibles(List organisationsDisponibles) { this.organisationsDisponibles = organisationsDisponibles; } + + public Utilisateur getUtilisateurSelectionne() { return utilisateurSelectionne; } + public void setUtilisateurSelectionne(Utilisateur utilisateurSelectionne) { this.utilisateurSelectionne = utilisateurSelectionne; } + + public NouvelUtilisateur getNouvelUtilisateur() { return nouvelUtilisateur; } + public void setNouvelUtilisateur(NouvelUtilisateur nouvelUtilisateur) { this.nouvelUtilisateur = nouvelUtilisateur; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesUtilisateurs getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesUtilisateurs statistiques) { this.statistiques = statistiques; } + + // Classes internes + public static class Utilisateur { + private Long id; + private String nom; + private String prenom; + private String email; + private String telephone; + private String role; + private String statut; + private Long organisationId; + private LocalDateTime dateCreation; + private LocalDateTime derniereConnexion; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public Long getOrganisationId() { return organisationId; } + public void setOrganisationId(Long organisationId) { this.organisationId = organisationId; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDerniereConnexion() { return derniereConnexion; } + public void setDerniereConnexion(LocalDateTime derniereConnexion) { this.derniereConnexion = derniereConnexion; } + + // Propriétés dérivées + public String getNomComplet() { + return prenom + " " + nom; + } + + public String getRoleLibelle() { + return switch (role) { + case "USER" -> "Utilisateur"; + case "GESTIONNAIRE" -> "Gestionnaire"; + case "ADMIN" -> "Administrateur"; + case "SUPER_ADMIN" -> "Super Admin"; + default -> role; + }; + } + + public String getRoleSeverity() { + return switch (role) { + case "USER" -> "info"; + case "GESTIONNAIRE" -> "primary"; + case "ADMIN" -> "warning"; + case "SUPER_ADMIN" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutLibelle() { + return switch (statut) { + case "ACTIF" -> "Actif"; + case "INACTIF" -> "Inactif"; + case "SUSPENDU" -> "Suspendu"; + case "ATTENTE" -> "En attente"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIF" -> "success"; + case "INACTIF" -> "secondary"; + case "SUSPENDU" -> "danger"; + case "ATTENTE" -> "warning"; + default -> "secondary"; + }; + } + + public String getOrganisationNom() { + // Simulation - en réalité, on ferait un lookup dans la base + return switch (organisationId.toString()) { + case "1" -> "Direction Générale"; + case "2" -> "Services Financiers"; + case "3" -> "Ressources Humaines"; + case "4" -> "Communication"; + default -> "Non définie"; + }; + } + + public String getDateCreationFormatee() { + if (dateCreation == null) return ""; + return dateCreation.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDerniereConnexionFormatee() { + if (derniereConnexion == null) return "Jamais"; + return derniereConnexion.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + public String getDerniereConnexionRelative() { + if (derniereConnexion == null) return "Jamais connecté"; + long jours = ChronoUnit.DAYS.between(derniereConnexion, LocalDateTime.now()); + if (jours == 0) return "Aujourd'hui"; + if (jours == 1) return "Hier"; + if (jours < 7) return "Il y a " + jours + " jours"; + if (jours < 30) return "Il y a " + (jours / 7) + " semaine(s)"; + return "Il y a " + (jours / 30) + " mois"; + } + } + + public static class NouvelUtilisateur { + private String nom; + private String prenom; + private String email; + private String telephone; + private String role; + private Long organisationId; + private String motDePasse; + private boolean envoyerEmail; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public Long getOrganisationId() { return organisationId; } + public void setOrganisationId(Long organisationId) { this.organisationId = organisationId; } + + public String getMotDePasse() { return motDePasse; } + public void setMotDePasse(String motDePasse) { this.motDePasse = motDePasse; } + + public boolean isEnvoyerEmail() { return envoyerEmail; } + public void setEnvoyerEmail(boolean envoyerEmail) { this.envoyerEmail = envoyerEmail; } + } + + public static class Filtres { + private String recherche; + private String role; + private String statut; + private String connexion; + private Long organisation; + + // Getters et setters + public String getRecherche() { return recherche; } + public void setRecherche(String recherche) { this.recherche = recherche; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getConnexion() { return connexion; } + public void setConnexion(String connexion) { this.connexion = connexion; } + + public Long getOrganisation() { return organisation; } + public void setOrganisation(Long organisation) { this.organisation = organisation; } + } + + public static class StatistiquesUtilisateurs { + private int totalUtilisateurs; + private int utilisateursConnectes; + private int administrateurs; + private int utilisateursDesactives; + + // Getters et setters + public int getTotalUtilisateurs() { return totalUtilisateurs; } + public void setTotalUtilisateurs(int totalUtilisateurs) { this.totalUtilisateurs = totalUtilisateurs; } + + public int getUtilisateursConnectes() { return utilisateursConnectes; } + public void setUtilisateursConnectes(int utilisateursConnectes) { this.utilisateursConnectes = utilisateursConnectes; } + + public int getAdministrateurs() { return administrateurs; } + public void setAdministrateurs(int administrateurs) { this.administrateurs = administrateurs; } + + public int getUtilisateursDesactives() { return utilisateursDesactives; } + public void setUtilisateursDesactives(int utilisateursDesactives) { this.utilisateursDesactives = utilisateursDesactives; } + } + + public static class Organisation { + private Long id; + private String nom; + + // Getters et setters + public Long getId() { return id; } + public void setId(Long id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/faces-config.xml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/faces-config.xml new file mode 100644 index 0000000..a361782 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/faces-config.xml @@ -0,0 +1,22 @@ + + + + + + dev.lions.unionflow.client.exception.ViewExpiredExceptionHandlerFactory + + + + + + fr + fr + en + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-dark.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-dark.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-light.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-light.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/primeflex-v2.min.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/primeflex.min.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/primeicons.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/error/viewExpired.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/error/viewExpired.xhtml new file mode 100644 index 0000000..e6646be --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/error/viewExpired.xhtml @@ -0,0 +1,77 @@ + + + + + Session Expirée - UnionFlow + + + + +
+
+ +
+

Session Expirée

+

+ Votre session a expiré pour des raisons de sécurité.
+ Veuillez vous reconnecter pour continuer votre travail. +

+
+ + + + +
+
+
+ + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot new file mode 100644 index 0000000..24df115 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg new file mode 100644 index 0000000..c4e81e7 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/js/layout.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/js/prism.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/freya-layout/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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 + + + + + +{ + "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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/icons/primeicons.ttf b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/icons/primeicons.ttf differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/icons/primeicons.woff b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/icons/primeicons.woff differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/avatar-profilemenu.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/avatar-profilemenu.png new file mode 100644 index 0000000..3dc5771 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/avatar-profilemenu.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/favicon.ico b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/favicon.ico differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya-single.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya-white.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya-white.svg @@ -0,0 +1,14 @@ + + + logo-freya-white + + + + + + + + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/logo-freya.svg @@ -0,0 +1,40 @@ + + + logo-freya + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-404.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-access.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-error.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-landing-header.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-landing-header.jpg new file mode 100644 index 0000000..bd7808a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/asset-landing-header.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/search.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/search.png new file mode 100644 index 0000000..d4cf601 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/images/pages/search.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/index.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/index.xhtml new file mode 100644 index 0000000..985b399 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/index.xhtml @@ -0,0 +1,173 @@ + + + + + + + + UnionFlow - Plateforme de Gestion Associative + + + + + + + + +
+ +
+ +
+ + +

UnionFlow

+

+ Plateforme intégrée de gestion associative
+ Moderne • Sécurisée • Intuitive +

+ + +
+
+
+ +
+
Gestion Membres
+
+
+
+ +
+
Cotisations
+
+
+
+ +
+
Événements
+
+
+
+ +
+
Analytics
+
+
+ + +
+ + + +
+ + +
+ + Vérification de l'authentification... +
+ + +
+ + © 2024 UnionFlow v1.0 - Développé par Lions Dev
+ Côte d'Ivoire • Sénégal • Mali +
+
+
+
+
+ + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/js/layout.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/js/prism.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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 + + + Gestion des Aides - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Aides +

+

#{aideBean.totalAides} aides • #{aideBean.montantDistribue} distribués • #{aideBean.budgetDisponible} disponible

+
+ +
+ + + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{aideBean.aidesActives}
+
Aides Actives
+
+
+ +
+
+
+
+ +
+
+
+
+
#{aideBean.montantDistribue}
+
Montant Distribué
+
+
+ +
+
+
+
+ +
+
+
+
+
#{aideBean.beneficiaires}
+
Bénéficiaires
+
+
+ +
+
+
+
+ +
+
+
+
+
#{aideBean.enAttente}
+
En Attente
+
+
+ +
+
+
+
+
+ + +
+
+
+
Budget des Aides
+
+
+
+
#{aideBean.budgetTotal}
+
Budget Total
+
+
+
+
+
#{aideBean.budgetUtilise}
+
Utilisé
+
+
+
+
+
#{aideBean.budgetDisponible}
+
Disponible
+
+
+
+ +
+
+ +
+
+
Prochaines Échéances
+ +
+
+
#{aide.beneficiaire}
+ #{aide.typeAide} +
+
+
#{aide.prochainVersement}
+ #{aide.dateEcheance} +
+
+
+
+
+
+ + +
+
+
+
Évolution des Aides (12 derniers mois)
+
+
+
+
15
+
Jan
+
+
+
+
+
22
+
Fév
+
+
+
+
+
18
+
Mar
+
+
+
+
+
25
+
Avr
+
+
+
+
+
12
+
Mai
+
+
+
+
+
28
+
Juin
+
+
+
+
+
235
+
Total aides accordées cette année
+
+
+
+ +
+
+
Répartition par Type
+
+
+
+ 🏥 Médicale + 45% +
+
+
+
+ 👥 Sociale + 30% +
+
+
+
+ 🎓 Scolaire + 15% +
+
+
+
+ 🚨 Urgence + 10% +
+
+
+
+
+
+ + +
+ +
Gestion des Aides
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ + + + + + + + + + + +
+
+ +
+ #{aide.initialesBeneficiaire} +
+
+
+
#{aide.nomCompletBeneficiaire}
+
+ #{aide.numeroMembre} + + #{aide.telephoneBeneficiaire} +
+
+
+
+ + +
+
+ +
+ #{aide.type} +
+
+ + + + + + +
+
#{aide.montantTotal}
+ #{aide.frequence} +
+
+ + +
+
#{aide.montantVerse}
+ +
+
+ + + + + + + + + + + + + + + + + + +
+
#{aide.prochainVersementMontant}
+ #{aide.prochainVersementDate} +
+ - +
+ + +
+ + + + + + + +
+
+
+ + +
+
+ #{aideBean.selectedAides.size()} aide(s) sélectionnée(s) +
+
+ + + +
+
+
+
+ + + + +
+
+
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+
+
+
+
+ +
+ + + + + + + + + + +
+ +
+ + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit.xhtml new file mode 100644 index 0000000..2ba44c0 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Audit + +
+
+
+

Administration - Audit

+

Page d'administration en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml new file mode 100644 index 0000000..1d9d1e7 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml @@ -0,0 +1,422 @@ + + + + Journal d'Audit - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Journal d'Audit +

+

+ Traçabilité complète des actions et modifications système +

+
+
+ + +
+
+ + +
+
+
+
#{auditBean.totalEvenements}
+
Événements Totaux
+
Derniers 30 jours
+
+
+
+
+
#{auditBean.connexionsReussies}
+
Connexions Réussies
+
Aujourd'hui
+
+
+
+
+
#{auditBean.tentativesEchouees}
+
Tentatives Échouées
+
Cette semaine
+
+
+
+
+
#{auditBean.alertesSecurite}
+
Alertes Sécurité
+
Non résolues
+
+
+
+
+
+
+ + +
+
+
+ +
+ +
+ + + + +
+
+ + + + +
+
+ + + + + + + + + + + + + +
+
+ + + + + + + + + + +
+ + +
+ + + + +
+
+ + + + + + + + + + + + +
+
+ + + + +
+
+ +
+ + +
+
+
+
+
+
+
+ + +
+
+
+ + + + +
#{event.dateFormatee}
+
#{event.heureFormatee}
+
+ + + + + + +
+
+ +
+
+
#{event.utilisateur}
+
#{event.role}
+
+
+
+ + +
+ + #{event.action} +
+
+ + + + + + +
#{event.description}
+
+ #{event.details} +
+
+ + +
+ #{event.ipAddress} +
+
#{event.userAgent}
+
+ + +
+ + +
+
+
+
+
+
+
+ + + +
+
+
+
+

Informations Générales

+
+
+ +

#{auditBean.evenementSelectionne.dateHeureComplete}

+
+
+ +

+ +

+
+
+ +

#{auditBean.evenementSelectionne.utilisateur}

+
+
+ +

#{auditBean.evenementSelectionne.role}

+
+
+
+ +
+

Détails de l'Action

+
+
+ +

#{auditBean.evenementSelectionne.descriptionComplete}

+
+
+ +
#{auditBean.evenementSelectionne.donneesAvant}
+
+
+ +
#{auditBean.evenementSelectionne.donneesApres}
+
+
+
+ +
+

Informations Techniques

+
+
+ +

#{auditBean.evenementSelectionne.ipAddress}

+
+
+ +

#{auditBean.evenementSelectionne.sessionId}

+
+
+ +

#{auditBean.evenementSelectionne.userAgentComplet}

+
+
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + +
+
+ + +
+
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/backup.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/backup.xhtml new file mode 100644 index 0000000..2ced305 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/backup.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Backup + +
+
+
+

Administration - Backup

+

Page d'administration en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml new file mode 100644 index 0000000..fd62bce --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml @@ -0,0 +1,786 @@ + + + + Gestion des Cotisations - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Cotisations +

+

+ 127 organisations • + #{cotisationsGestionBean.periodeActuelle} • + Recouvrement: #{cotisationsGestionBean.tauxRecouvrement}% • + #{cotisationsGestionBean.totalMembresActifs} membres actifs +

+
+
+ + + + + +
+
+
+ + +
+ +
+
+
+
+ Collecté ce mois +
+ +
+
+
#{cotisationsGestionBean.montantCollecte}
+ +
+ + #{cotisationsGestionBean.progressionMensuelle}% de l'objectif +
+
+
+
+ + +
+
+
+
+ Membres à jour +
+ +
+
+
#{cotisationsGestionBean.membresAJour}
+ +
+ + #{cotisationsGestionBean.pourcentageMembresAJour}% conformes +
+
+
+
+ + +
+
+
+
+ En attente +
+ +
+
+
#{cotisationsGestionBean.montantEnAttente}
+
+ #{cotisationsGestionBean.nombreCotisationsEnAttente} cotisations +
+
+ + À traiter rapidement +
+
+
+
+ + +
+
+
+
+ Impayés +
+ +
+
+
#{cotisationsGestionBean.montantImpayes}
+
+ #{cotisationsGestionBean.joursRetardMoyen}j de retard moy. +
+
+ + Action requise +
+
+
+
+ + +
+
+
+
+ Revenus 2024 +
+ +
+
+
#{cotisationsGestionBean.revenus2024}
+
+ + #{cotisationsGestionBean.croissanceAnnuelle} +
+
+ Croissance annuelle +
+
+
+
+ + +
+
+
+
+ Prélèvements Auto +
+ +
+
+
#{cotisationsGestionBean.prelevementsActifs}
+
+ #{cotisationsGestionBean.montantPrelevementsPrevu} FCFA/mois +
+
+ + Automatique +
+
+
+
+
+ + +
+ +
+
+
+
+ + Top 5 Organisations Performantes +
+ + + + + + +
+ + + +
+
+ +
+ #{org.nom} +
+
+ + + + + #{org.montantCollecte} FCFA + + + + +
+
+
+ + +
+
+
+ + Méthodes de Paiement +
+ +
+
+
+ + Wave Money +
+ #{cotisationsGestionBean.paiementsWave}% +
+ +
+ +
+
+
+ + Virement +
+ #{cotisationsGestionBean.paiementsVirement}% +
+ +
+ +
+
+
+ + Espèces +
+ #{cotisationsGestionBean.paiementsEspeces}% +
+ +
+
+
+
+ + +
+ +
+ +
+ + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + +
+
+ + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+
+ +
+ + +
+
+
+
+ + +
+ +
+
+ + Liste des Cotisations +
+
+ + +
+
+ + + + + + +
+ +
+
#{cotisation.nomOrganisation}
+
#{cotisation.regionOrganisation}
+
+
+
+ + +
+
+ #{cotisation.initialesMembre} +
+
+
#{cotisation.nomCompletMembre}
+
#{cotisation.numeroMembre} • #{cotisation.typeMembre}
+
+
+
+ + + + + + +
+
#{cotisation.periode}
+
#{cotisation.annee}
+
+
+ + + #{cotisation.montantFormatte} FCFA + + + + + + + +
+
#{cotisation.dateEcheanceFormattee}
+
#{cotisation.retardTexte}
+
+
+ + +
+
#{cotisation.datePaiementFormattee}
+
+ + #{cotisation.modePaiementLibelle} +
+
+ Non payé +
+ + +
+ + + + +
+
+
+ + +
+
+ + + #{cotisationsGestionBean.cotisationsSelectionnees.size()} cotisation(s) sélectionnée(s) + + + Montant total: #{cotisationsGestionBean.montantTotalSelectionne} + +
+
+
+
+ + +
+
+
+
+ + Intégration Wave Money +
+ +
+
+
+
Membres actifs
+
#{cotisationsGestionBean.membresPrelevementActif}
+
+
+
Montant mensuel
+
#{cotisationsGestionBean.montantPrelevementMensuel}
+
+
+
Prochain prélèvement
+
#{cotisationsGestionBean.prochainPrelevement}
+
+
+
+ + +
+ + + +
+
+
+
+ +
+
+
+ + Actions Rapides +
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + + + + + +
+
+ + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
Cotisations sélectionnées
+
#{cotisationsGestionBean.cotisationsSelectionnees.size()}
+
Montant total: #{cotisationsGestionBean.montantTotalSelectionne}
+
+ +
+ + + + + + + +
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/aide-sociale.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/aide-sociale.xhtml new file mode 100644 index 0000000..2cbba59 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/aide-sociale.xhtml @@ -0,0 +1,558 @@ + + + + Gestion des Demandes d'Aide - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Demandes d'Aide +

+

Traitement et suivi des demandes d'assistance

+
+ +
+ + + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{demandesAideBean.statistiques.totalDemandes}
+
Total Demandes
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandesAideBean.statistiques.demandesEnAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandesAideBean.statistiques.demandesApprouvees}
+
Approuvées
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandesAideBean.statistiques.montantTotalAide}
+
Aide Accordée
+
+
+ +
+
+
+
+
+ + +
+
🚨 Demandes Prioritaires
+
+ +
+
+
+
+
+ +
+
+
#{demande.demandeur}
+ +
+
+ +
+ +
+
+ + #{demande.dateDemandeFormatee} +
+
+ + #{demande.localisation} +
+
+ + #{demande.montantDemandeFormatte} +
+
+ +
+ #{demande.motif} +
+ +
+ #{demande.joursDepuisDemande} jours + +
+ + + + + + +
+
+
+
+
+
+
+
+ + +
+
📋 Workflow de Traitement
+
+ +
+
+
+ +
+
#{etape.libelle}
+
#{etape.nombre}
+
demandes
+
+
+ +
+
+
+
+
+ + +
+
Filtres et Recherche
+ +
+
+
+
+ + + + +
+
+
+
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + +
+
+
+
+ + + + + + + + + +
+
+
+ +
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+ +
+ + +
+
+
+
+ + +
+
+
Demandes d'Aide (#{demandesAideBean.demandesFiltrees.size()})
+
+ + + + + #{demandesAideBean.demandesFiltrees.size()} sur #{demandesAideBean.toutesLesDemandes.size()} demandes + +
+
+ + + + + + +
+
+ +
+
+
#{demande.demandeur}
+
#{demande.telephone}
+
+
+
+ + + + + + +
#{demande.motif}
+
+ #{demande.description.length() > 50 ? demande.description.substring(0, 50) + '...' : demande.description} +
+
+ + +
#{demande.montantDemandeFormatte}
+
+ Accordé: #{demande.montantAccordeFormatte} +
+
+ + +
#{demande.dateDemandeFormatee}
+
#{demande.joursDepuisDemande} jours
+
+ + +
#{demande.localisation}
+
+ + + + + + + + + + + +
+ + + + + + + + + + + + +
+
+
+
+
+ + + + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+ +
+ + +
+
+
+ + + + +
+
+ + + + + + + + + + + +
+
+ +
+ +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion-old.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion-old.xhtml new file mode 100644 index 0000000..d7c7506 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion-old.xhtml @@ -0,0 +1,561 @@ + + + + Gestion des Demandes d'Aide - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Demandes d'Aide +

+

Traitement et suivi des demandes d'assistance

+
+ +
+ + + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{demandeBean.enAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandeBean.urgentes}
+
Urgentes
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandeBean.traitees}
+
Traitées
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandeBean.delaiMoyenTraitement}
+
Délai Moyen (jours)
+
+
+ +
+
+
+
+
+ + +
+
+
+
+ + Demandes Urgentes +
+ +
+
+
+ #{demande.objet} + +
+
+ + #{demande.demandeur} • #{demande.numeroMembre} +
+
+ Déposée #{demande.dateDepotRelative} • Échéance: #{demande.dateEcheance} +
+
+ +
+ + +
+
+
+
+ + + + +
+
+ +
+
+
+ + Dernières Demandes +
+ +
+
+ +
+
+
+ #{demande.objet} + #{demande.dateDepotRelative} +
+
+ #{demande.demandeur} • #{demande.numeroMembre} +
+ +
+ +
+ +
+
+
+
+
+
+
+ + +
+
+
+
Évolution des Demandes
+
📊
Graphique temporaire
+
+
+ +
+
+
Répartition par Type
+
📊
Graphique temporaire
+
+
+
+ + +
+ +
Toutes les Demandes
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+ + + + + + + + + + + +
+
+ #{demande.initialesDemandeur} +
+
+
#{demande.nomCompletDemandeur}
+ #{demande.numeroMembre} • #{demande.telephoneDemandeur} +
+
+
+ + +
+
+ +
+ #{demande.type} +
+
+ + + + + + + + + + + + + + +
+
#{demande.dateDepot}
+ #{demande.heureDepot} +
+
+ + + + + + + + + + Non assignée + + + +
+ + + + + + +
+
+
+ + +
+
+ #{demandeBean.selectedDemandes.size()} demande(s) sélectionnée(s) +
+
+ + + +
+
+
+
+ + + + +
+
+
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+
+
+
+
+ +
+ + + + + + + + + + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + +
+
+ +
+
+ + +
+ +
+ + +
+
+
+
+ +
+ + +
+
+
+ + + + +
+
+ + + + + +
+ +
+ + +
+ +
+
Demandes sélectionnées :
+
#{demandeBean.selectedDemandes.size()} demande(s) seront assignées
+
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml new file mode 100644 index 0000000..838e30f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml @@ -0,0 +1,651 @@ + + + + Gestion des Demandes d'Aide - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Demandes d'Aide +

+

+ Traitement et suivi des demandes d'assistance • + #{demandeBean.demandes.size()} demandes • + #{demandeBean.enAttente} en attente +

+
+
+ + + + + +
+
+
+ + +
+ +
+
+
+
+ En Attente +
+ +
+
+
#{demandeBean.enAttente}
+
+ + +3 + depuis hier +
+
+
+
+ + +
+
+
+
+ Urgentes +
+ +
+
+
#{demandeBean.urgentes}
+
+ +
+
33% du total
+
+
+
+ + +
+
+
+
+ Traitées +
+ +
+
+
#{demandeBean.traitees}
+
+ + 92% résolution +
+
+
+
+ + +
+
+
+
+ Délai Moyen +
+ +
+
+
#{demandeBean.delaiMoyenTraitement} jours
+
+ + -25% ce mois +
+
+
+
+
+ + +
+
+
+
+
+ + Demandes Urgentes +
+ + +
+
+
+
+ +
+
+
+
#{demande.objet}
+ +
+
+ + #{demande.demandeur} • #{demande.numeroMembre} +
+
+ + Déposée #{demande.dateDepotRelative} + + + Échéance: #{demande.dateEcheance} +
+
+
+ +
+ + +
+
+
+
+
+ +
+ + + +
+
+
+
+ +
+
+
+
+ + Dernières Demandes +
+ + +
+
+
+
+ +
+
+
+
#{demande.objet}
+ #{demande.dateDepotRelative} +
+
+ + #{demande.demandeur} • #{demande.numeroMembre} +
+ +
+
+ +
+ +
+
+
+
+
+
+
+
+
+ + +
+
+
+ + Filtres et Recherche +
+ +
+ +
+ + + + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + + + + + + + + +
+ + +
+ + + + +
+ +
+ + +
+
+
+
+ + +
+
+ +
+
+ + Toutes les Demandes +
+
+ + + +
+
+ + + + + + + + + + + +
+
+ #{demande.initialesDemandeur} +
+
+
#{demande.nomCompletDemandeur}
+ #{demande.numeroMembre} • #{demande.telephoneDemandeur} +
+
+
+ + +
+
+ +
+ #{demande.type} +
+
+ + + + + + + + + + + + + + +
+
+ + + +
+ #{demande.heureDepot} +
+
+ + +
+
+ + + +
+ #{demande.dateDepotRelative} +
+
+ + + + Non assignée + + + +
+ + + + + + +
+
+
+
+
+
+
+ + + + + + +
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+
+
+
+
+ +
+ + + + + + + + + + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + + + + +
+ +
+ + +
+ +
+
+
Demandes sélectionnées :
+
#{demandeBean.selectedDemandes.size()} demande(s) seront assignées
+
+
+
+ +
+ + +
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/documents/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/documents/gestion.xhtml new file mode 100644 index 0000000..a3b3f12 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/documents/gestion.xhtml @@ -0,0 +1,613 @@ + + + + Gestion des Documents - UnionFlow + + +
+ +
+
+
+
+

+ + Gestion des Documents +

+

Centralisation et organisation documentaire

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+
+ Total Documents +
+ +
+
+
#{documentsBean.statistiques.totalDocuments}
+
+
+ Actifs +
+
+
+
+ +
+
+
+
+ Dossiers +
+ +
+
+
#{documentsBean.statistiques.totalDossiers}
+
+
+ Organisés +
+
+
+
+ +
+
+
+
+ Espace Utilisé +
+ +
+
+
#{documentsBean.statistiques.espaceUtilise}
+
+
+ Stockage +
+
+
+
+ +
+
+
+
+ Partages +
+ +
+
+
#{documentsBean.statistiques.partagesMois}
+
+
+ ce mois +
+
+
+
+
+ + +
+
+
+
+ + Navigation +
+
+ + + +
+
+ + +
+ +
+
+
+
+ +
+
+
#{dossier.nom}
+
#{dossier.nombreDocuments} documents
+
Modifié #{dossier.derniereModificationRelative}
+
+ + + + + +
+
+
+
+
+
+
+ + +
+
+
+ + Filtres et Recherche +
+ +
+
+
+ + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + Documents (#{documentsBean.documentsFiltres.size()}) +
+
+ + + +
+ + + + +
+ + #{documentsBean.documentsFiltres.size()} sur #{documentsBean.tousLesDocuments.size()} documents + +
+
+ + +
+ +
+
+
+
+ +
+ + + +
+ +
#{document.nom}
+ +
+ + #{document.taille} +
+ +
+
+ + #{document.auteur} +
+
+ + #{document.dateCreationFormatee} +
+
+ + #{document.nombreVues} vues +
+
+ +
+ + +
+ + + + + + + +
+
+
+
+
+
+
+ + + + + + + +
+
+ +
+
+
#{document.nom}
+
#{document.description}
+
+
+
+ + + #{document.type} + + + + + + + + #{document.taille} + + + +
+
+ #{document.auteur} +
+
+ + +
#{document.dateCreationFormatee}
+
#{document.dateCreationRelative}
+
+ + +
+ #{document.nombreVues} +
+
+ + + + + + + +
+ + + + + + + + + + + +
+
+
+
+
+
+ + + + +
+
+
+ + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+ + +
+
+
+ + + + +
+
+ + + + + + + + + + + +
+
+ +
+ +
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/creation.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/creation.xhtml new file mode 100644 index 0000000..ec14ddf --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/creation.xhtml @@ -0,0 +1,541 @@ + + + + Créer un Événement - UnionFlow + + + +
+
+
+
+
+

+ + Créer un Nouvel Événement +

+

Planifiez et organisez vos événements avec tous les détails nécessaires

+
+
+ +
+
+
+
+
+ + +
+
Progression de création
+
+
+
+ +
Informations de base
+ +
+
+
+
+ +
Date et lieu
+ +
+
+
+
+ +
Participants
+ +
+
+
+
+ +
Tarification
+ +
+
+
+
+ +
Notifications
+ +
+
+
+
+ +
Validation
+ +
+
+
+ +
+ + + + +
+ +
+
+
+ + Informations de Base +
+ +
+ + +
+ +
+ + + + + + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + +
+
+
+ + +
+
+
+ + Date, Heure et Lieu +
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+
+
+ + Participants et Inscription +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+
+
+ + Tarification et Paiement +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+
Tarifs par catégorie
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ + + + + + + + +
+
+
+ + +
+
+
+ + Notifications et Communication +
+ +
+
+
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+
+ +
+
Rappels automatiques
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+ + Documents et Pièces Jointes +
+ +
+
+
+ + +
+ +
+ + +
+
+ +
+
+ + +
+
+
+
+
+
+ + +
+
Finalisation
+
+
+ +
+
Vérifiez toutes les informations
+
L'événement sera créé avec le statut "Planifié" et pourra être modifié ultérieurement
+
+
+
+ +
+ + + + + + + + + +
+ +
+ + + Les données de l'événement sont sécurisées et conformes RGPD + +
+
+
+ + + + +
+
+
+ +
+
+

#{creationEvenementBean.evenement.titre}

+
#{creationEvenementBean.evenement.type}
+ +
+
+ +
+
+
📅 Date et Heure
+

#{creationEvenementBean.evenement.dateCompleteFormatee}

+ +
📍 Lieu
+

#{creationEvenementBean.evenement.lieu}

+ #{creationEvenementBean.evenement.adresse} + +
👥 Participants
+

Maximum #{creationEvenementBean.evenement.placesMax} places

+

Public: #{creationEvenementBean.evenement.publicCibleFormate}

+
+ +
+
💰 Tarification
+

+ Gratuit + + Prix: #{creationEvenementBean.evenement.prix} FCFA + +

+ +
🔔 Notifications
+

Canaux: #{creationEvenementBean.evenement.canauxNotificationFormates}

+ +
👨‍💼 Organisateur
+

#{creationEvenementBean.evenement.organisateur}

+
+ +
+
📝 Description
+

#{creationEvenementBean.evenement.description}

+
+
+
+ +
+ + + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml new file mode 100644 index 0000000..5c9b314 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml @@ -0,0 +1,622 @@ + + + + Gestion des Événements - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Événements +

+

+ Planification et suivi des activités associatives • + #{evenementsBean.statistiques.totalEvenements} événements • + #{evenementsBean.statistiques.evenementsActifs} actifs +

+
+
+ + + + + +
+
+
+ + + +
+ +
+
+
+
+ Total Événements +
+ +
+
+
#{evenementsBean.statistiques.totalEvenements}
+
+ + +5 + ce mois +
+
+
+
+ + +
+
+
+
+ Événements Actifs +
+ +
+
+
#{evenementsBean.statistiques.evenementsActifs}
+ +
85% de participation
+
+
+
+ + +
+
+
+
+ Participants +
+ +
+
+
#{evenementsBean.statistiques.participantsTotal}
+
+ Moyenne: #{evenementsBean.statistiques.moyenneParticipants}/événement +
+
+
+
+ + +
+
+
+
+ Budget Total +
+ +
+
+
#{evenementsBean.statistiques.budgetTotal}
+
+ + Suivi budgétaire optimal +
+
+
+
+
+ + + +
+
+ + Événements à Venir +
+
+ +
+
+
+
+
+ +
+
+
#{event.titre}
+ +
+
+ #{event.joursRestants}j +
+ +
+
+ + #{event.dateDebutFormatee} +
+
+ + #{event.lieu} +
+
+ + #{event.participantsInscrits}/#{event.capaciteMax} participants +
+
+ +
+
+ +
#{event.tauxInscription}% rempli
+
+ + + + + +
+
+
+
+
+
+ + + +
+
+ + Filtres et Recherche +
+ +
+ +
+ + + + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + + + + + +
+ +
+ + + + + + + + + +
+ + +
+ +
+ + + + + + +
+
+ +
+ + + + +
+ +
+ +
+ +
+
+
+
+
+ + + +
+ +
+
+ + Liste des Événements +
+
+ + +
+
+ + + + + + +
+
+ +
+
+
#{evenement.titre}
+
#{evenement.description}
+
+
+
+ + + + + + +
+
#{evenement.dateDebutFormatee}
+
#{evenement.heureDebutFormatee} - #{evenement.heureFinFormatee}
+
+
+ + +
+
#{evenement.lieu}
+
#{evenement.adresse}
+
+
+ + +
+
+
+
#{evenement.organisateur}
+
#{evenement.organisateurEmail}
+
+
+ + Aucun organisateur + +
+ + +
+
#{evenement.participantsInscrits}
+
/#{evenement.capaciteMax} places
+ +
+
+ + +
#{evenement.budgetFormatte}
+
+ + + + + + + + + + + +
+ + + + + + + + + +
+
+
+
+
+
+ +
+ + + + + + +
+
+ + +
+ +
+ + + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + + +
+
Événement sélectionné
+
#{evenementsBean.evenementSelectionne.titre}
+
#{evenementsBean.evenementSelectionne.dateDebutFormatee}
+
+ +
+ + + + + + + + + + +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/liste.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/liste.xhtml new file mode 100644 index 0000000..006ad3f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/liste.xhtml @@ -0,0 +1,430 @@ + + + + Gestion des Événements - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Événements +

+

#{evenementBean.totalEvenements} événements • #{evenementBean.evenementsActifs} actifs • #{evenementBean.prochainEvenement}

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{evenementBean.evenementsActifs}
+
Événements Actifs
+
+
+ +
+
+
+
+ +
+
+
+
+
#{evenementBean.totalParticipants}
+
Participants Inscrits
+
+
+ +
+
+
+
+ +
+
+
+
+
#{evenementBean.revenusEvenements}
+
Revenus Événements
+
+
+ +
+
+
+
+ +
+
+
+
+
#{evenementBean.tauxParticipation}%
+
Taux Participation
+
+
+ +
+
+
+
+
+ + +
+
+ + Prochains Événements +
+
+ +
+
+
+
+ #{event.dateFormatee} +
#{event.titre}
+
+ +
+
+ + #{event.lieu} +
+
+ + #{event.inscrits}/#{event.placesMax} inscrits + +
+ + +
+
+
+
+
+
+
+ + +
+ +
Tous les Événements
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+ + + + + + + +
+
+ +
+
+
#{evenement.titre}
+ #{evenement.type} +
+
+
+ + +
+
#{evenement.dateDebut}
+ #{evenement.heureDebut} - #{evenement.heureFin} +
+
+ + +
+ + #{evenement.lieu} +
+
+ + + + + + +
+
#{evenement.nombreInscrits}/#{evenement.placesMax}
+ +
+
+ + + + + + Gratuit + + + + + + + +
+ + + + + +
+
+
+ + +
+
+ #{evenementBean.selectedEvenements.size()} événement(s) sélectionné(s) +
+
+ + + +
+
+
+
+ + +
+
+ + Vue Calendrier +
+ + + + + + + +
+ + + + +
+
+
+ +
#{evenementBean.evenementSelectionne.titre}
+
+ +
+ +
#{evenementBean.evenementSelectionne.type}
+
+ +
+ +
+ #{evenementBean.evenementSelectionne.dateComplete} +
+
+ +
+ +
#{evenementBean.evenementSelectionne.lieu}
+
+
+ +
+
+ +
+ +
+
+ +
+ +
+ #{evenementBean.evenementSelectionne.nombreInscrits}/#{evenementBean.evenementSelectionne.placesMax} +
+
+ +
+ +
+ + + + Gratuit +
+
+ +
+ +
#{evenementBean.evenementSelectionne.organisateur}
+
+
+ +
+
+ +
#{evenementBean.evenementSelectionne.description}
+
+
+
+ +
+ + + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/participants.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/participants.xhtml new file mode 100644 index 0000000..ab9ee4b --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/participants.xhtml @@ -0,0 +1,517 @@ + + + + Gestion des Participants - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Participants +

+

#{participantBean.evenement.titre} • #{participantBean.dateEvenement} • #{participantBean.nombreInscrits}/#{participantBean.placesMax} places

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{participantBean.nombreInscrits}
+
Inscrits Confirmés
+
+
+ +
+
+
+ + #{participantBean.tauxRemplissage}% de remplissage +
+
+
+ +
+
+
+
+
#{participantBean.enAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{participantBean.montantCollecte}
+
Collecté
+
+
+ +
+
+
+
+ +
+
+
+
+
#{participantBean.accompagnateurs}
+
Accompagnateurs
+
+
+ +
+
+
+
+
+ + +
+
Actions Rapides
+
+
+
+ +
Notifications
+ + +
+
+ +
+
+ +
Check-in
+ + +
+
+ +
+
+ +
Rapports
+ + +
+
+
+
+ + +
+ +
Liste des Participants
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+ + + + + + + +
+
+ +
+ #{participant.initiales} +
+
+
+
#{participant.nomComplet}
+
+ #{participant.numeroMembre} + + #{participant.telephone} +
+
+
+
+ + + + + + + + + + +
+
#{participant.dateInscription}
+ #{participant.heureInscription} +
+
+ + +
+
#{participant.montantPaye}
+ +
+
+ + + + #{participant.nombreAccompagnateurs} + + - + + + + + + - + + + +
+ + + + + + +
+
+
+ + +
+
+ #{participantBean.selectedParticipants.size()} participant(s) sélectionné(s) +
+
+ + + +
+
+
+
+ + + + +
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} • #{membre.typeMembre} +
+
+
+
+
+ +
+ + +
+ +
+ +
#{participantBean.montantAPayer} FCFA
+ #{participantBean.detailTarification} +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + + +
+
+ #{p.initiales} +
+
+
#{p.nomComplet}
+ #{p.numeroMembre} +
+
+
+
+
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml new file mode 100644 index 0000000..126d3d8 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml @@ -0,0 +1,409 @@ + + + + Caisse de l'Entité - UnionFlow + + + +
+
+
+
+
+

+ + Caisse de l'Entité +

+

#{caisseBean.nomEntite} • Dernière mise à jour: #{caisseBean.derniereMAJ}

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{caisseBean.soldePrincipal}
+
Solde Principal
+
+
+ +
+
+
+
+ +
+
+
+
+
#{caisseBean.totalEntrees}
+
Entrées (30j)
+
+
+ +
+
+
+
+ +
+
+
+
+
#{caisseBean.totalSorties}
+
Sorties (30j)
+
+
+ +
+
+
+
+ +
+
+
+
+
#{caisseBean.soldeWaveMoney}
+
Wave Money
+
+
+ +
+
+
+
+
+ + +
+
+
+
Évolution du Solde
+
📊
Graphique temporaire
+
+
+ +
+
+
Répartition par Catégorie
+
📊
Graphique temporaire
+
+
+
+ + +
+ +
Journal de Caisse
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + #{mouvement.modePaiement} +
+
+ + + + + + + +
+ + + +
+
+
+ + +
+
+
+
+
Total Entrées
+
#{caisseBean.totalEntreesPeriode}
+
+
+
+
+
Total Sorties
+
#{caisseBean.totalSortiesPeriode}
+
+
+
+
+
Solde Période
+
#{caisseBean.soldePeriode}
+
+
+
+
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + +
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml new file mode 100644 index 0000000..e1a4786 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml @@ -0,0 +1,445 @@ + + + + Rapports Financiers - UnionFlow + + + +
+
+
+
+
+

+ + Rapports Financiers +

+

Analyse complète de la situation financière • #{rapportBean.periodeAnalyse}

+
+
+ + + +
+
+
+
+
+ + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+
+ + + +
+
+
+
Revenus Totaux
+
#{rapportBean.revenusTotaux}
+
+ + +#{rapportBean.croissanceRevenus}% + vs période précédente +
+
+
+ +
+
+
Dépenses Totales
+
#{rapportBean.depensesTotales}
+
+ + +#{rapportBean.croissanceDepenses}% + vs période précédente +
+
+
+ +
+
+
Bénéfice Net
+
#{rapportBean.beneficeNet}
+
+ +
+
+
+ +
+
+
Trésorerie
+
#{rapportBean.tresorerie}
+
+ + #{rapportBean.joursAutonomie} jours d'autonomie +
+
+
+
+
+ + + +
+ +
+
+
Évolution Revenus vs Dépenses
+
📊
Graphique en cours de développement
+
+
+ + +
+
+
Sources de Revenus
+
📊
Graphique en cours de développement
+
+
+ + +
+
+
Catégories de Dépenses
+
📊
Graphique en cours de développement
+
+
+ + +
+
+
Cash Flow Mensuel
+
📊
Graphique en cours de développement
+
+
+
+
+ + + +
+ +
+
+
Top 10 Contributeurs
+ +
+
+
+ #{status.index + 1} +
+
+
#{contributeur.nom}
+ #{contributeur.numeroMembre} +
+
+
+
#{contributeur.montantTotal}
+ #{contributeur.nombreContributions} contributions +
+
+
+
+
+ + +
+
+
Prévisions Financières
+
+
+ Revenus prévus (3 mois) + #{rapportBean.revenusPrevus3Mois} +
+
+ Dépenses prévues (3 mois) + #{rapportBean.depensesPrevues3Mois} +
+
+ Solde prévisionnel + #{rapportBean.soldePrevisionnel} +
+
+ +
Recommandations
+ +
+ + #{recommandation} +
+
+
+
+
+ + +
+ +
Détail des Transactions
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + #{revenu.modePaiement} +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
Indicateurs Clés de Performance
+
+
+
+
#{rapportBean.tauxRecouvrement}%
+
Taux de Recouvrement
+
+
+
+
+
#{rapportBean.ratioCouverture}
+
Ratio de Couverture
+
+
+
+
+
#{rapportBean.coutMoyenMembre}
+
Coût Moyen/Membre
+
+
+
+
+
#{rapportBean.revenuMoyenMembre}
+
Revenu Moyen/Membre
+
+
+
+
+
+ + +
+
+ + + +
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml new file mode 100644 index 0000000..ce3831f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml @@ -0,0 +1,574 @@ + + + + Rapports et Statistiques - UnionFlow + + +
+ +
+
+
+
+

+ + Rapports et Statistiques +

+

Analyse des données et indicateurs de performance

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+ + Période d'Analyse +
+ +
+
+
+ + + + + + + + + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+
+
+ + + +
+
+
+
+
+ Total Membres +
+ +
+
+
#{rapportsBean.indicateurs.totalMembres}
+
+ + +#{rapportsBean.indicateurs.croissanceMembres}% + ce mois +
+
+
+
+ +
+
+
+
+ Revenus Total +
+ +
+
+
#{rapportsBean.indicateurs.revenus}
+
+ + +#{rapportsBean.indicateurs.croissanceRevenus}% + ce mois +
+
+
+
+ +
+
+
+
+ Événements +
+ +
+
+
#{rapportsBean.indicateurs.totalEvenements}
+
+ + +#{rapportsBean.indicateurs.croissanceEvenements}% + ce mois +
+
+
+
+ +
+
+
+
+ Aides Accordées +
+ +
+
+
#{rapportsBean.indicateurs.totalAides}
+
+ + +#{rapportsBean.indicateurs.croissanceAides}% + ce mois +
+
+
+
+
+
+ + + +
+
+
+
+
+ + Évolution des Membres et Revenus +
+
+
+ +
+
+
#{mois.libelle}
+
+
+
#{mois.membres}
+
+
#{mois.revenus}M
+
+
+
+
+
+
+
+
+ Membres +
+
+
+ Revenus (M FCFA) +
+
+
+
+
+
+ +
+
+
+
+ + Objectifs vs Réalisations +
+
+ +
+
+ #{objectif.libelle} + #{objectif.pourcentage}% +
+ + #{objectif.pourcentage}% + +
+ Réalisé: #{objectif.realise} + Objectif: #{objectif.cible} +
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ + Répartition des Membres +
+
+ +
+
+
+
+ #{categorie.libelle} +
+
+
#{categorie.nombre}
+
#{categorie.pourcentage}%
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ + Analyse des Revenus +
+
+ +
+
+
+
+ +
+ #{source.libelle} +
+
+
#{source.montant}
+
#{source.pourcentage}%
+
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+
+ + Top Entités Performantes +
+ + + +
+ +
+
+ + +
+
+ +
+ #{entite.nom} +
+
+ + +
+ #{entite.score} +
+
+ + +
+ +
+
+
+
+
+
+ +
+
+
+
+ + Indicateurs Clés de Performance +
+
+ +
+
+
+
+ + #{kpi.libelle} +
+
#{kpi.valeur}
+
+
+ +
+ + #{kpi.variation}% +
+
+
+
+
+
+
+
+
+
+ + +
+
+
+ + Alertes et Recommandations +
+
+ +
+
+
+
+ +
+
+
#{alerte.titre}
+
#{alerte.description}
+
+ + #{alerte.dateDetection} +
+
+
+
+
+
+
+
+
+ + +
+
+
+ + Historique des Rapports +
+ + + + #{rapport.dateGenerationFormatee} + + + +
+ + #{rapport.typeLibelle} +
+
+ + + #{rapport.periodeCouverte} + + + + #{rapport.generePar} + + + + + + + + +
+ + + + + +
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+
+
+ +
+ + + +
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/settings.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/settings.xhtml new file mode 100644 index 0000000..177d4d9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/settings.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Settings + +
+
+
+

Administration - Settings

+

Page d'administration en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/users.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/users.xhtml new file mode 100644 index 0000000..09801ab --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/users.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Users + +
+
+
+

Administration - Users

+

Page d'administration en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/utilisateurs/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/utilisateurs/gestion.xhtml new file mode 100644 index 0000000..fdd490d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/utilisateurs/gestion.xhtml @@ -0,0 +1,398 @@ + + + + Gestion des Utilisateurs - UnionFlow + + +
+ +
+
+
+
+

+ + Gestion des Utilisateurs +

+

Administration des comptes et permissions utilisateurs

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+
+ Total Utilisateurs +
+ +
+
+
#{utilisateursBean.statistiques.totalUtilisateurs}
+
+
+ Comptes actifs +
+
+
+
+ +
+
+
+
+ Connectés +
+ +
+
+
#{utilisateursBean.statistiques.utilisateursConnectes}
+
+
+ En ligne maintenant +
+
+
+
+ +
+
+
+
+ Administrateurs +
+ +
+
+
#{utilisateursBean.statistiques.administrateurs}
+
+
+ Privilèges élevés +
+
+
+
+ +
+
+
+
+ Désactivés +
+ +
+
+
#{utilisateursBean.statistiques.utilisateursDesactives}
+
+
+ Comptes suspendus +
+
+
+
+
+ + +
+
+
+ + Recherche et Filtres +
+ +
+
+
+ + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + +
+
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + Utilisateurs (#{utilisateursBean.utilisateursFiltres.size()}) +
+
+ + + +
+
+ + + + + + +
+
+ +
+
+
#{utilisateur.nomComplet}
+
#{utilisateur.email}
+
+
+
+ + + + + + + #{utilisateur.organisationNom} + + + + + + + +
#{utilisateur.derniereConnexionFormatee}
+
#{utilisateur.derniereConnexionRelative}
+
+ + + #{utilisateur.dateCreationFormatee} + + + + +
+ + + + + + + + + + + +
+
+
+
+
+
+ + + + +
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + + + + +
+ +
+ + +
+ +
+
+ + +
+
+
+
+ +
+ + +
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/membre/cotisations.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/membre/cotisations.xhtml new file mode 100644 index 0000000..d3dfac2 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/membre/cotisations.xhtml @@ -0,0 +1,575 @@ + + + + Mes Cotisations - UnionFlow + + + +
+
+
+
+
+

+ + Mes Cotisations +

+

Membre #{membreCotisationBean.numeroMembre} • Statut: #{membreCotisationBean.statutCotisations} • Dernière mise à jour: #{membreCotisationBean.derniereMAJ}

+
+ +
+ + + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{membreCotisationBean.cotisationsPayees}
+
Cotisations Payées
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
#{membreCotisationBean.cotisationsEnAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreCotisationBean.montantDu}
+
Montant Dû
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreCotisationBean.totalVerse}
+
Total Versé 2024
+
+
+ +
+
+
+
+
+ + +
+
+ + Prochaines Échéances +
+
+ +
+
+
+
+
#{echeance.libelle}
+ #{echeance.periode} +
+ +
+
+
+
#{echeance.montant}
+ Échéance: #{echeance.dateEcheance} +
+ + + +
+
+
+
+
+
+ + +
+
+
+
Historique des Paiements
+
+
+
+
Jan-Mar
+
15,000 FCFA
+
+
+
+
+
Avr-Juin
+
15,000 FCFA
+
+
+
+
+
Jul-Sep
+
15,000 FCFA
+
+
+
+
+
Oct-Déc
+
10,000 FCFA
+
+
+
+
+
55,000 FCFA
+
Total versé en 2024
+
+
+
+ +
+
+
Ma Situation
+ +
+
+ Statut Membre + +
+
Type: #{membreCotisationBean.typeMembre}
+
+ +
+
+ Cotisation Mensuelle + #{membreCotisationBean.cotisationMensuelle} +
+
Basée sur votre type de membre
+
+ +
+
+ Ponctualité + #{membreCotisationBean.scorePonctualite}% +
+ +
#{membreCotisationBean.commentairePonctualite}
+
+
+ + +
+
Moyens de Paiement
+ +
+
+ +
+
Wave Money
+ Paiement mobile instantané +
+
+ +
+ +
+
Espèces
+ Paiement auprès du trésorier +
+
+ +
+ +
+
Virement Bancaire
+ Transfert vers compte association +
+
+
+
+
+
+ + +
+ +
Historique de mes Cotisations
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+ + + + + + + + + +
+
#{cotisation.libelle}
+ #{cotisation.periode} +
+
+ + + + + + +
+
#{cotisation.montant}
+ FCFA +
+
+ + + + + + +
+
#{cotisation.dateEcheance}
+ #{cotisation.statutEcheance} +
+
+ + + + + + Non payée + + + +
+ + #{cotisation.modePaiement} +
+ - +
+ + +
+ + + +
+
+
+ + +
+
+
+
+
Total Payé
+
#{membreCotisationBean.totalPayePeriode}
+
+
+
+
+
En Attente
+
#{membreCotisationBean.totalEnAttentePeriode}
+
+
+
+
+
En Retard
+
#{membreCotisationBean.totalEnRetardPeriode}
+
+
+
+
+
Taux Conformité
+
#{membreCotisationBean.tauxConformite}%
+
+
+
+
+
+
+ + + + +
+
+
+ +
+
Paiement sécurisé
+
Toutes les transactions sont cryptées et sécurisées
+
+
+
+ +
+ + + + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+
+
Coordonnées bancaires
+
+
Banque: #{membreCotisationBean.banqueAssociation}
+
IBAN: #{membreCotisationBean.ibanAssociation}
+
Référence: [Votre numéro membre]
+
+
+
+ +
+ + +
+ +
+
+ Montant total: + #{membreCotisationBean.montantAPayer} FCFA +
+
+
+ +
+ + +
+
+
+ + +
+ +
+ + + + +
+
+
+ + + + +
+
+
+ +
+
Service sécurisé
+
Vos cotisations seront automatiquement prélevées chaque mois
+
+
+
+ +
+ + +
+ +
+ + + + + + + + + +
+ +
+ + +
+ +
+
Conditions:
+
    +
  • Montant mensuel: #{membreCotisationBean.cotisationMensuelle} FCFA
  • +
  • Vous pouvez suspendre à tout moment
  • +
  • Notification 24h avant chaque prélèvement
  • +
+
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/membre/dashboard.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/membre/dashboard.xhtml new file mode 100644 index 0000000..d16d816 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/membre/dashboard.xhtml @@ -0,0 +1,385 @@ + + + + Mon Tableau de Bord - UnionFlow + + + +
+
+
+
+
+
+ +
+ #{membreDashboardBean.membre.initiales} +
+
+
+

Bonjour #{membreDashboardBean.membre.prenom} ! 👋

+

+ + #{membreDashboardBean.membre.numeroMembre} • #{membreDashboardBean.membre.typeMembre} +

+

+ + Membre depuis #{membreDashboardBean.membre.dateAdhesion} +

+
+
+ +
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{membreDashboardBean.statutCotisations}
+
Statut Cotisations
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreDashboardBean.evenementsInscrits}
+
Événements à venir
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreDashboardBean.aidesRecues}
+
Aides Reçues
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreDashboardBean.messagesNonLus}
+
Messages Non Lus
+
+
+ +
+
+
+
+
+ + +
+
+ + Notifications Importantes +
+ +
+ +
+
#{alerte.titre}
+
#{alerte.message}
+ #{alerte.dateRelative} +
+ +
+ +
+
+
+
+
+ + +
+
Actions Rapides
+
+
+
+ +
Cotisations
+
Consultez votre situation et payez en ligne
+ + + +
+
+ +
+
+ +
Événements
+
Découvrez et inscrivez-vous aux événements
+ + + +
+
+ +
+
+ +
Demandes
+
Faites une demande d'aide ou de service
+ + + +
+
+
+
+ + +
+
+
+
+
+ + Mes Prochains Événements +
+ + + +
+ + +
+
+ +
+
+
+ #{evenement.titre} + +
+
+ + #{evenement.dateComplete} +
+
+ + #{evenement.lieu} +
+
+ #{evenement.prixFormate} + #{evenement.nombreParticipants} participants +
+
+ +
+ + +
+
+
+
+ +
+ +
Aucun événement à venir
+ + + +
+
+
+ +
+
+
+ + Ma Situation +
+ +
+
+ Cotisations 2024 + #{membreDashboardBean.cotisationsPayees}/#{membreDashboardBean.cotisationsTotales} +
+ +
+ +
+
+ Participation aux événements + #{membreDashboardBean.tauxParticipation}% +
+
#{membreDashboardBean.evenementsAssistes} événements cette année
+
+ +
+
+ Ancienneté + #{membreDashboardBean.anciennete} +
+
Membre depuis #{membreDashboardBean.dateAdhesionFormatee}
+
+
+ + +
+
+ + Rappels +
+ + +
+ +
+
#{rappel.titre}
+ #{rappel.echeance} +
+
+
+ +
+ +
Tout est à jour !
+
+
+
+
+ + +
+
+
+ + Activité Récente +
+ + + +
+ + + +
+
+ +
+
+
#{activite.titre}
+
#{activite.description}
+ #{activite.dateRelative} +
+
+
+
+ +
+ +
Aucune activité récente
+
+
+ + +
+ +
+ + + + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/formulaires.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/formulaires.xhtml new file mode 100644 index 0000000..04fda58 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/formulaires.xhtml @@ -0,0 +1,294 @@ + + + + Nos Formulaires - UnionFlow + + + + + + + +
+
+
Choisissez votre formule
+
+ Des solutions adaptées à chaque taille d'organisation +
+
+ Gérez efficacement votre association avec nos outils professionnels. + Commencez gratuitement et évoluez selon vos besoins. +
+
+
+ + +
+
+
+
+
+
+ +
+
+ + Économisez jusqu'à 16% +
+
+
+
+
+
+ + +
+
+ +
+ +
+
+ + +
+
+ +
+
#{formulaire.nom}
+
#{formulaire.description}
+
+ + +
+
+ #{formulaireBean.getPrixAffiche(formulaire)} +
+
+ Jusqu'à #{formulaire.quotaMaxMembres} membres +
+ +
+ #{formulaireBean.getEconomieAffichee(formulaire)} +
+
+
+ + +
+
    +
  • + + Gestion des membres +
  • +
  • + + Gestion des cotisations +
  • +
  • + + Gestion des événements +
  • +
  • + + Demandes d'aide +
  • +
  • + + Rapports avancés +
  • +
  • + + Support prioritaire +
  • +
+
+ + +
+ + + +
+
+
+
+
+
+
+
+ + +
+
+
Questions fréquentes
+
+
+
+ +
Puis-je changer de formule ?
+
Oui, vous pouvez upgrader ou downgrader à tout moment selon vos besoins.
+
+
+
+
+ +
Mes données sont-elles sécurisées ?
+
Absolument. Nous utilisons un chiffrement de niveau bancaire pour protéger vos données.
+
+
+
+
+ +
Quel support est disponible ?
+
Support par email pour tous, support prioritaire et téléphonique pour Premium+.
+
+
+
+
+
+ + + + + +
+
+
+ +
+
#{formulaireBean.formulaireSelectionne.nom}
+
#{formulaireBean.getPrixAffiche(formulaireBean.formulaireSelectionne)}
+
+ +
+
+ + + + + +
+
+ + +
+
+ + + -16% +
+
+
+
+ +
+ +
+
+
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/home.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/home.xhtml new file mode 100644 index 0000000..6dbbf53 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/home.xhtml @@ -0,0 +1,98 @@ + + + + + UnionFlow - Accueil + + + + +
+ +

UnionFlow

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+ + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/login.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/login.xhtml new file mode 100644 index 0000000..799b2af --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/public/login.xhtml @@ -0,0 +1,214 @@ + + + + Connexion - UnionFlow + + +
+ +
+
+ +
+
+ +
+

UnionFlow

+

+ Plateforme de Gestion Associative +

+
+ + + +
+
+ + +
+
+ +
+
Bienvenue !
+
Connectez-vous à votre espace UnionFlow
+ + + + + + +
+
+ +
+
Session expirée
+
+ Votre session a expiré pour des raisons de sécurité. Veuillez vous reconnecter. +
+
+
+
+
+
+ + + + + +
+ + + + + + + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+
+ + +
+ + Mot de passe oublié ? + +
+ + + + + +
+
+
ou essayez en mode démo
+
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ + Votre organisation n'est pas encore inscrite ? +
+

+ Découvrez UnionFlow avec une démonstration personnalisée +

+ + Demander une démonstration + +
+
+ + +
+
+ © 2024 UnionFlow - Développé par Lions Dev +
+
+ Aide + + Confidentialité + + Conditions +
+
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/access-denied.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/access-denied.xhtml new file mode 100644 index 0000000..1aa1548 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/access-denied.xhtml @@ -0,0 +1,55 @@ + + + + Accès Refusé - UnionFlow + + +
+
+ +
+ +
+ + +

Accès Refusé

+ + +
+

Vous n'avez pas les permissions nécessaires pour accéder à cette page.

+

+ Connecté en tant que : #{userSession.currentUser.nomComplet}
+ Type de compte : #{userSession.typeCompte} +

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

Besoin d'aide ?

+ +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/demande.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/demande.xhtml new file mode 100644 index 0000000..753de2a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/demande.xhtml @@ -0,0 +1,43 @@ + + + Demande d'Adhésion - UnionFlow + + +
+
Demande d'Adhésion
+

Formulaire de demande d'adhésion à l'union.

+ + +
+
+ + + + +
+
+ + + + + +
+
+ + +
+
+ + +
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/history.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/history.xhtml new file mode 100644 index 0000000..da8efa8 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/history.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - History + +
+
+
+

History - Adhesion

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/liste.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/liste.xhtml new file mode 100644 index 0000000..c9716e5 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/liste.xhtml @@ -0,0 +1,33 @@ + + + Liste Adhésions - UnionFlow + + +
+
Liste des Adhésions
+

Vue d'ensemble de toutes les adhésions.

+ + + + + + + + + + + + + + + + +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/new.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/new.xhtml new file mode 100644 index 0000000..7a56966 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/new.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - New + +
+
+
+

New - Adhesion

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/pending.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/pending.xhtml new file mode 100644 index 0000000..7f66a29 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/pending.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Pending + +
+
+
+

Pending - Adhesion

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/renouvellement.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/renouvellement.xhtml new file mode 100644 index 0000000..1288eb1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/renouvellement.xhtml @@ -0,0 +1,43 @@ + + + Renouvellement Adhésion - UnionFlow + + +
+
Renouvellement d'Adhésion
+

Gestion des renouvellements d'adhésion.

+ +
+
+
+
Adhésions à Renouveler
+ + + + + + + + + + + +
+
+
+
+
Statistiques
+

Adhésions expirant ce mois : 5

+

Adhésions renouvelées : 12

+
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/validation.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/validation.xhtml new file mode 100644 index 0000000..e8b6d5c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/adhesion/validation.xhtml @@ -0,0 +1,33 @@ + + + Validation Adhésion - UnionFlow + + +
+
Validation des Adhésions
+

Traitement et validation des demandes d'adhésion en attente.

+ + + + + + + + + + + + + + + + +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/audit.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/audit.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/audit.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/parametres.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/parametres.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/parametres.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/roles.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/roles.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/roles.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/sauvegarde.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/sauvegarde.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/sauvegarde.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/utilisateurs.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/utilisateurs.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/admin/utilisateurs.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/approved.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/approved.xhtml new file mode 100644 index 0000000..6ac33e3 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/approved.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Approved + +
+
+
+

Approved - Aide

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/apropos.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/apropos.xhtml new file mode 100644 index 0000000..89a4deb --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/apropos.xhtml @@ -0,0 +1,326 @@ + + + + À Propos d'UnionFlow + + +
+ + +
+
+
+
+ +

UnionFlow

+

+ La solution complète de gestion d'associations et organisations +

+
+ + + +
+
+ + +
+
+
+
99.9%
+
Disponibilité
+
30 derniers jours
+
+
+
+
+
2.3s
+
Temps de Réponse
+
Moyen
+
+
+
+
+
15,647
+
Utilisateurs
+
Actifs ce mois
+
+
+
+
+
4.8★
+
Satisfaction
+
Note moyenne
+
+
+
+
+
+
+ + +
+
+
+

+ + Notre Mission +

+

+ UnionFlow a été créé avec la vision de simplifier et moderniser la gestion des associations, + coopératives et organisations communautaires. Notre objectif est de fournir des outils + puissants et accessibles qui permettent aux dirigeants de se concentrer sur leur mission + plutôt que sur la paperasse administrative. +

+
+
+ Vision 2025 +
+

+ Devenir la plateforme de référence pour la gestion d'organisations en Afrique + de l'Ouest avec plus de 100,000 utilisateurs actifs. +

+
+
+
+ +
+
+

+ + Nos Valeurs +

+
+
+
+ +
Communauté
+

Favoriser l'entraide et la collaboration

+
+
+
+
+ +
Confiance
+

Sécurité et transparence totales

+
+
+
+
+ +
Innovation
+

Solutions modernes et évolutives

+
+
+
+
+ +
Accessibilité
+

Pour tous, partout, sur tout appareil

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

+ + Informations Système +

+ +
+
+
🏗️ Architecture
+
+
+
+
Framework
+
Quarkus 3.15.1
+
+
+
+
+
Interface
+
PrimeFaces 14.0.5
+
+
+
+
+
Base de données
+
PostgreSQL 15
+
+
+
+
+
Cache
+
Redis 7.2
+
+
+
+
+ +
+
🔧 Environnement
+
+
+
+
JVM
+
OpenJDK 21
+
+
+
+
+
Serveur
+
Kubernetes
+
+
+
+
+
CDN
+
Cloudflare
+
+
+
+
+
Monitoring
+
Prometheus
+
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Équipe de Développement +

+ +
+
+
+
+ +
+
Équipe Core
+

+ Architectes et développeurs principaux responsables + de la vision produit et de l'architecture technique. +

+
+ +
+
+
+ +
+
+
+ +
+
Support Technique
+

+ Équipe dédiée à l'assistance utilisateurs, + maintenance et résolution des incidents. +

+
+ +
+
+
+ +
+
+
+ +
+
UX/UI Design
+

+ Designers spécialisés dans l'expérience utilisateur + et l'interface moderne. +

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

+ + Nous Contacter +

+ +
+
+
+ +
Email
+

contact@unionflow.dev

+
+
+ +
+
+ +
Site Web
+

www.unionflow.dev

+
+
+ +
+
+ +
GitHub
+

github.com/unionflow

+
+
+ +
+
+ +
Twitter
+

@unionflow_dev

+
+
+
+ +
+

+ © 2024 UnionFlow. Tous droits réservés. +

+

+ Développé avec ❤️ pour les communautés d'Afrique de l'Ouest par Lions Dev +

+
+
+
+
+ +
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/demande.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/demande.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/demande.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/documentation.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/documentation.xhtml new file mode 100644 index 0000000..9f6f032 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/documentation.xhtml @@ -0,0 +1,169 @@ + + + + Documentation Complète - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Documentation Complète +

+

+ Documentation technique et fonctionnelle d'UnionFlow +

+
+
+ + +
+
+ + +
+
+
+
45
+
Articles
+
Documentation complète
+
+
+
+
+
12
+
Mis à Jour
+
Ce mois-ci
+
+
+
+
+
6
+
Catégories
+
Thématiques
+
+
+
+
+
3
+
Langages
+
API supportées
+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
Guide Utilisateur
+

Documentation complète pour l'utilisation d'UnionFlow

+
+ 15 min + 250 +
+
+
+ +
+
+
+ + +
+
API REST
+

Documentation complète de l'API REST UnionFlow

+
+ 25 min + 180 +
+
+
+ +
+
+
+ + +
+
Configuration
+

Guide de configuration et paramétrage du système

+
+ 20 min + 95 +
+
+
+ +
+
+
+ + +
+
Dépannage
+

Solutions aux problèmes courants et dépannage

+
+ 30 min + 340 +
+
+
+ +
+
+
+ + +
+
Intégrations
+

Intégration avec des systèmes tiers et webhooks

+
+ 35 min + 75 +
+
+
+ +
+
+
+ + +
+
Sécurité
+

Bonnes pratiques de sécurité et authentification

+
+ 28 min + 120 +
+
+
+
+ +
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/faq.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/faq.xhtml new file mode 100644 index 0000000..660a9a1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/faq.xhtml @@ -0,0 +1,468 @@ + + + + Questions Fréquentes - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Questions Fréquentes +

+

+ Trouvez rapidement des réponses aux questions les plus courantes +

+
+
+ + +
+
+ + +
+
+
+
47
+
Questions
+
Dans la FAQ
+
+
+
+
+
94%
+
Résolution
+
Taux de satisfaction
+
+
+
+
+
2.3m
+
Temps Moyen
+
De réponse
+
+
+
+
+
8
+
Catégories
+
Thématiques
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + +
+
+ + + + + + + + + + + + +
+
+
+
+
+
+ + +
+
+
+

+ + Questions les Plus Populaires +

+ +
+
+
+
+
+
Comment réinitialiser mon mot de passe ?
+

Procédure de récupération de compte

+
+
+ + +
+
+
+ +
+
+
+
Comment exporter la liste des membres ?
+

Export Excel et PDF personnalisés

+
+
+ + +
+
+
+ +
+
+
+
Configurer les notifications email ?
+

Paramétrage des alertes automatiques

+
+
+ + +
+
+
+
+ +
+
+
+
+
Organiser un événement étape par étape ?
+

Guide complet de création d'événement

+
+
+ + +
+
+
+ +
+
+
+
Gérer les rôles et permissions ?
+

Attribution des droits d'accès

+
+
+ + +
+
+
+ +
+
+
+
Problème de connexion lente ?
+

Solutions de performance

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

+ + FAQ par Catégories +

+ + + + +
+
+
+ Authentification et Sécurité +
+ +
+
+
Comment créer un compte utilisateur ?
+ +
+

+ Seul un administrateur peut créer de nouveaux comptes utilisateurs. Rendez-vous dans "Administration" → "Gestion Utilisateurs" → "Nouvel Utilisateur". + Remplissez les informations obligatoires et attribuez un rôle approprié. +

+
+ + +
+
+ +
+
+
Pourquoi ma session expire-t-elle souvent ?
+ +
+

+ Par sécurité, les sessions expirent après 30 minutes d'inactivité. Vous pouvez cocher "Se souvenir de moi" + lors de la connexion pour étendre cette durée. Si le problème persiste, videz le cache de votre navigateur. +

+
+
+ Conseil Pro +
+

+ Activez les notifications push pour être alerté avant l'expiration de votre session. +

+
+
+ +
+
+
Comment activer l'authentification à deux facteurs ?
+ +
+

+ Allez dans "Mon Espace Personnel" → "Paramètres Compte" → "Sécurité" → "Authentification 2FA". + Scannez le QR code avec Google Authenticator ou Authy, puis validez avec le code généré. +

+
+
+
+
+ + + +
+
+
+ Inscription et Modification +
+ +
+
+
Que faire si un membre refuse son adhésion ?
+ +
+

+ Rendez-vous dans "Gestion des Adhésions" → "Validation des Demandes", trouvez la demande concernée + et cliquez sur "Rejeter". Ajoutez un motif de refus qui sera envoyé automatiquement au demandeur. +

+
+
+ Important +
+

+ Assurez-vous de documenter les raisons du refus pour le suivi administratif. +

+
+
+ +
+
+
Comment transférer un membre vers une autre organisation ?
+ +
+

+ Cette fonctionnalité n'est disponible que pour les Super-Administrateurs. Contactez le support + avec les détails du transfert : membre concerné, organisation de destination et justification. +

+
+
+
+
+ + + +
+
+
+ Cotisations et Paiements +
+ +
+
+
Comment configurer les cotisations automatiques ?
+ +
+

+ Allez dans "Gestion Financière" → "Cotisations" → "Configuration Auto". Définissez le montant, + la périodicité (mensuelle/annuelle) et les conditions de prélèvement automatique. +

+
+
+ +
+
+ +
+
+
+ +
+
+
Un paiement mobile money a échoué, que faire ?
+ +
+

+ Vérifiez d'abord le statut dans "Historique Paiements". Si le paiement est marqué "Échec", + cliquez sur "Relancer" ou demandez au membre de réessayer avec un solde suffisant. +

+
+
+
+
+ + + +
+
+
+ Problèmes Courants +
+ +
+
+
L'application est lente ou ne répond pas ?
+ +
+

+ 1. Vérifiez votre connexion internet
+ 2. Videz le cache : Ctrl+Maj+Suppr (Chrome)
+ 3. Redémarrez votre navigateur
+ 4. Essayez en navigation privée +

+
+
+ Solution Rapide +
+

+ 90% des problèmes de lenteur sont résolus en vidant le cache navigateur. +

+
+
+ +
+
+
Erreur "Page non trouvée" en naviguant ?
+ +
+

+ Cette erreur peut survenir après une mise à jour. Déconnectez-vous complètement, + fermez tous les onglets UnionFlow, puis reconnectez-vous. +

+
+
+
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + + + + +
+
+ + + + + + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/guide.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/guide.xhtml new file mode 100644 index 0000000..4c0c906 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/guide.xhtml @@ -0,0 +1,406 @@ + + + + Guide Utilisateur - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Guide Utilisateur UnionFlow +

+

+ Apprenez à utiliser efficacement toutes les fonctionnalités d'UnionFlow +

+
+
+ + +
+
+ + +
+
+

Votre Progression

+ #{guideBean.sectionsLues} / #{guideBean.totalSections} sections +
+ +
+ + + +
+
+
+
+
+ + +
+ +
+
+ + +
+
+
+ + Table des Matières +
+ +
+ +
#{guideBean.pourcentageProgression}% terminé
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
+
+
+ + +
+
+ + +
+
+

#{guideBean.sectionCourante.titre}

+
+ + #{guideBean.sectionCourante.tempsLecture} min de lecture +
+
+
+ + + +
+
+ + +
+ +

Se connecter à UnionFlow

+ +

+ Pour accéder à UnionFlow, vous devez disposer d'un compte utilisateur avec les droits appropriés. + Voici comment procéder pour votre première connexion. +

+ +
+
+ + Étapes de connexion +
+
    +
  1. Rendez-vous sur la page de connexion UnionFlow
  2. +
  3. Sélectionnez votre type de compte (Membre, Admin, etc.)
  4. +
  5. Saisissez votre email ou nom d'utilisateur
  6. +
  7. Entrez votre mot de passe
  8. +
  9. Cliquez sur "Se connecter"
  10. +
+
+ +
+
+ + Mot de passe oublié ? +
+

+ Cliquez sur "Mot de passe oublié ?" sur la page de connexion pour recevoir + un lien de réinitialisation par email. +

+
+ +
Types de comptes disponibles
+
+
+
+ +
Super-Admin
+

Accès complet au système

+
+
+
+
+ +
Admin Organisation
+

Gestion d'une organisation

+
+
+
+
+ +
Membre
+

Accès membre standard

+
+
+
+
+ + +

Inscrire un nouveau membre

+ +

+ L'inscription d'un nouveau membre est une procédure simple qui permet d'ajouter + une personne à votre organisation avec toutes les informations nécessaires. +

+ +
+
+ + Prérequis +
+
    +
  • Avoir les droits d'administration ou de gestion des membres
  • +
  • Disposer des informations personnelles du futur membre
  • +
  • Connaître le type d'adhésion souhaité
  • +
+
+ +
Processus d'inscription
+ +
+
+
+
1
+
+
+
+
Accéder au formulaire
+

Menu "Gestion des Membres" → "Nouvelle Inscription"

+
+
+ +
+
+
2
+
+
+
+
Remplir les informations personnelles
+

Nom, prénom, date de naissance, contact, adresse

+
+
+ +
+
+
3
+
+
+
+
Choisir le type d'adhésion
+

Membre actif, associé, d'honneur, etc.

+
+
+ +
+
+
+ +
+
+
+
Validation et enregistrement
+

Le membre reçoit automatiquement ses identifiants par email

+
+
+
+
+ + +
+ +

Sélectionnez une section

+

Choisissez un sujet dans le menu de gauche pour commencer la lecture

+
+
+
+ + +
+ + +
+ + +
+ + +
+
+
+
+ + + + +
+
+ + + + +
+ +
+ +
+
+
+
#{resultat.titre}
+

#{resultat.description}

+ +
+ +
+
+
+ +
+ +

Aucun résultat trouvé pour "#{guideBean.termeRecherche}"

+
+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/historique.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/historique.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/historique.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/history.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/history.xhtml new file mode 100644 index 0000000..8163f93 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/history.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - History + +
+
+
+

History - Aide

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/nouveautes.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/nouveautes.xhtml new file mode 100644 index 0000000..6ccfd66 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/nouveautes.xhtml @@ -0,0 +1,400 @@ + + + + Nouveautés - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Nouveautés UnionFlow +

+

+ Découvrez les dernières fonctionnalités, améliorations et corrections +

+
+
+ + +
+
+ + +
+
+
+
v2.1.3
+
Version Actuelle
+
Stable
+
+
+
+
+
47
+
Nouvelles Fonctionnalités
+
Cette année
+
+
+
+
+
134
+
Améliorations
+
Depuis v2.0
+
+
+
+
+
89
+
Corrections
+
Bugs résolus
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
+

Version 2.1.3 - Dernière version stable

+

Publiée le 18 janvier 2024 • Mise à jour de sécurité importante

+
+
+ +
+
+ +
+
+
🔒 Améliorations de Sécurité
+
    +
  • + + Correction de faille XSS dans les formulaires de commentaires +
  • +
  • + + Mise à jour des dépendances de sécurité critiques +
  • +
  • + + Renforcement de la validation des uploads de fichiers +
  • +
+ +
🐛 Corrections de Bugs
+
    +
  • + + Résolution du problème d'export Excel sur Chrome 120+ +
  • +
  • + + Correction de l'affichage des dates sur mobile +
  • +
+
+
+
+
📊 Impact de la mise à jour
+
+ Sécurité + +
+
+ Compatibilité + +
+
+ Taille + 15.2 MB +
+
+
+
+
+
+
+ + +
+
+
+

+ + Historique des Versions +

+ + +
+
+
+ +
+
+
Version 2.1.2
+

Publiée le 3 janvier 2024

+
+
+ + +
+
+ +
+
+
✨ Nouvelles Fonctionnalités
+
    +
  • + + Système de notifications en temps réel +
  • +
  • + + Export PDF avec signature électronique +
  • +
  • + + Interface de gestion des rôles avancée +
  • +
+
+
+
⚡ Améliorations
+
    +
  • + + Performance des rapports (+40%) +
  • +
  • + + Interface mobile optimisée +
  • +
+
+
+
+ + +
+
+
+ +
+
+
Version 2.1.1
+

Publiée le 15 décembre 2023

+
+
+ +
+
+ +
🐛 Corrections
+
    +
  • + + Correction du bug d'affichage dans les tableaux de données +
  • +
  • + + Résolution des problèmes de connexion SSO +
  • +
  • + + Correction des erreurs de validation de formulaires +
  • +
+
+ + +
+
+
+ +
+
+
Version 2.1.0 - Release Majeure
+

Publiée le 1er décembre 2023

+
+
+ + +
+
+ +
+
+
+
+ Points forts de cette version +
+

+ Version LTS avec support étendu jusqu'en décembre 2025. + Architecture modernisée et nouvelles API REST. +

+
+
+ +
+
✨ Nouvelles Fonctionnalités
+
    +
  • + + API REST v2 complète +
  • +
  • + + Workflow personnalisables +
  • +
  • + + Tableau de bord configurable +
  • +
+
+ +
+
⚡ Améliorations
+
    +
  • + + Performances globales +60% +
  • +
  • + + Sécurité renforcée (2FA) +
  • +
  • + + UX/UI redesignée +
  • +
+
+ +
+
🔧 Technique
+
    +
  • + + Migration Quarkus 3.x +
  • +
  • + + Base de données optimisée +
  • +
  • + + Cache distribué Redis +
  • +
+
+
+
+ + +
+
+
+ +
+
+
Version 2.0.5
+

Publiée le 10 novembre 2023 • Support terminé

+
+
+ + +
+
+

+ Dernière version de la branche 2.0.x. Migration vers 2.1.x recommandée pour les corrections de sécurité. +

+
+ + +
+ +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/requests.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/requests.xhtml new file mode 100644 index 0000000..69091b1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/requests.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Requests + +
+
+
+

Requests - Aide

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/statistiques.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/statistiques.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/statistiques.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/suggestions.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/suggestions.xhtml new file mode 100644 index 0000000..84a94cc --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/suggestions.xhtml @@ -0,0 +1,462 @@ + + + + Suggestions et Feedback - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Suggestions et Feedback +

+

+ Partagez vos idées pour améliorer UnionFlow et votez pour les suggestions de la communauté +

+
+
+ + +
+
+ + +
+
+
+
247
+
Suggestions
+
Soumises
+
+
+
+
+
43
+
Implémentées
+
Dans la v2.0
+
+
+
+
+
1,523
+
Votes
+
Ce mois-ci
+
+
+
+
+
156
+
Contributeurs
+
Actifs
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+

+ + Suggestions les Plus Populaires +

+ + +
+
+
+
+
Mode sombre pour l'interface
+ + +
+

Proposé par Marie Dubois • il y a 2 semaines

+

+ Ajouter un thème sombre à l'interface pour réduire la fatigue visuelle lors de longues sessions de travail. + Particulièrement utile pour les utilisateurs travaillant en soirée ou dans des environnements peu éclairés. +

+
+ + 24 commentaires + + + 847 vues + +
+
+
+
+ +
156
+
votes
+
+
+
+
+

+ + Mise à jour: Cette fonctionnalité est en cours de développement et sera disponible dans la version 2.2. +

+
+
+ + +
+
+
+
+
Export PDF personnalisé avec logo
+ + +
+

Proposé par Thomas Martin • il y a 1 mois

+

+ Permettre l'ajout du logo de l'organisation sur tous les exports PDF (rapports, listes membres, etc.) + pour une meilleure présentation des documents officiels. +

+
+ + 18 commentaires + + + 523 vues + +
+
+
+
+ +
98
+
votes
+
+
+
+
+ + +
+
+
+
+
Notifications push mobiles
+ + + +
+

Proposé par Sophie Leroy • il y a 3 jours

+

+ Recevoir des notifications push sur mobile pour les événements importants : + nouvelles adhésions, rappels de cotisations, événements à venir, etc. +

+
+ + 7 commentaires + + + 156 vues + +
+
+
+
+ +
34
+
votes
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Mes Contributions +

+ +
+ +
+
+
+
Import CSV automatisé
+ +
+

Soumise il y a 1 semaine

+

+ Permettre l'import automatique de fichiers CSV pour les inscriptions en masse... +

+
+
+ + 12 votes +
+ +
+
+
+ + +
+
+
+
Calendrier partagé équipe
+ +
+

Soumise il y a 3 mois

+

+ Calendrier collaboratif pour planifier les événements et réunions... +

+
+
+ + 67 votes +
+ +
+
+
+
+
+
+
+ + +
+
+
+

+ + Roadmap des Suggestions +

+ +
+
+
+
+ Version 2.2 (Q2 2024) +
+
    +
  • + + Mode sombre +
  • +
  • + + Export PDF avec logo +
  • +
  • + + Recherche avancée globale +
  • +
+
+
+ +
+
+
+ Version 2.3 (Q3 2024) +
+
    +
  • + + Notifications push mobiles +
  • +
  • + + API REST publique +
  • +
  • + + Tableau de bord personnalisable +
  • +
+
+
+ +
+
+
+ Version 3.0 (Q4 2024) +
+
    +
  • + + Application mobile native +
  • +
  • + + Intelligence artificielle +
  • +
  • + + Intégrations avancées +
  • +
+
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + Images, schémas, liens vers des exemples similaires (max 5MB par fichier) +
+
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/support.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/support.xhtml new file mode 100644 index 0000000..e550d7d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/support.xhtml @@ -0,0 +1,321 @@ + + + + Contacter le Support - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Contacter le Support +

+

+ Notre équipe support est là pour vous aider +

+
+
+ + +
+
+ + +
+
+
+ +
Temps de Réponse
+
Moins de 2h
+
+
+
+
+ +
Taux de Résolution
+
98.5%
+
+
+
+
+ +
Satisfaction Client
+
4.8/5
+
+
+
+
+ +
Support
+
7j/7 - 24h/24
+
+
+
+
+
+
+ + +
+
+
+

+ + Choisissez votre canal de support +

+ +
+
+
+
+ +
Ticket Support
+

Pour les problèmes techniques et demandes complexes

+ +

Réponse sous 2h

+
+
+
+ +
+
+
+ +
Chat en Direct
+

Support instantané pour les questions urgentes

+ +

Disponible 9h-18h

+
+
+
+ +
+
+
+ +
Support Téléphonique
+

Appelez-nous directement pour une assistance immédiate

+
+33 1 23 45 67 89
+

Lun-Ven 8h-19h

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

+ + Questions Fréquentes +

+ + + +

+ Pour réinitialiser votre mot de passe, cliquez sur "Mot de passe oublié ?" + sur la page de connexion. Vous recevrez un email avec un lien de réinitialisation + valable pendant 24 heures. +

+ +
+ + +

+ Vous pouvez exporter vos données depuis le menu "Rapports" → "Export Personnalisés". + Plusieurs formats sont disponibles : Excel, PDF, CSV et JSON. +

+
+ + +
+
+ + +

+ Si l'application semble lente, vérifiez votre connexion internet et + videz le cache de votre navigateur. Pour Chrome : Ctrl+Maj+Suppr. +

+
+
+ Diagnostic automatique +
+

+ Utilisez l'outil de diagnostic intégré pour identifier les problèmes. +

+
+
+ + +

+ Rendez-vous dans "Mon Espace Personnel" → "Mes Préférences" → "Notifications" + pour configurer vos alertes par email et dans l'application. +

+
+
+
+
+
+ + +
+
+
+

+ + Ressources Utiles +

+ +
+
+
+ +
+
Tutoriels Vidéo
+

Guides visuels étape par étape

+
+
+
+ +
+
+ +
+
Documentation
+

Guide complet d'utilisation

+
+
+
+ +
+
+ +
+
Communauté
+

Forum d'entraide utilisateurs

+
+
+
+ +
+
+ +
+
Nouveautés
+

Dernières fonctionnalités

+
+
+
+
+
+
+
+ + + + +
+
+
+ + +
+
+ + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+ + +
+
+ + + Formats acceptés: jpg, png, pdf, doc, xlsx (max 10MB) +
+
+ +
+ + +
+
+
+
+ +
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/tickets.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/tickets.xhtml new file mode 100644 index 0000000..8f9278c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/tickets.xhtml @@ -0,0 +1,436 @@ + + + + Mes Tickets Support - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Tickets Support +

+

+ Suivez l'état de vos demandes d'assistance et échangez avec notre équipe +

+
+
+ + +
+
+ + +
+
+
+
12
+
Tickets Créés
+
Au total
+
+
+
+
+
3
+
En Attente
+
Réponse support
+
+
+
+
+
8
+
Résolus
+
Avec succès
+
+
+
+
+
1
+
Fermé
+
Sans résolution
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+

+ + Historique de vos Tickets +

+ + +
+
+
+
+ +
+
+
#TK-2024-0157 - Problème d'export Excel
+
+ + + +
+

Créé le 15 janvier 2024 • Dernière réponse il y a 2h

+
+
+
+
Agent: Marie Dubois
+ +
+
+

+ Impossible d'exporter la liste des membres en format Excel. Le fichier généré est corrompu + et ne s'ouvre pas dans Excel. Cela concerne tous les exports depuis la version 2.1. +

+
+
+ + 5 messages + + 2 fichiers +
+
+ + SLA: 4h restantes +
+
+
+ + +
+
+
+
+ +
+
+
#TK-2024-0143 - Demande de formation personnalisée
+
+ + + +
+

Créé le 12 janvier 2024 • En attente de votre réponse

+
+
+
+
Agent: Thomas Martin
+ +
+
+

+ Souhaitons organiser une formation sur mesure pour notre équipe administrative. + Besoin de devis pour 15 personnes sur 2 jours. +

+
+

+ + Action requise: Merci de préciser vos disponibilités pour les dates proposées. +

+
+
+
+ + 3 messages +
+
+ + Réponse attendue depuis 3 jours +
+
+
+ + +
+
+
+
+ +
+
+
#TK-2024-0128 - Problème de connexion mobile
+
+ + + +
+

Créé le 8 janvier 2024 • Résolu le 10 janvier 2024

+
+
+
+
Agent: Sophie Leroy
+
+ + +
+
+
+

+ Application ne se charge pas sur smartphone Android. Écran blanc après connexion. +

+
+

+ + Résolution: Problème résolu en vidant le cache de l'application mobile. +

+
+
+
+ + 6 messages + + Résolu en 2 jours +
+
+ + Note: 5/5 +
+
+
+ + +
+
+
+
+ +
+
+
#TK-2024-0095 - Demande modification base
+
+ + + +
+

Créé le 28 décembre 2023 • Fermé le 5 janvier 2024

+
+
+
+
Agent: Marc Durand
+ +
+
+

+ Demande de modification des champs de la base de données membres pour ajouter + des informations métier spécifiques. +

+
+

+ + Fermé: Demande non compatible avec l'architecture actuelle. +

+
+
+
+ + 8 messages +
+
+ + Non résolu +
+
+
+
+
+
+ + +
+
+
+

+ + Actions Rapides +

+ +
+
+
+ +
Nouveau Ticket
+

Créer une demande d'assistance

+
+
+ +
+
+ +
Consulter la FAQ
+

Réponses aux questions courantes

+
+
+ +
+
+ +
Guide Utilisateur
+

Documentation complète

+
+
+ +
+
+ +
Contact Direct
+

Appelez le support

+
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + Formats acceptés: jpg, png, pdf, doc, xlsx (max 10MB par fichier) +
+
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/traitement.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/traitement.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/traitement.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/tutoriels.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/tutoriels.xhtml new file mode 100644 index 0000000..44a1ab1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/aide/tutoriels.xhtml @@ -0,0 +1,367 @@ + + + + Tutoriels Vidéo - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Tutoriels Vidéo +

+

+ Apprenez UnionFlow grâce à nos tutoriels vidéo étape par étape +

+
+
+ + +
+
+ + +
+
+
+
24
+
Tutoriels
+
Disponibles
+
+
+
+
+
4h 32m
+
Durée Totale
+
Contenu vidéo
+
+
+
+
+
1,847
+
Vues
+
Ce mois-ci
+
+
+
+
+
4.8★
+
Note Moyenne
+
Sur 156 avis
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+

+ + Premiers Pas avec UnionFlow +

+ +
+ +
+
+
+
+ +
+
+ +
+
+
+
+
Première Connexion
+

Découvrez comment vous connecter pour la première fois à UnionFlow

+
+
+ + 2,341 vues +
+
+ + 4.9 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+
Navigation dans l'Interface
+

Tour complet de l'interface utilisateur et des menus principaux

+
+
+ + 1,876 vues +
+
+ + 4.7 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+
Personnaliser son Profil
+

Comment configurer vos informations personnelles et préférences

+
+
+ + 1,432 vues +
+
+ + 4.8 +
+
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Gestion des Membres +

+ +
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
Inscrire un Nouveau Membre
+

Processus complet d'inscription d'un membre avec toutes les étapes

+
+
+ + 987 vues +
+
+ + 5.0 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
Recherche Avancée
+

Utiliser les filtres et critères de recherche pour trouver des membres

+
+
+ + 1,234 vues +
+
+ + 4.6 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
Export et Rapports Membres
+

Générer des exports Excel et des rapports personnalisés

+
+
+ + 765 vues +
+
+ + 4.9 +
+
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Playlists Recommandées +

+ +
+
+
+
+ +
+
Formation Complète Débutant
+

8 vidéos • 45 min

+
+
+

+ Parcours complet pour débuter avec UnionFlow, de la connexion à la première utilisation +

+ +
+
+ +
+
+
+ +
+
Administration Avancée
+

12 vidéos • 2h 15min

+
+
+

+ Maîtrisez l'administration d'UnionFlow : utilisateurs, rôles, permissions et configuration +

+ +
+
+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/collect.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/collect.xhtml new file mode 100644 index 0000000..84cdb93 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/collect.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Collect + +
+
+
+

Collect - Cotisation

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/historique.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/historique.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/historique.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/paiement.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/paiement.xhtml new file mode 100644 index 0000000..79180d1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/paiement.xhtml @@ -0,0 +1,21 @@ + + + Paiement Cotisation - UnionFlow + + +
+
Paiement de Cotisation
+

Interface de paiement des cotisations membres.

+
+ +

Fonctionnalité de paiement en développement

+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/rapports.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/rapports.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/rapports.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/relances.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/relances.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/relances.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/reminders.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/reminders.xhtml new file mode 100644 index 0000000..5a3eb26 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/reminders.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Reminders + +
+
+
+

Reminders - Cotisation

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/report.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/report.xhtml new file mode 100644 index 0000000..ba378ed --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/cotisation/report.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Report + +
+
+
+

Report - Cotisation

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml new file mode 100644 index 0000000..c09dd7d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml @@ -0,0 +1,552 @@ + + + + UnionFlow - Tableau de bord + + +
+ +
+
+
+
+

Tableau de bord UnionFlow

+

Bienvenue #{userSession.currentUser.nom}, voici un aperçu de votre union

+
+ + #{dashboardBean.currentDate} + | + + #{dashboardBean.totalMembers} membres inscrits +
+
+
+ + +
+
+
+
+ + +
+
+
+ + Actions requises aujourd'hui +
+
+ +
+
+
+
+ +
+
+
#{dashboardBean.cotisationsRetard}
+
Cotisations en retard
+
+
+
+
+ + +
+
+
+
+ +
+
+
#{dashboardBean.adhesionsExpiration}
+
Expire dans 7 jours
+
+
+
+
+ + +
+
+
+
+ +
+
+
#{dashboardBean.demandesToTraiter}
+
Demandes en attente
+
+
+
+
+ + +
+
+
+
+ +
+
+
#{dashboardBean.tachesCompletees}
+
Complétées aujourd'hui
+
+
+
+
+
+
+
+ + +
+
+ + Vue d'ensemble +
+
+ + +
+
+
+
+ Communauté +
#{dashboardBean.activeMembers}
+ Membres actifs +
+
+ +
+
+
+ + +#{dashboardBean.membresEvolutionPourcent}% + ce mois +
+ +
+
+ + +
+
+
+
+ Trésorerie +
#{dashboardBean.totalCotisations}
+ FCFA collectés +
+
+ +
+
+
+ + +#{dashboardBean.cotisationsEvolutionPourcent}% + vs mois dernier +
+ +
+
+ + +
+
+
+
+ Solidarité +
#{dashboardBean.aidesDistribuees}
+ FCFA distribués +
+
+ +
+
+
+
+ #{dashboardBean.pendingAides} + demandes en attente +
+ +
+
+ + +
+
+
+
+ Engagement +
#{dashboardBean.tauxParticipation}%
+ Taux de participation +
+
+ +
+
+
+ + #{dashboardBean.upcomingEvents} + événements prévus +
+ +
+
+ + +
+
+
+
Évolution financière (3 derniers mois)
+
+ + + + + + + + +
+
+ + + +
+
+
Mai 2024
+
+
+ 2.5M FCFA +
+
+
+
Juin 2024
+
+
+ 3.8M FCFA +
+
+
+
Juillet 2024
+
+
+ 3.2M FCFA +
+
+
+ + +
+
+
+ +
+
+28%
+ Recettes vs mois dernier +
+
+
+
+
+ +
+
-12%
+ Dépenses vs mois dernier +
+
+
+
+
+ +
+
Stable
+ Taux de participation +
+
+
+
+
+
+
+ +
+
+
État des cotisations
+ + +
+
+
+
+
+ 85% +
+
+
+
+ + +
+
+
+
+ À jour +
+ 60% +
+
+
+
+ En retard +
+ 20% +
+
+
+
+ Impayées +
+ 20% +
+
+ + +
+
+
+ Taux de collecte + 75% +
+
+
+
+
+
+
+ Objectif mensuel + 82% +
+
+
+
+
+
+
+
+ + +
+
+
+
Journal d'activités
+
+ + + + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+
+ + + + +
+
#{activity.titre}
+
#{activity.description}
+
+ #{activity.montant} FCFA +
+
+
+ +
+ +
+
#{activity.userNom}
+ #{activity.userRole} +
+
+
+ + + +
+
+
+ + +
+
+
Actions rapides
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
Tâches prioritaires
+
+
+ +
+
Valider #{dashboardBean.adhesionsPendantes} adhésions
+ Demandes en attente de validation +
+ +
+ +
+ +
+
Relancer #{dashboardBean.cotisationsRetard} cotisations
+ Paiements en retard +
+ +
+ +
+ +
+
Traiter #{dashboardBean.aidesEnAttente} aides
+ Demandes d'aide à examiner +
+ +
+ +
+ +
+
Organiser prochains événements
+ #{dashboardBean.evenementsAPlanifier} événements à planifier +
+ +
+
+
+
+ + +
+
+
+
Résumé financier mensuel
+
+ + + + + + +
+
+ + +
+
+
#{dashboardBean.recettesMois} FCFA
+
Recettes totales
+
+
+
+
+
#{dashboardBean.depensesMois} FCFA
+
Dépenses totales
+
+
+
+
+
#{dashboardBean.soldeMois} FCFA
+
Solde net
+
+
+
+
+
#{dashboardBean.tresorerie} FCFA
+
Trésorerie actuelle
+
+
+
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/calendar.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/calendar.xhtml new file mode 100644 index 0000000..02917e9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/calendar.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Calendar + +
+
+
+

Calendar - Evenement

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/calendrier.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/calendrier.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/calendrier.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/create.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/create.xhtml new file mode 100644 index 0000000..4bfe71d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/create.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Create + +
+
+
+

Create - Evenement

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/creation.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/creation.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/creation.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/gestion.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/gestion.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/participants.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/participants.xhtml new file mode 100644 index 0000000..d70c8ed --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/participants.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Participants + +
+
+
+

Participants - Evenement

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/participation.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/participation.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/participation.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml new file mode 100644 index 0000000..4844ed9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml @@ -0,0 +1,719 @@ + + + + Inscription Membre - UnionFlow + + + +
+
+
+
+
+

+ + Inscription Nouveau Membre +

+

Formulaire complet d'inscription avec photo et documents

+
+
+
Numéro: #{membreInscriptionBean.numeroGenere}
+ Généré automatiquement +
+
+
+
+
+ + + + +
+
+
+
Informations personnelles
+ + +
+
+
+ +
+ +
+ +
+
+
+ + + + +
+ JPG, PNG ou GIF - Maximum 2MB +
+ + + +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + + +
+
+ + +
+
+ + + + + +
+
+ + +
+
+ + +
+
+ +
+
Contact d'urgence
+
+ + +
+
+ + +
+
+ + + + + +
+
+ +
+
Documents justificatifs
+ + + +
Fichiers ajoutés:
+ +
+
+ + #{document} +
+ +
+
+
+ + Formats acceptés: PDF, DOC, DOCX, JPG, PNG - Maximum 5 fichiers de 5MB chacun +
+
+ +
+
+
Coordonnées
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+
+ +
+
Adhésion
+
+ + + + + +
+
+ +
+ + +
+
+
+ + +
+
+ + +
+
+
+ +
+
+
Informations complémentaires
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
Autorisations
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
Progression de l'inscription
+
+
+
+ +
Informations personnelles
+ +
+
+
+
+ +
Coordonnées
+ +
+
+
+
+ +
Adhésion
+ +
+
+
+
+ +
Documents
+ +
+
+
+ +
+ + +
+
Finaliser l'inscription
+
+
+ +
+
Vérifiez toutes les informations
+
Assurez-vous que tous les champs requis sont remplis correctement
+
+
+
+ +
+ + + + + + + +
+ +
+ + + Toutes les données sont chiffrées et sécurisées selon les standards RGPD + +
+
+
+
+ + + + + +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/list.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/list.xhtml new file mode 100644 index 0000000..c94d813 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/list.xhtml @@ -0,0 +1,26 @@ + + + + UnionFlow - Liste des membres + + +
+
+
+

Liste des membres

+

Gestion des membres de l'union

+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml new file mode 100644 index 0000000..98653d3 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml @@ -0,0 +1,467 @@ + + + + Liste des Membres - UnionFlow + + + +
+
+
+
+
+

+ + Liste des Membres +

+

Gestion et suivi des membres de l'association

+
+ +
+ + +
+
+
+
+
+
+ + + +
+ +
Tous les Membres
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ + + + + + + + + + + +
+
+ +
+ #{membre.initiales} +
+
+
+
#{membre.nomComplet}
+
+ #{membre.telephone} + + #{membre.email} +
+
+
+
+ + + + + + + + + + + + + + +
+
#{membre.dateAdhesion}
+ #{membre.anciennete} +
+
+ + +
+
#{membre.cotisationStatut}
+ #{membre.dernierPaiement} +
+
+ + +
+
#{membre.tauxParticipation}%
+ #{membre.evenementsAnnee} événements +
+
+ + +
+ + + + + + +
+
+
+ + +
+
+ #{membreListeBean.selectedMembres.size()} membre(s) sélectionné(s) + + - Cochez des cases pour activer les actions + +
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+ + + +
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+
Destinataires :
+
#{membreListeBean.selectedMembres.size()} membre(s) recevront ce message
+
+
+ +
+ + +
+
+
+ + + + + + +
+
+ + +
+ +
+ + +
+ +
+
Format attendu :
+ + Colonnes : Nom, Prénom, Email, Téléphone, Date naissance, Adresse, Profession, Type membre + +
+
+ +
+ + +
+
+ + +
+
+ + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/new.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/new.xhtml new file mode 100644 index 0000000..2cd0467 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/new.xhtml @@ -0,0 +1,26 @@ + + + + UnionFlow - Nouveau membre + + +
+
+
+

Nouveau membre

+

Inscription d'un nouveau membre

+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml new file mode 100644 index 0000000..e10da55 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml @@ -0,0 +1,628 @@ + + + + Profil de #{membreProfilBean.membre.nomComplet} - UnionFlow + + + +
+
+
+
+
+ +
+
+ +
+ #{membreProfilBean.membre.initiales} +
+
+ + + +
+ + +
+
+

#{membreProfilBean.membre.nomComplet}

+ +
+ +
+
+
+ Numéro membre: + #{membreProfilBean.membre.numeroMembre} +
+
+ Type: + +
+
+ Entité: + #{membreProfilBean.membre.entite} +
+
+
+
+ Adhésion: + #{membreProfilBean.membre.dateAdhesion} + (#{membreProfilBean.membre.anciennete}) +
+
+ Cotisations: + #{membreProfilBean.membre.cotisationStatut} +
+
+ Participation: + #{membreProfilBean.membre.tauxParticipation}% +
+
+
+
+
+ + + +
+ + + + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{membreProfilBean.statistiques.evenementsParticipes}
+
Événements
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreProfilBean.statistiques.cotisationsPayees}
+
Cotisations
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreProfilBean.statistiques.aidesRecues}
+
Aides reçues
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreProfilBean.statistiques.scoreEngagement}
+
Score engagement
+
+
+ +
+
+
+
+
+ + +
+ + + +
+
+
Informations de base
+
+
+ Nom complet: + #{membreProfilBean.membre.nomComplet} +
+
+ Date de naissance: + #{membreProfilBean.membre.dateNaissance} +
+
+ Genre: + #{membreProfilBean.membre.genre} +
+
+ Situation familiale: + #{membreProfilBean.membre.situationFamiliale} +
+
+ Profession: + #{membreProfilBean.membre.profession} +
+
+
+ +
+
Coordonnées
+
+
+ Email: + #{membreProfilBean.membre.email} +
+
+ Téléphone: + #{membreProfilBean.membre.telephone} +
+
+ Adresse: + #{membreProfilBean.membre.adresse} +
+
+ Ville: + #{membreProfilBean.membre.ville} +
+
+ Pays: + #{membreProfilBean.membre.pays} +
+
+
+ +
+
Famille
+ + + + + + + + + + + + + + + + +
+
+
+ + + +
+
+
État des cotisations
+
+
+ Statut actuel: + +
+
+ Dernier paiement: + #{membreProfilBean.cotisations.dernierPaiement} +
+
+ Prochaine échéance: + + #{membreProfilBean.cotisations.prochaineEcheance} + +
+
+ Total payé cette année: + #{membreProfilBean.cotisations.totalAnnee} +
+
+ + +
+ + +
+
+
+ +
+
Historique des paiements
+ + + + + + + + + + + + +
+ + #{paiement.modePaiement} +
+
+ + + +
+
+
+
+ + + +
+
+
Événements récents
+ +
+
+ +
+
+
#{evenement.titre}
+
+ #{evenement.date} • #{evenement.lieu} +
+
+
+ +
+ #{evenement.role} +
+
+
+
+
+ +
+
Statistiques participation
+
+
+ Taux de participation: + #{membreProfilBean.statistiques.tauxParticipation}% +
+ + +
+ Cette année: + #{membreProfilBean.statistiques.evenementsAnnee} +
+
+ Total: + #{membreProfilBean.statistiques.evenementsTotal} +
+
+ En tant qu'organisateur: + #{membreProfilBean.statistiques.evenementsOrganises} +
+
+ Absences: + #{membreProfilBean.statistiques.absences} +
+
+
+
+
+ + + +
+
+
Aides reçues
+ + +
+ + #{aide.type} +
+
+ + + + + + + + + + + + + +
+
+ +
+
Demandes en cours
+ + + + + + + + + + + + + + + + + + + + +
+
+
+ + + +
Activité récente
+ +
+
+ +
+
+
+ #{activite.description} + #{activite.date} +
+
+ Par #{activite.auteur} +
+
+ #{activite.details} +
+
+
+ + +
+
+
+
+ + +
+ +
Aucune activité récente
+
+
+
+
+ + + + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+ + +
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + + + + + + + + + + +
+
+ +
+ +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml new file mode 100644 index 0000000..32de1c8 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml @@ -0,0 +1,701 @@ + + + + Recherche Avancée des Membres - UnionFlow + + + +
+
+
+
+
+

+ + Recherche Avancée des Membres +

+

Outil de recherche puissant pour retrouver et analyser les membres

+
+ +
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
#{membreRechercheBean.statistiques.totalMembres}
+
Total Membres
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreRechercheBean.statistiques.resultatsActuels}
+
Résultats trouvés
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreRechercheBean.statistiques.filtresActifs}
+
Filtres actifs
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreRechercheBean.statistiques.tempsRecherche}ms
+
Temps de recherche
+
+
+ +
+
+
+
+
+ + +
+ +
+ + Critères de Recherche +
+ + + + +
+
+
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+
+
+
+ + + +
+
+
+
+ + + + + + + + +
+
+ +
+
+ + + + + + + + +
+
+ +
+
+ + + + + +
+
+ +
+
+ + + + + + + +
+
+
+ +
+
+
+ + + + +
+
+ +
+
+ + + + +
+
+
+
+
+ + + +
+
+
+
+ + + + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+
+
+
+ + + +
+
+
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+
+
+
+
+ + +
+ + + + +
+
+
+ + +
+
+
+
+ + Résultats de recherche +
+

+ #{membreRechercheBean.resultats.size()} membre(s) trouvé(s) + sur #{membreRechercheBean.statistiques.totalMembres} total + + • #{membreRechercheBean.statistiques.filtresActifs} filtre(s) actif(s) + +

+
+
+ +
+
+
+ + +
+ + + + +
+ Liste des membres +
+ + +
+
+
+ + + + + + + + +
+
+ +
+ #{membre.initiales} +
+
+
+
#{membre.nomComplet}
+
+ #{membre.telephone} + + #{membre.email} +
+
+
+
+ + + + + + + + + + + + + + +
+
#{membre.dateAdhesion}
+ #{membre.anciennete} +
+
+ + +
+
#{membre.cotisationStatut}
+ #{membre.dernierPaiement} +
+
+ + +
+
#{membre.tauxParticipation}%
+ #{membre.evenementsAnnee} événements +
+
+ + +
+ + + +
+
+
+ + +
+
+ #{membreRechercheBean.selectedMembres.size()} membre(s) sélectionné(s) +
+
+ + + +
+
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
Critères à sauvegarder :
+
#{membreRechercheBean.statistiques.filtresActifs} filtre(s) actif(s) seront sauvegardés
+
+
+ +
+ + +
+
+
+ + + + + + +
+
#{recherche.nom}
+ #{recherche.description} +
+
+ + + + + + + + + + + + +
+ + +
+
+
+ +
+ +
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+
Destinataires :
+
#{membreRechercheBean.selectedMembres.size()} membre(s) recevront ce message
+
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/search.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/search.xhtml new file mode 100644 index 0000000..286bea9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/search.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Rechercher membre + +
+
+
+

Rechercher un membre

+

Page en cours de développement...

+ +
+
+
+
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/activites.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/activites.xhtml new file mode 100644 index 0000000..bd24ffa --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/activites.xhtml @@ -0,0 +1,425 @@ + + + + Mes Activités - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Activités +

+

+ Suivez toutes vos interactions et participations dans UnionFlow +

+
+
+ + +
+
+ + +
+
+
+
247
+
Actions Totales
+
Toutes périodes
+
+
+
+
+
34
+
Ce Mois-ci
+
Janvier 2024
+
+
+
+
+
15
+
Événements
+
Participés
+
+
+
+
+
8h
+
Temps Connectée
+
Cette semaine
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+

+ + Activités Récentes +

+ + +
+
+
+
+ +
+
+
Connexion au système
+

Connexion réussie depuis Chrome sur Windows

+
+ + IP: 192.168.1.45 +
+
+
+
+
il y a 2 heures
+
18 jan. 2024, 14:30
+
+
+
+ + +
+
+
+
+ +
+
+
Modification du profil
+

Mise à jour du numéro de téléphone

+
+ + Champ: Téléphone +
+
+
+
+
il y a 1 jour
+
17 jan. 2024, 09:15
+
+
+
+ + +
+
+
+
+ +
+
+
Participation à un événement
+

Assemblée Générale Extraordinaire 2024

+
+ + Durée: 3h 45min +
+
+
+
+
il y a 3 jours
+
15 jan. 2024, 14:00
+
+
+
+ + +
+
+
+
+ +
+
+
Paiement cotisation
+

Cotisation mensuelle janvier 2024

+
+ + Montant: 25,000 FCFA +
+
+
+
+
il y a 1 semaine
+
11 jan. 2024, 16:22
+
+
+
+ + +
+
+
+
+ +
+
+
Téléchargement de document
+

Rapport financier annuel 2023.pdf

+
+ + Taille: 2.4 MB +
+
+
+
+
il y a 2 semaines
+
4 jan. 2024, 11:30
+
+
+
+ + +
+
+
+
+ +
+
+
Création ticket support
+

Problème d'export Excel des rapports

+
+ + Ticket #TK-2024-0157 +
+
+
+
+
il y a 3 semaines
+
28 déc. 2023, 15:45
+
+
+
+
+
+
+ + +
+
+
+

+ + Évolution de l'Activité +

+ +
+
📊
+
Graphique d'activité par jour
+
Derniers 30 jours
+
+
+
+ +
+
+

+ + Répartition par Type +

+ +
+
+
+
35%
+
Connexions
+
+
+
+
+
25%
+
Événements
+
+
+
+
+
20%
+
Modifications
+
+
+
+
+
20%
+
Autres
+
+
+
+ +
+
Recommandations
+
    +
  • + + Activité régulière détectée +
  • +
  • + + Participez plus aux événements +
  • +
+
+
+
+
+ + +
+
+
+

+ + Sessions de Connexion +

+ +
+ +
+
+
+
+ +
Session Actuelle
+
+ +
+
+
+
Navigateur
+
Chrome 120.0
+
+
+
Système
+
Windows 11
+
+
+
IP
+
192.168.1.45
+
+
+
Début
+
14:30
+
+
+
+
+ + +
+
+
+
+ +
Session Mobile
+
+ +
+
+
+
Appareil
+
iPhone 14
+
+
+
App
+
UnionFlow v2.1
+
+
+
Dernière activité
+
il y a 2h
+
+
+
Durée
+
45 min
+
+
+
+
+
+ +
+ +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/agenda.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/agenda.xhtml new file mode 100644 index 0000000..e96cd3e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/agenda.xhtml @@ -0,0 +1,636 @@ + + + + Mon Agenda - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mon Agenda +

+

+ Organisez votre planning et ne manquez aucun événement important +

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

Janvier 2024

+ +
+
+ + + + +
+
+ + +
+
+
+
7
+
Cette Semaine
+
Événements
+
+
+
+
+
3
+
Aujourd'hui
+
Rendez-vous
+
+
+
+
+
15
+
Ce Mois
+
Total
+
+
+
+
+
85%
+
Taux Présence
+
Moyenne
+
+
+
+
+
+
+ + +
+
+
+

+ + Calendrier Mensuel +

+ + +
+ +
+
+
Lun
+
+
+
Mar
+
+
+
Mer
+
+
+
Jeu
+
+
+
Ven
+
+
+
Sam
+
+
+
Dim
+
+
+ + +
+
+
+
1
+
+
+
+
+
2
+
+
+
+
+
3
+
+
+
+
+
+
4
+
+
+
+
+
5
+
+
+
+
+
+
6
+
+
+
+
+
7
+
+
+
+ + +
+
+
+
8
+
+
+
+
+
9
+
+
+
+
+
10
+
+
+
+
+
+
11
+
+
+
+
+
12
+
+
+
+
+
+
13
+
+
+
+
+
14
+
+
+
+ + +
+
+
+
15
+
+
+
+
+
+
16
+
+
+
+
+
17
+
+
+
+
+
18
+
Aujourd'hui
+
+
+
+
+
19
+
+
+
+
+
+
20
+
+
+
+
+
21
+
+
+
+ + +
+
+
+
22
+
+
+
+
+
23
+
+
+
+
+
24
+
+
+
+
+
25
+
+
+
+
+
+
26
+
+
+
+
+
27
+
+
+
+
+
28
+
+
+
+
+ +
+
+
+
29
+
+
+
+
+
30
+
+
+
+
+
31
+
+
+
+
+
+
+
+
+ + +
+
+
+ Réunions +
+
+
+ Événements +
+
+
+ Formations +
+
+
+ Personnel +
+
+
+
+ +
+
+

+ + Aujourd'hui - 18 Janvier +

+ + +
+
+
Réunion équipe
+ +
+
14:00 - 16:00
+
Salle de conférence, 2ème étage
+
+ + +
+
+
Formation Excel
+ +
+
16:30 - 18:00
+
En ligne - Lien Zoom dans l'email
+
+ + +
+
+
Rappel personnel
+ +
+
19:00
+
Appeler Dr. Diallo pour RDV
+
+ +
Prochains événements
+ + +
+
+
+
Assemblée Générale
+
25 janvier, 09:00
+
+ +
+
+ + +
+
+
+
Formation Leadership
+
28 janvier, 14:00
+
+ +
+
+
+
+
+ + +
+
+
+

+ + Planning de la Semaine +

+ +
+ +
+
+
Lundi 15 Janvier
+
+
10:00 - Cotisation en retard
+
Rappel automatique système
+
+
+
+ + +
+
+
Mardi 16 Janvier
+
Aucun événement prévu
+
+
+ + +
+
+
Mercredi 17 Janvier
+
Aucun événement prévu
+
+
+ + +
+
+
Jeudi 18 Janvier (Aujourd'hui)
+
+
14:00 - Réunion équipe
+
Salle de conférence
+
+
+
16:30 - Formation Excel
+
En ligne
+
+
+
19:00 - Rappel personnel
+
Appel Dr. Diallo
+
+
+
+ + +
+
+
Vendredi 19 Janvier
+
+
15:00 - Célébration nouvel an
+
Événement associatif
+
+
+
+ + +
+
+
Actions Rapides
+ + + + + + + + +
+
+
+
+
+
+ + +
+
+
+

+ + Calendriers Synchronisés +

+ +
+
+
+ +
Outlook
+

Dernière sync: il y a 15 min

+ +
+
+ +
+
+ +
Google Calendar
+

Dernière sync: il y a 2h

+ +
+
+ +
+
+ +
iCloud
+

Non configuré

+ +
+
+ +
+
+ +
Ajouter
+

Nouveau calendrier

+ +
+
+
+
+
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + + + + + + + + +
+
+ + + + + + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/documents.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/documents.xhtml new file mode 100644 index 0000000..10e7427 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/documents.xhtml @@ -0,0 +1,600 @@ + + + + Mes Documents - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Documents +

+

+ Gérez vos documents personnels et accédez aux fichiers partagés +

+
+
+ + +
+
+ + +
+
+
+
67
+
Documents
+
Personnels
+
+
+
+
+
2.4 GB
+
Utilisé
+
Sur 5 GB
+
+
+
+
+
156
+
Partagés
+
Accès autorisé
+
+
+
+
+
12
+
En Attente
+
Validation
+
+
+
+
+
+
+ + +
+
+
+
+ +
+ + / + Mes Documents + / + Dossier Personnel +
+ + +
+ + +
+
+ + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+

+ + Accès Rapide +

+ +
+
+
+ +
Récents
+

Documents modifiés récemment

+
+
+ +
+
+ +
Partagés
+

Documents partagés avec vous

+
+
+ +
+
+ +
Favoris
+

Vos documents marqués

+
+
+ +
+
+ +
Corbeille
+

Documents supprimés

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

+ + Mes Dossiers +

+ + +
+
+ + Documents Personnels +
+
+ + +
+
+
+ + Certificats + +
+
+ +
+
+ + Formations + +
+
+ +
+
+ + Rapports + +
+
+ +
+
+ + Images + +
+
+
+ + +
+
+ + Partagés avec moi +
+
+ +
+
+
+ + Équipe Admin + +
+
+ +
+
+ + Ressources Communes + +
+
+
+
+
+ +
+
+

+ + Dossier Personnel / Certificats +

+ + +
+
+
+
+ +
+
+
Certificat_Formation_Leadership_2023.pdf
+
+ Modifié le 15 déc. 2023 + 2.4 MB + +
+

+ Certificat de completion de la formation en leadership obtenu en décembre 2023 +

+
+
+
+ + + +
+
+
+ + +
+
+
+
+ +
+
+
Fiche_Adhesion_2024.docx
+
+ Modifié le 8 jan. 2024 + 156 KB + + +
+

+ Formulaire d'adhésion pour l'année 2024 avec informations mises à jour +

+
+
+
+ + + +
+
+
+ + +
+
+
+
+ +
+
+
Budget_Personnel_2024.xlsx
+
+ Modifié le 3 jan. 2024 + 89 KB + + +
+

+ Feuille de calcul pour la gestion du budget personnel et des cotisations +

+
+
+
+ + + +
+
+
+ + +
+
+
+
+ +
+
+
Photo_Evenement_AG2023.jpg
+
+ Modifié le 28 nov. 2023 + 3.2 MB + +
+

+ Photo de groupe prise lors de l'assemblée générale 2023 +

+
+
+
+ + + +
+
+
+ + +
+
+
+
+ +
+
+
Demande_Conge_Janvier.pdf
+
+ Modifié le 10 jan. 2024 + 245 KB + +
+

+ Demande de congé en attente de validation par l'administrateur +

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

+ + Utilisation du Stockage +

+ +
+
+ +
+
+ Espace utilisé: 2.4 GB sur 5 GB + 48% utilisé +
+
+
+
+
+ + +
+
+
+
35%
+
Documents PDF
+
840 MB
+
+
+
+
+
28%
+
Images
+
672 MB
+
+
+
+
+
22%
+
Tableurs
+
528 MB
+
+
+
+
+
15%
+
Autres
+
360 MB
+
+
+
+
+ +
+
+
Optimisations
+ +
+
+ Attention +
+

+ Vous approchez de la limite de stockage. + Supprimez des fichiers ou augmentez votre quota. +

+
+ + + + +
+
+
+
+
+
+ + + + +
+
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + Formats acceptés: Images, PDF, Office. Taille max: 10MB par fichier +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/favoris.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/favoris.xhtml new file mode 100644 index 0000000..36240cc --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/favoris.xhtml @@ -0,0 +1,520 @@ + + + + Mes Favoris - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Favoris +

+

+ Accédez rapidement à vos pages, documents et fonctionnalités préférés +

+
+
+ + +
+
+ + +
+
+
+
23
+
Favoris
+
Total
+
+
+
+
+
8
+
Pages
+
Fonctionnalités
+
+
+
+
+
12
+
Documents
+
Fichiers
+
+
+
+
+
3
+
Contacts
+
Personnes
+
+
+
+
+
+
+ + +
+
+
+

+ + Accès Rapide +

+ +
+ +
+
+
+ + +
+
Mes Activités
+

Historique et suivi de vos actions

+
+ + Utilisé il y a 5 min +
+
+
+ + +
+
+
+ + +
+
Mon Agenda
+

Planning et événements personnels

+
+ + Utilisé il y a 2h +
+
+
+ + +
+
+
+ + +
+
Liste des Membres
+

Annuaire et contacts membres

+
+ + Utilisé hier +
+
+
+ + +
+
+
+ + +
+
Cotisations
+

Paiements et historique

+
+ + Utilisé il y a 3 jours +
+
+
+
+
+
+
+ + +
+
+
+

+ + Pages Favorites +

+ +
+ +
+
+
+
+ +
Rapports Financiers
+
+
+ + +
+
+

Consultez vos rapports financiers personnels

+
+ + 3 visites cette semaine +
+
+
+ + +
+
+
+
+ +
Mes Formations
+
+
+ + +
+
+

Catalogue et suivi de vos formations

+
+ + 1 visite cette semaine +
+
+
+ + +
+
+
+
+ +
Guide Utilisateur
+
+
+ + +
+
+

Documentation et aide à l'utilisation

+
+ + 5 visites cette semaine +
+
+
+
+ +
+ +
+
+
+
+ + +
+
+
+

+ + Documents Favoris +

+ + +
+
+
+
+ +
+
+
Certificat_Formation_Leadership_2023.pdf
+
+ 2.4 MB + Ajouté aux favoris le 15 déc. 2023 + +
+

Certification de leadership obtenue en 2023

+
+
+
+ + + +
+
+
+ + +
+
+
+
+ +
+
+
Budget_Personnel_2024.xlsx
+
+ 89 KB + Ajouté aux favoris le 3 jan. 2024 + +
+

Feuille de calcul pour la gestion budgétaire

+
+
+
+ + + +
+
+
+ + +
+
+
+
+ +
+
+
Reglement_Interieur_2024.docx
+
+ 245 KB + Ajouté aux favoris le 28 déc. 2023 + +
+

Règlement intérieur de l'association mis à jour

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

+ + Contacts Favoris +

+ +
+ +
+
+
+
+
+ +
+
+
Thomas Martin
+

Président de l'association

+
+
+ +
+
+ thomas.martin@email.com + +
+
+
+ + +
+
+
+
+
+ +
+
+
Sophie Leroy
+

Responsable formations

+
+
+ +
+
+ sophie.leroy@email.com + +
+
+
+ + +
+
+
+
+
+ +
+
+
Marc Durand
+

Support technique

+
+
+ +
+
+ marc.durand@email.com + +
+
+
+
+
+
+
+ + +
+
+
+

+ + Raccourcis Personnalisés +

+ +
+ +
+
+
+ + +
+
Nouveau Membre
+

Lien direct vers le formulaire d'inscription

+ +
+
+ + +
+
+
+ + +
+
Calculateur
+

Calcul automatique des cotisations

+ +
+
+ + +
+
+
+ + +
+
Impression Rapide
+

Templates prêts à imprimer

+ +
+
+ + +
+
+ +
Ajouter
+

Créer un nouveau raccourci

+ +
+
+
+ + +
+
+ Conseils d'utilisation +
+
    +
  • + + Cliquez sur l'étoile ⭐ à côté des éléments pour les ajouter aux favoris +
  • +
  • + + Organisez vos favoris par catégorie pour un accès plus rapide +
  • +
  • + + Créez des raccourcis personnalisés vers vos actions les plus fréquentes +
  • +
+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/notifications.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/notifications.xhtml new file mode 100644 index 0000000..e8f7fee --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/notifications.xhtml @@ -0,0 +1,428 @@ + + + + Mes Notifications - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Notifications +

+

+ Gérez vos notifications et restez informé des événements importants +

+
+
+ + +
+
+ + +
+
+
+
8
+
Non Lues
+
Nouvelles
+
+
+
+
+
34
+
Aujourd'hui
+
Reçues
+
+
+
+
+
156
+
Cette Semaine
+
Total
+
+
+
+
+
12
+
Importantes
+
En attente
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+
+
+
+
+ + +
+
+
+

+ + Notifications Urgentes +

+ + +
+
+
+
+ +
+
+
+
Tentative de connexion suspecte détectée
+ +
+

+ Une tentative de connexion depuis un appareil non reconnu a été détectée sur votre compte. + Si ce n'était pas vous, changez immédiatement votre mot de passe. +

+
+ IP: 185.234.56.78 • Localisation: Nigeria +
+
+
+
+
il y a 15 min
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+
+
+
Cotisation en retard - Action requise
+ +
+

+ Votre cotisation mensuelle de janvier 2024 est en retard de 5 jours. + Effectuez le paiement pour éviter la suspension de votre adhésion. +

+
+ Montant: 25,000 FCFA • Échéance: 15 jan. 2024 +
+
+
+
+
il y a 2h
+
+ + +
+
+
+
+
+
+
+ + +
+
+
+

+ + Notifications Récentes +

+ + +
+
+
+
+ +
+
+
+
Nouvel événement ajouté
+ +
+
+

+ "Formation sur les nouvelles technologies" a été programmée pour le 25 janvier 2024. + Inscrivez-vous dès maintenant, places limitées. +

+
+ Organisé par: Thomas Martin +
+
+
+
+
il y a 1h
+
18 jan. 2024, 15:30
+
+
+
+ + +
+
+
+
+ +
+
+
+
Nouveau message privé
+ +
+

+ Sophie Leroy vous a envoyé un message concernant la prochaine assemblée générale. +

+
+ Objet: "Préparation AG 2024" +
+
+
+
+
il y a 3h
+
18 jan. 2024, 13:15
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
Mise à jour système disponible
+ +
+
+

+ UnionFlow v2.1.4 est maintenant disponible avec des améliorations de sécurité + et de nouvelles fonctionnalités. +

+
+ Taille: 15.2 MB • Redémarrage requis +
+
+
+
+
il y a 6h
+
18 jan. 2024, 10:00
+
+
+
+ + +
+
+
+
+ +
+
+
+
Rappel: Réunion équipe demain
+ +
+

+ N'oubliez pas la réunion d'équipe administrative prévue demain à 14h00 + en salle de conférence. +

+
+ Durée estimée: 2h • Présence obligatoire +
+
+
+
+
il y a 1 jour
+
17 jan. 2024, 16:45
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
Félicitations! Badge obtenu
+ +
+

+ Vous avez obtenu le badge "Membre Actif" pour votre participation régulière + aux activités de l'association. +

+
+ Points gagnés: +50 • Niveau: Bronze +
+
+
+
+
il y a 2 jours
+
16 jan. 2024, 09:30
+ +
+
+
+
+
+
+ + +
+
+
+

+ + Paramètres Rapides +

+ +
+
+
+ +
Notifications Push
+ +

Activer/désactiver

+
+
+ +
+
+ +
Emails
+ +

Résumé quotidien

+
+
+ +
+
+ +
SMS
+ +

Urgences uniquement

+
+
+ +
+
+ +
Mode Silencieux
+ +

Pause notifications

+
+
+
+ +
+
+
Gestion des notifications
+

Configurez finement vos préférences

+
+
+ + +
+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/parametres.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/parametres.xhtml new file mode 100644 index 0000000..4a0240e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/parametres.xhtml @@ -0,0 +1,703 @@ + + + + Paramètres Compte - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Paramètres de Compte +

+

+ Gérez la sécurité, la confidentialité et les paramètres avancés de votre compte +

+
+
+ + +
+
+ + +
+
+ +
+
Compte sécurisé
+

+ Votre compte respecte toutes les bonnes pratiques de sécurité. Score: 95/100 +

+
+
+ +
+
+
+
+
+
+ + +
+
+
+ + + +
+ +
+
+
+ + Mot de Passe +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
Critères de sécurité
+
    +
  • + + Au moins 8 caractères +
  • +
  • + + Une majuscule +
  • +
  • + + Un chiffre +
  • +
  • + + Un caractère spécial +
  • +
+
+ + +
+
+
+ + +
+
+
+ + Authentification à Deux Facteurs (2FA) +
+ +
+
+
+
2FA Activée
+

Votre compte est protégé par l'authentification à deux facteurs

+
+ +
+
+ +
+
Méthode configurée
+
+
+ +
+
Application Authenticator
+
Google Authenticator, Authy, etc.
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+
+
+ + Sessions Actives +
+ + +
+
+
+ +
+
Session Actuelle
+
Chrome 120.0 sur Windows 11
+
IP: 192.168.1.45 • Dakar, Sénégal
+
+
+
+ +
Connecté depuis 2h
+
+
+
+ + +
+
+
+ +
+
iPhone 14
+
Safari Mobile
+
IP: 41.82.45.123 • Dernière activité: il y a 3h
+
+
+
+ +
+
+
+ +
+
+
+ +
+
iPad Pro
+
Safari
+
IP: 197.25.78.156 • Dernière activité: il y a 1 jour
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+
+ + + +
+ +
+
+
+ + Visibilité du Profil +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ + +
+
+
+ + Partage des Données +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ Information +
+

+ Ces paramètres n'affectent pas les données nécessaires au fonctionnement de l'association. +

+
+
+
+ + +
+
+
+ + Gestion des Données Personnelles +
+ +
+
+
+ +
Exporter mes données
+

+ Téléchargez toutes vos données personnelles au format JSON +

+ +
+
+ +
+
+ +
Actualiser le consentement
+

+ Revoir et mettre à jour vos consentements RGPD +

+ +
+
+ +
+
+ +
Supprimer mon compte
+

+ Suppression définitive de toutes vos données +

+ +
+
+
+
+
+
+
+ + + +
+ +
+
+
+ + Communications +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+
+
+ + Affichage +
+ +
+ + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + +
+ +
+ + +
+
+
+ + +
+
+
+ + Sauvegarde et Synchronisation +
+ +
+
+
+
+
Sauvegarde automatique
+ +
+

+ Sauvegarde quotidienne de vos préférences et données +

+
Dernière sauvegarde: il y a 2h
+
+
+ +
+
+
+
Sync calendriers
+ +
+

+ Synchronisation avec Google Calendar et Outlook +

+
2 calendriers connectés
+
+
+ +
+
+
+
Mode hors ligne
+ +
+

+ Accès limité aux fonctionnalités sans connexion +

+
Cache: 25 MB
+
+
+
+
+
+
+
+ + + +
+ +
+
+
+ + API et Intégrations +
+ +
+
+
Clé API personnelle
+ +
+
Utilisée pour les intégrations tierces
+
+ uk_1a2b3c4d5e6f7g8h9i0j... +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ Sécurité +
+

+ Ne partagez jamais votre clé API. Changez-la si elle est compromise. +

+
+
+
+ + +
+
+
+ + Logs d'Activité +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + +
+ + +
+
+ + +
+
+
+ + Zone Dangereuse +
+ +
+
+
+
Réinitialiser les préférences
+

+ Remet tous vos paramètres aux valeurs par défaut +

+ +
+
+ +
+
+
Désactiver le compte
+

+ Suspend temporairement votre accès +

+ +
+
+ +
+
+
Supprimer le compte
+

+ Action irréversible. Toutes vos données seront perdues +

+ +
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
Sauvegarder toutes les modifications
+

+ Les changements seront appliqués immédiatement à votre compte +

+
+
+ + +
+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/preferences.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/preferences.xhtml new file mode 100644 index 0000000..2790c7a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/preferences.xhtml @@ -0,0 +1,490 @@ + + + + Mes Préférences - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Préférences +

+

+ Personnalisez votre expérience UnionFlow selon vos besoins +

+
+
+ + +
+
+ + +
+
+
+ +
Apparence
+

Thème, couleurs, mise en page

+
+
+
+
+ +
Notifications
+

Alertes, emails, SMS

+
+
+
+
+ +
Confidentialité
+

Sécurité, permissions

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

+ + Apparence et Interface +

+ + +
+
+
+
Thème
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
Couleur d'accent
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + + + + + +
+
+
+
+
+
+
+ + +
+
+
+

+ + Notifications et Alertes +

+ + +
+
+
+
+ Notifications navigateur +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
+ Notifications email +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
+ Notifications SMS +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + +
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Confidentialité et Sécurité +

+ + +
+
+
+
Visibilité du profil
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Paramètres de sécurité
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Tableau de Bord Personnel +

+ + +
+
+
+
Widgets à afficher
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Configuration d'affichage
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
Enregistrer les modifications
+

Vos préférences seront appliquées immédiatement

+
+
+ + + +
+
+ +
+

+ + Certaines modifications nécessiteront une reconnexion pour être appliquées. +

+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/profil.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/profil.xhtml new file mode 100644 index 0000000..e47c72d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/personnel/profil.xhtml @@ -0,0 +1,401 @@ + + + + Mon Profil - UnionFlow + + +
+ + +
+
+
+
+
+
+ +
+
+

Marie Dubois

+

Membre depuis le 15 mars 2020

+
+ + + +
+
+
+
+ + +
+
+ + +
+
+
+
156
+
Actions Réalisées
+
Ce mois-ci
+
+
+
+
+
12
+
Événements
+
Participés
+
+
+
+
+
98%
+
Taux Participation
+
Global
+
+
+
+
+
4.9★
+
Évaluation
+
Moyenne
+
+
+
+
+
+
+ + +
+
+
+

+ + Informations Personnelles +

+ +
+
+
+
Nom complet
+
Marie Dubois
+
+
+
+
+
Email
+
marie.dubois@email.com
+
+
+
+
+
Téléphone
+
+221 77 123 45 67
+
+
+
+
+
Date de naissance
+
15 avril 1985
+
+
+
+
+
Adresse
+
123 Avenue Léopold Sédar Senghor, Dakar, Sénégal
+
+
+
+
+
Profession
+
Enseignante
+
+
+
+
+
Situation familiale
+
Mariée, 2 enfants
+
+
+
+
+
+ +
+
+

+ + Adhésion et Statut +

+ +
+
Numéro de membre
+
#M-2020-0347
+
+ +
+
Type d'adhésion
+
Premium Annuelle
+
+ +
+
Date d'inscription
+
15 mars 2020
+
+ +
+
Prochaine échéance
+
15 mars 2025
+
+ +
+
+ Cotisations à jour +
+

+ Toutes vos cotisations sont à jour jusqu'en mars 2025. +

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

+ + Activités Récentes +

+ +
+
+ Connexion système + il y a 2h +
+
Dernière connexion réussie
+
+ +
+
+ Modification profil + il y a 1 jour +
+
Mise à jour numéro de téléphone
+
+ +
+
+ Participation événement + il y a 3 jours +
+
Assemblée générale 2024
+
+ +
+
+ Paiement cotisation + il y a 1 semaine +
+
Cotisation mensuelle janvier 2024
+
+
+
+ +
+
+

+ + Rôles et Permissions +

+ +
+
+
+ +
Membre
+

Droits de base

+
+
+
+
+ +
Administrateur
+

Gestion membres

+
+
+
+
+ +
Organisateur
+

Gestion événements

+
+
+
+
+ +
Superviseur
+

Lecture étendue

+
+
+
+ +
+
Permissions actives
+
    +
  • + + Gestion des membres +
  • +
  • + + Organisation d'événements +
  • +
  • + + Accès aux rapports +
  • +
  • + + Gestion financière +
  • +
+
+
+
+
+ + +
+
+
+

+ + Sécurité du Compte +

+ +
+
+
+ +
Mot de Passe
+

Dernière modification il y a 2 mois

+ +
+
+ +
+
+ +
Authentification 2FA
+

+ +

+ +
+
+ +
+
+ +
Sessions Actives
+

3 appareils connectés

+ +
+
+
+
+
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + + + + +
+
+ +
+ + +
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/profile.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/profile.xhtml new file mode 100644 index 0000000..901da67 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/profile.xhtml @@ -0,0 +1,241 @@ + + + + Mon Profil - UnionFlow + + + +
+
+
+
+
+
+ #{userSession.currentUser.initiales} +
+
+

#{userSession.currentUser.nomComplet}

+
+ + + #{userSession.currentUser.email} +
+
+ + #{userSession.entite.description} +
+
+
+
+ +
+
+
+
+
+ + +
+
+
+
📋 Informations Personnelles
+
+
+ +
#{userSession.currentUser.nomComplet}
+
+ +
+ +
#{userSession.currentUser.username}
+
+ +
+ +
#{userSession.currentUser.email}
+
+ +
+ +
+ +
+
+
+
+
+ +
+
+
🏢 Informations de l'Entité
+
+
+ +
#{userSession.entite.nom}
+
+ +
+ +
#{userSession.entite.type}
+
+ +
+ +
+ + #{userSession.entite.ville}, #{userSession.entite.pays} +
+
+
+
+
+
+ + +
+
+
+
🔐 Rôles et Permissions
+
+
+ +
+ + + +
+
+ +
+ +
+ + + +
+
+
+
+
+ +
+
+
🔒 Sécurité de la Session
+
+
+ +
+ + Session active +
+
+ +
+ +
+ + #{jwtTokenManager.timeUntilExpiration / 60} minutes +
+
+ +
+ +
+ + +
+
+
+
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/export.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/export.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/export.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml new file mode 100644 index 0000000..887ceae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml @@ -0,0 +1,21 @@ + + + PAGE_TITLE - UnionFlow + + +
+
PAGE_TITLE
+

Cette page est en cours de développement.

+
+ +

Fonctionnalité en développement

+
+
+
+ +
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/reports.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/reports.xhtml new file mode 100644 index 0000000..ec79b6b --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/reports.xhtml @@ -0,0 +1,26 @@ + + + + UnionFlow - Rapports + + +
+
+
+

Rapports

+

Génération et consultation de rapports

+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/souscription/dashboard.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/souscription/dashboard.xhtml new file mode 100644 index 0000000..5ade155 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/souscription/dashboard.xhtml @@ -0,0 +1,355 @@ + + + + Gestion de la Souscription - UnionFlow + + + + + + + +
+
+
+

+ + #{souscriptionBean.souscriptionActive.formulaireNom} +

+
+ #{souscriptionBean.souscriptionActive.organisationNom} +
+
+ Souscription #{souscriptionBean.souscriptionActive.statut.libelle} + - #{souscriptionBean.souscriptionActive.typeFacturation.libelle} +
+
+
+
+ #{souscriptionBean.souscriptionActive.montantFormat} +
+
+ Expire le #{souscriptionBean.souscriptionActive.dateFin} +
+ +
+ + #{souscriptionBean.joursAvantExpiration} jour(s) restant(s) +
+
+
+
+
+ + + +
+ +
+ +
+
+ +
+
#{alerte.titre}
+
#{alerte.message}
+
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
Quota de Membres
+ + +
+ + + + +
+
#{souscriptionBean.souscriptionActive.pourcentageUtilisation}%
+
utilisé
+
+
+ +
+ #{souscriptionBean.membresActuels} / #{souscriptionBean.quotaMaximum} membres +
+
+ #{souscriptionBean.membresRestants} membre(s) restant(s) +
+
+ +
+ + + +
+
+
+ + +
+
+
Détails de la Souscription
+ +
+
+ +
#{souscriptionBean.souscriptionActive.dateDebut}
+
+
+ +
#{souscriptionBean.souscriptionActive.dateFin}
+
+
+ +
#{souscriptionBean.souscriptionActive.dateDernierPaiement}
+
+
+ +
#{souscriptionBean.souscriptionActive.dateProchainPaiement}
+
+
+ +
#{souscriptionBean.souscriptionActive.referencePaiement}
+
+
+ + +
+
Notifications
+
+ + + + +
+
+ + + + +
+
+
+
+ + +
+
+
Actions
+ +
+ + + + + + + +
+
+
+
+ + + +
+
+

Besoin de plus d'espace ?

+

Découvrez nos formules supérieures pour accueillir plus de membres

+
+ +
+
+
+
+
+ +
+
Premium
+
Jusqu'à 500 membres
+
+ +
+
4 000 FCFA/mois
+
40 000 FCFA/an (économisez 16%)
+
+ +
+ + Gestion complète + + + Rapports avancés + + + Support prioritaire + + + Intégrations + +
+ + +
+
+ +
+
+
+
+ +
+
Cristal
+
Jusqu'à 2000 membres
+
+ +
+
5 000 FCFA/mois
+
50 000 FCFA/an (économisez 16%)
+
+ +
+ + Tout Premium + + + + Personnalisation + + + API complète + + + Support dédié + +
+ + +
+
+
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/stats.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/stats.xhtml new file mode 100644 index 0000000..ef01cab --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/stats.xhtml @@ -0,0 +1,26 @@ + + + + UnionFlow - Statistiques + + +
+
+
+

Statistiques

+

Page en cours de développement...

+ + +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration.xhtml new file mode 100644 index 0000000..a566e2f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration.xhtml @@ -0,0 +1,775 @@ + + + + Configuration Système - UnionFlow + + + +
+
+
+
+
+

+ + Configuration Système +

+

Paramètres globaux • Sécurité • Intégrations • Performance • #{configBean.derniereModification}

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{configBean.statutSysteme}
+
Statut Système
+
+
+ +
+
+
+
+ +
+
+
+
+
#{configBean.versionApplication}
+
Version Application
+
+
+ +
+
+
+
+ +
+
+
+
+
#{configBean.utilisateursConnectes}
+
Utilisateurs En Ligne
+
+
+ +
+
+
+
+ +
+
+
+
+
#{configBean.espaceDisque}
+
Espace Utilisé
+
+
+ +
+
+
+
+
+ + +
+ + + + +
+
+
+
+
Informations Application
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Paramètres Régionaux
+ +
+ + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+
+
+ +
+
+
Options d'Interface
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
Serveur SMTP
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Configuration Email
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
Test de Configuration
+ +
+ + +
+ + +
+
+
+
+
+
+ + + + +
+
+
+
+
Politique de Mots de Passe
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Sessions et Connexions
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Surveillance et Audit
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
Wave Money API
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + +
+ + +
+
+ +
+
+
SMS / WhatsApp
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ +
+
+
APIs Externes
+ +
+
+
Géolocalisation
+
+ + +
+
+ +
+
Stockage Cloud
+
+ + + + + + + +
+
+ +
+
Analytics
+
+ + +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
Cache et Mémoire
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ + +
+
+ +
+
+
Base de Données
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ +
+
+
Monitoring en Temps Réel
+ +
+
+
+
#{configBean.cpuUsage}%
+
Utilisation CPU
+ +
+
+ +
+
+
#{configBean.memoryUsage}%
+
Mémoire Utilisée
+ +
+
+ +
+
+
#{configBean.activeConnections}
+
Connexions Actives
+
+
+ +
+
+
#{configBean.responseTime}ms
+
Temps Réponse Moy.
+
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
Sauvegarde Automatique
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ +
+
+
Nettoyage et Maintenance
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
Mode Maintenance
+ +
+
+ +
+ Le mode maintenance bloque l'accès utilisateur pendant les opérations critiques. +
+
+
+ +
+ + +
+ + +
+
+
+
+
+
+
+
+ + +
+
+ + + + +
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml new file mode 100644 index 0000000..915b466 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml @@ -0,0 +1,764 @@ + + + + Configuration Système - UnionFlow + + +
+ +
+
+
+

+ + Configuration Système +

+

+ Paramètres globaux et administration de la plateforme UnionFlow • + Version #{configurationBean.versionSysteme} • + Environnement #{configurationBean.environnement} +

+
+
+ + + + + +
+
+
+ + +
+ +
+
+
+
+ Statut Système +
+ +
+
+
Opérationnel
+
+
+ Uptime + #{configurationBean.tempsActivite} +
+
+
+
+ + +
+
+
+
+ Utilisateurs Actifs +
+ +
+
+
#{configurationBean.utilisateursConnectes}
+
+ + Sessions + #{configurationBean.sessionsActives} actives +
+
+
+
+ + +
+
+
+
+ Performance +
+ +
+
+
CPU #{configurationBean.cpuUtilisation}%
+ +
Mémoire: #{configurationBean.memoireUtilisee}%
+
+
+
+ + +
+
+
+
+ Dernière Sauvegarde +
+ +
+
+
#{configurationBean.derniereSauvegarde}
+
+ + Auto + #{configurationBean.frequenceSauvegarde} +
+
+
+
+
+ + +
+
+ + Configuration Générale +
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ +
+
+
+ + +
+
+
+
+ + Base de Données +
+ +
+
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+ Pool: + +
+
+
+
+ +
+ + +
+
+
+
+ +
+
+
+ + Configuration Email +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+
+ + +
+
+ + +
+
+
+ Limite/h: + +
+
+
+
+ +
+ + +
+
+
+
+
+ + +
+
+ + Sécurité et Authentification +
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+
+ + +
+
Options de Sécurité Avancées
+
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+ +
+ +
+
+
+ + +
+ +
+
+
+
+ + Monitoring Performance +
+ + + +
+ +
+
+
+
CPU Utilisation
+
#{configurationBean.cpuUtilisation}%
+ +
Seuil critique: 80%
+
+
+ +
+
+
Mémoire RAM
+
#{configurationBean.memoireUtilisee}%
+ +
#{configurationBean.memoireTotal} GB total
+
+
+ +
+
+
Disque Disponible
+
#{configurationBean.disqueDisponible} GB
+
Min requis: 10 GB
+
+
+ +
+
+
Connexions BDD
+
#{configurationBean.connexionsBDDActives}
+
Pool max: #{configurationBean.taillePoolConnexions}
+
+
+ +
+
+
Queue Emails
+
#{configurationBean.queueEmailsEnAttente}
+
En attente traitement
+
+
+ +
+
+
Logs Erreurs (24h)
+
#{configurationBean.logsErreurs24h}
+
Dernières 24 heures
+
+
+
+ + +
+
Alertes Système Automatiques
+
+
+
+ + CPU: #{configurationBean.cpuAlertText} +
+
+
+
+ + Mémoire: #{configurationBean.memoireAlertText} +
+
+
+
+ + Disque: #{configurationBean.disqueAlertText} +
+
+
+
+
+
+ + +
+
+
+ + Actions Système +
+ + +
+
+
+
Mode Maintenance
+
Bloque l'accès utilisateurs
+
+ + + + + +
+
+ + +
+
Sauvegarde Automatique
+ +
+
+ + + + + +
+
+
Rétention:
+ +
+
+
+
+ + + +
+ + + + + + + +
+
+
+
+
+ + +
+
+ + Alertes et Notifications +
+ +
+
+ + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard-enhanced.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard-enhanced.xhtml new file mode 100644 index 0000000..46e0f60 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard-enhanced.xhtml @@ -0,0 +1,375 @@ + + + + Dashboard Super-Administrateur Enhanced - UnionFlow + + + + + + +
+ +
+
+
+
+

+ + Dashboard Super-Administrateur +

+

Vue globale de la plateforme UnionFlow - Stratégie Volume

+
+
+
#{superAdminBean.nomComplet}
+ Dernière connexion: #{superAdminBean.derniereConnexion} +
+
+
+
+ + + +
+
+
+
+
#{superAdminBean.totalMembres}
+
Membres Actifs
+
+ + +12.5% + ce mois +
+
Moyenne: 146/organisation
+
+
+ +
+
+
+
+ + +
+
+
+
+
#{superAdminBean.totalEntites}
+
Organisations
+
+ + +8 + nouvelles +
+
#{superAdminBean.souscriptionsActives} souscriptions actives
+
+
+ +
+
+
+
+ + +
+
+
+
+
#{superAdminBean.revenusGlobaux}
+
Revenus Mensuels
+
+ + +23% + vs mois dernier +
+
Taux conversion: #{superAdminBean.tauxConversionFormat}
+
+
+ +
+
+
+
+ + +
+
+
+
+
#{superAdminBean.disponibiliteSystemeFormat}
+
Disponibilité
+
+
+ Opérationnel +
+
#{superAdminBean.tempsReponsMoyen}ms temps réponse
+
+
+ +
+
+
+
+ + +
+
+
+ + Analyse des Souscriptions par Forfait +
+
+
+
+
44
+
Starter
+
#{superAdminBean.revenusStarterFormat}
+
+
+
+
+
60
+
Standard
+
#{superAdminBean.revenusStandardFormat}
+
+
+
+
+
20
+
Premium
+
#{superAdminBean.revenusPremmiumFormat}
+
+
+
+
+
3
+
Cristal
+
#{superAdminBean.revenusCristalFormat}
+
+
+
+ + +
+
+
+ + #{superAdminBean.souscriptionsExpirantSous30Jours} souscriptions expirent sous 30 jours +
+ +
+
+
+
+ + +
+
+
+ + Support Client +
+ +
+
+
+
#{superAdminBean.ticketsSupportOuverts}
+
Tickets ouverts
+
+
+
+
+
#{superAdminBean.satisfactionClientFormat}
+
Satisfaction
+
+
+
+ +
+
+ Temps de résolution moyen: 2.3h + +
+
+
+
+ + +
+
+
Alertes Critiques #{superAdminBean.alertesCount}
+ + +
+
+ +
+
#{alerte.titre}
+ #{alerte.entite} - #{alerte.date} +
+
+ + + +
+
+ +
+ + + +
+
+
+ + +
+
+
Actions Rapides
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + +
+
+
Performance Régionale
+
+
+
+
45
+
Dakar
+
+12%
+
+
+
+
+
32
+
Thiès
+
+8%
+
+
+
+
+
28
+
Kaolack
+
+15%
+
+
+
+
+
22
+
Autres
+
+5%
+
+
+
+
+
+ + +
+
+
Top Entités (Membres)
+ +
+
+
+ #{status.index + 1} +
+
+
#{entite.nom}
+ #{entite.typeEntite} +
+
+
+
#{entite.nombreMembres}
+ membres +
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml new file mode 100644 index 0000000..c8fada5 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml @@ -0,0 +1,523 @@ + + + + Dashboard Super-Administrateur - UnionFlow + + +
+ +
+
+
+

+ + Tableau de bord Super-Administrateur +

+

+ Vue globale de la plateforme UnionFlow • + #{superAdminBean.totalEntites} organisations • + #{superAdminBean.totalMembres} membres actifs +

+
+
+
#{superAdminBean.nomComplet}
+
Dernière connexion: #{superAdminBean.derniereConnexion}
+ + + + + +
+
+
+ + +
+ +
+
+
+
+ Membres Actifs +
+ +
+
+
#{superAdminBean.totalMembres}
+
+ + +12.5% + ce mois +
+ +
+
+
+ + +
+
+
+
+ Organisations +
+ +
+
+
#{superAdminBean.totalEntites}
+
+ + +8 + nouvelles +
+ +
+
+
+ + +
+
+
+
+ Revenus (FCFA) +
+ +
+
+
#{superAdminBean.revenusGlobaux}
+
+ + +23% + vs mois dernier +
+ +
+
+
+ + +
+
+
+
+ Activité du Jour +
+ +
+
+
#{superAdminBean.activiteJournaliere}
+
+
+ En ligne + 247 actifs +
+ +
+
+
+
+ + +
+ +
+
+
+
+ + Actions Rapides +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ + +
+
+
+
+
+ + Alertes Système +
+ +
+ +
+
+ + #{superAdminBean.alertesCount} alertes nécessitent votre attention +
+
+ + +
+
+
+ +
+
#{alerte.titre}
+
#{alerte.entite} • #{alerte.date}
+
+
+ + + +
+
+
+ +
+ + + +
+
+
+
+
+ + +
+ +
+
+
+
+
+ + Évolution des Entités +
+ + + + + +
+ +
+
+ +
+
#{mois.valeur}
+
+
#{mois.periode}
+
+
+
+
+
+ + +#{superAdminBean.croissanceEntites}% + ce mois +
+
+ Total: #{superAdminBean.totalEntites} entités +
+
+
+
+
+
+ + +
+
+
+
+ + Top 5 Entités +
+ + +
+
+
+
+ #{status.index + 1} +
+
+
#{entite.nom}
+
#{entite.typeEntite}
+
+
+
+
#{entite.nombreMembres}
+
membres
+
+
+
+
+
+
+
+
+ + +
+ +
+
+
+
+ + Répartition par Type +
+ + +
+
+
+
+ +
+
+
#{type.nom}
+
#{type.description}
+
+
+
+
#{type.nombre}
+ +
+
+
+
+ + +
+
+ Répartition globale + #{superAdminBean.totalEntites} entités +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+ + Activité Récente +
+ +
+ +
+ +
+
+ +
+
+
+ + +
+
+
+ #{activite.description} + #{activite.date} +
+
#{activite.entite}
+
+ #{activite.details} +
+
+
+ Par #{activite.utilisateur} +
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+ + +
+
+
+ + Performance Financière Globale +
+ +
+
+
+
Revenus Ce Mois
+
#{superAdminBean.revenus.mensuel}
+
+ + +#{superAdminBean.revenus.croissanceMensuelle}% +
+
+
+ +
+
+
Revenus Annuels
+
#{superAdminBean.revenus.annuel}
+
+ Objectif: #{superAdminBean.revenus.objectifAnnuel} +
+
+
+ +
+
+
Croissance Annuelle
+
#{superAdminBean.revenus.croissance}%
+
+ + Tendance positive +
+
+
+ +
+
+
Revenu Moyen/Entité
+
#{superAdminBean.revenus.moyenne}
+
+ Sur #{superAdminBean.totalEntites} entités +
+
+
+
+ + +
+
+ Évolution des revenus (6 derniers mois) + + + +
+
+ +
+
#{mois.valeur}
+
+
#{mois.nom}
+
+
+
+
+ + Dernière mise à jour: #{superAdminBean.revenus.derniereMAJ} +
+
+
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion-enhanced.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion-enhanced.xhtml new file mode 100644 index 0000000..34f2f88 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion-enhanced.xhtml @@ -0,0 +1,641 @@ + + + + Gestion des Entités Enhanced - UnionFlow + + + + + + + > +
+
+
+
+
+

+ + Gestion des Entités - Stratégie Volume +

+

Administration complète avec suivi des souscriptions et quotas

+
+ +
+ + + + +
+
+
+
+
+
+ + > +
+
+
+
+
+
#{entitesGestionBean.statistiques.totalEntites}
+
Total Entités
+
+ + #{entitesGestionBean.statistiques.entitesActives} actives +
+
+
+ +
+
+
+
+ +
+
+
+
+
#{entitesGestionBean.statistiques.totalMembres}
+
Total Membres
+
+ + Moyenne: 146/entité +
+
+
+ +
+
+
+
+ +
+
+
+
+
#{entitesGestionBean.statistiques.souscriptionsExpirantes}
+
Expirations Proches
+
+ + Sous 30 jours +
+
+
+ +
+
+
+
+ +
+
+
+
+
#{entitesGestionBean.statistiques.entitesQuotaAtteint}
+
Quotas Atteints
+
+ + Nécessitent upgrade +
+
+
+ +
+
+
+
+
+ + > +
+
+
+
Répartition par Forfait - Nouvelle Grille Tarifaire
+
+
+
+
44
+
Starter
+
2K FCFA/mois
+
100 membres max
+
+
+
+
+
60
+
Standard
+
3K FCFA/mois
+
200 membres max
+
+
+
+
+
20
+
Premium
+
4K FCFA/mois
+
500 membres max
+
+
+
+
+
3
+
Cristal
+
5K FCFA/mois
+
2000 membres max
+
+
+
+
+
+ +
+
+
Performance Commerciale
+
+
+
+
#{entitesGestionBean.statistiques.revenus}
+
Revenus Mensuels
+
+
+
+
+
#{entitesGestionBean.statistiques.tauxRenouvellementFormat}
+
Taux Renouvellement
+
+
+
+
+
Forfait le plus populaire
+
+ + 60 souscriptions +
+
+
+
+
+ + > +
+
Filtres et Recherche Avancée
+ +
+
+
+
+ + + + +
+
+
+
+ + + + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+ +
+ + +
+
+
+
+ + + +
+
+
+ + + + + + + + + +
+
+
+
+ + + + + + + +
+
+
+
+ + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+
+
+ + + + > +
+
+
Entités avec Souscriptions (#{entitesGestionBean.entitesFiltrees.size()})
+
+ + + + + #{entitesGestionBean.entitesFiltrees.size()} sur #{entitesGestionBean.toutesLesEntites.size()} entités + +
+
+ + + + + + +
+
+ +
+
+
#{entite.nom}
+
#{entite.codeEntite}
+
+
+
+ + +
+ +
#{entite.montantMensuel}
+
+
+ + +
+
#{entite.membresUtilises}/#{entite.membresQuota}
+
+
+
+
#{entite.pourcentageUtilisationQuota}%
+
+
+ + +
+
+ #{entite.dateExpirationSouscription != null ? entite.dateExpirationSouscription.format(java.time.format.DateTimeFormatter.ofPattern('dd/MM/yyyy')) : 'N/A'} +
+
+ + #{entite.joursAvantExpiration} jours +
+
+
+ + + #{entite.region} + + + + + + + + +
+ + + + + + + + + + +
+
+
+
+
+ + > + + +
+
+ +

Confirmer le renouvellement

+

+ Entité: #{entitesGestionBean.entiteSelectionne.nom}
+ Forfait: #{entitesGestionBean.entiteSelectionne.forfaitSouscrit}
+ Montant: #{entitesGestionBean.entiteSelectionne.montantMensuel} +

+
+ +
+ + +
+
+
+
+ + > + + +
+
+ +

Upgrader le forfait

+

+ Entité: #{entitesGestionBean.entiteSelectionne.nom}
+ Forfait actuel: #{entitesGestionBean.entiteSelectionne.forfaitSouscrit}
+ Quota utilisé: #{entitesGestionBean.entiteSelectionne.pourcentageUtilisationQuota}% +

+
+ +
+ + +
+
+
+
+ + > + + +
+
+ +

Actions sur #{entitesGestionBean.entitesSelectionnees.size()} entités sélectionnées

+
+ +
+
+
Actions de Souscription
+ + + + + +
+ +
+
Actions Administratives
+ + + + + +
+
+ +
+ +
+
+
+
+ + > + + +
+
+ + + + + + + + + +
+
+ +
+ +
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml new file mode 100644 index 0000000..4e7fb08 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml @@ -0,0 +1,468 @@ + + + + Gestion des Entités - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Entités +

+

+ Administration complète des clubs et entités Lions • + #{entitesGestionBean.statistiques.totalEntites} entités • + #{entitesGestionBean.statistiques.entitesActives} actives +

+
+
+ + + + + +
+
+
+ + +
+ +
+
+
+
+ Total Entités +
+ +
+
+
#{entitesGestionBean.statistiques.totalEntites}
+
+ + +8 + ce mois +
+
+
+
+ + +
+
+
+
+ Entités Actives +
+ +
+
+
#{entitesGestionBean.statistiques.entitesActives}
+ +
92% d'activité
+
+
+
+ + +
+
+
+
+ Total Membres +
+ +
+
+
#{entitesGestionBean.statistiques.totalMembres}
+
+ Moyenne: #{entitesGestionBean.statistiques.moyenneMembresParEntite}/entité +
+
+
+
+ + +
+
+
+
+ Revenus Totaux +
+ +
+
+
#{entitesGestionBean.statistiques.revenus}
+
+ + +15% vs année dernière +
+
+
+
+
+ + +
+
+ + Filtres et Recherche +
+ +
+
+ + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + + +
+
+ +
+ +
+
+
+ + +
+ +
+
+ + Liste des Entités +
+
+ + +
+
+ + + + + + +
+
+ +
+
+
#{entite.nom}
+
#{entite.codeEntite}
+
+
+
+ + + + + + + #{entite.region} + + + +
+
#{entite.nombreMembres}
+
membres
+
+
+ + +
+
+
+
#{entite.administrateur.nomComplet}
+
#{entite.administrateur.email}
+
+
+ + Aucun administrateur + +
+ + +
#{entite.derniereActiviteFormatee}
+
#{entite.derniereActiviteRelative}
+
+ + + + + + + +
+ + + + + + + +
+
+
+
+
+
+
+ + + + + + +
+
+ + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+
+
+ + + + +
+
Entité sélectionnée
+
#{entitesGestionBean.entiteSelectionne.nom}
+
#{entitesGestionBean.entiteSelectionne.codeEntite}
+
+ +
+ + + + + + + + + + +
+ + +
+
+
+
+
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/roles/gestion.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/roles/gestion.xhtml new file mode 100644 index 0000000..80f9208 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/roles/gestion.xhtml @@ -0,0 +1,381 @@ + + + + Rôles et Permissions - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Rôles et Permissions +

+

+ Gérez les rôles utilisateur et leurs permissions système +

+
+
+ + +
+
+ + +
+
+
+
#{rolesBean.totalRoles}
+
Rôles Totaux
+
Système et personnalisés
+
+
+
+
+
#{rolesBean.rolesActifs}
+
Rôles Actifs
+
Utilisés actuellement
+
+
+
+
+
#{rolesBean.utilisateursAvecRoles}
+
Utilisateurs
+
Avec rôles assignés
+
+
+
+
+
#{rolesBean.permissionsUniques}
+
Permissions
+
Définies au total
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ +
+ +
+
+
+
+
+
+
+ + +
+
+
+ + + + +
+
+ +
+
+
#{role.nom}
+
#{role.description}
+
+
+
+ + + + + + +
+ + + + +
+
+ + +
#{role.nombreUtilisateurs}
+
assignés
+
+ + + + + + +
#{role.dateModificationFormatee}
+
#{role.modifiePar}
+
+ + +
+ + + + + + +
+
+
+
+
+
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + + + + +
+
+ + + + + + + + +
+
+ + + + +
+
+ +
+ + +
+
+
+
+ + + +
+
+
+
+
+
+ +
+
+

#{rolesBean.roleSelectionne.nom}

+

#{rolesBean.roleSelectionne.description}

+
+ + +
+
+
+
+ +
+
+

Permissions Accordées

+
+ +
+ + #{perm.libelle} +
+
+
+
+
+

Utilisateurs Assignés

+
+ +
+ + #{user.nom} #{user.prenom} +
+
+
+
+
+
+
+
+
+ +
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css new file mode 100644 index 0000000..a3b4d30 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss new file mode 100644 index 0000000..683aebe --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css new file mode 100644 index 0000000..0ec65b6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss new file mode 100644 index 0000000..bebe301 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css new file mode 100644 index 0000000..ad19523 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss new file mode 100644 index 0000000..7720f7f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css new file mode 100644 index 0000000..0c1b992 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss new file mode 100644 index 0000000..d0e5628 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css new file mode 100644 index 0000000..6087e0a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss new file mode 100644 index 0000000..6122ddc --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css new file mode 100644 index 0000000..d573831 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss new file mode 100644 index 0000000..e93a1b6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css new file mode 100644 index 0000000..b515d6a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss new file mode 100644 index 0000000..7f37510 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css new file mode 100644 index 0000000..a65ae80 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss new file mode 100644 index 0000000..761d0a9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css new file mode 100644 index 0000000..43e3ce0 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss new file mode 100644 index 0000000..36c605c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css new file mode 100644 index 0000000..56d0ba0 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss new file mode 100644 index 0000000..1946eb8 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css new file mode 100644 index 0000000..d5ce0a3 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss new file mode 100644 index 0000000..c3fa149 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css new file mode 100644 index 0000000..3f756ae --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss new file mode 100644 index 0000000..3ebc497 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css new file mode 100644 index 0000000..5d8f823 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss new file mode 100644 index 0000000..1f3169e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css new file mode 100644 index 0000000..0f89b6c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss new file mode 100644 index 0000000..9aeff55 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css new file mode 100644 index 0000000..4b72607 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss new file mode 100644 index 0000000..43f2c70 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css new file mode 100644 index 0000000..add1e9c --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss new file mode 100644 index 0000000..6ad6ca4 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/chartjs/chart.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/chartjs/chart.js new file mode 100644 index 0000000..875689e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/chartjs/chart.js @@ -0,0 +1,10 @@ +/*! + * Chart.js + * http://chartjs.org/ + * Version: 2.7.2 + * + * Copyright 2018 Chart.js Contributors + * Released under the MIT license + * https://github.com/chartjs/Chart.js/blob/master/LICENSE.md + */ +!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).Chart=t()}}(function(){return function t(e,i,n){function a(r,s){if(!i[r]){if(!e[r]){var l="function"==typeof require&&require;if(!s&&l)return l(r,!0);if(o)return o(r,!0);var u=new Error("Cannot find module '"+r+"'");throw u.code="MODULE_NOT_FOUND",u}var d=i[r]={exports:{}};e[r][0].call(d.exports,function(t){var i=e[r][1][t];return a(i||t)},d,d.exports,t,e,i,n)}return i[r].exports}for(var o="function"==typeof require&&require,r=0;ri?(e+.05)/(i+.05):(i+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},dark:function(){var t=this.values.rgb;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},light:function(){return!this.dark()},negate:function(){for(var t=[],e=0;e<3;e++)t[e]=255-this.values.rgb[e];return this.setValues("rgb",t),this},lighten:function(t){var e=this.values.hsl;return e[2]+=e[2]*t,this.setValues("hsl",e),this},darken:function(t){var e=this.values.hsl;return e[2]-=e[2]*t,this.setValues("hsl",e),this},saturate:function(t){var e=this.values.hsl;return e[1]+=e[1]*t,this.setValues("hsl",e),this},desaturate:function(t){var e=this.values.hsl;return e[1]-=e[1]*t,this.setValues("hsl",e),this},whiten:function(t){var e=this.values.hwb;return e[1]+=e[1]*t,this.setValues("hwb",e),this},blacken:function(t){var e=this.values.hwb;return e[2]+=e[2]*t,this.setValues("hwb",e),this},greyscale:function(){var t=this.values.rgb,e=.3*t[0]+.59*t[1]+.11*t[2];return this.setValues("rgb",[e,e,e]),this},clearer:function(t){var e=this.values.alpha;return this.setValues("alpha",e-e*t),this},opaquer:function(t){var e=this.values.alpha;return this.setValues("alpha",e+e*t),this},rotate:function(t){var e=this.values.hsl,i=(e[0]+t)%360;return e[0]=i<0?360+i:i,this.setValues("hsl",e),this},mix:function(t,e){var i=this,n=t,a=void 0===e?.5:e,o=2*a-1,r=i.alpha()-n.alpha(),s=((o*r==-1?o:(o+r)/(1+o*r))+1)/2,l=1-s;return this.rgb(s*i.red()+l*n.red(),s*i.green()+l*n.green(),s*i.blue()+l*n.blue()).alpha(i.alpha()*a+n.alpha()*(1-a))},toJSON:function(){return this.rgb()},clone:function(){var t,e,i=new o,n=this.values,a=i.values;for(var r in n)n.hasOwnProperty(r)&&(t=n[r],"[object Array]"===(e={}.toString.call(t))?a[r]=t.slice(0):"[object Number]"===e?a[r]=t:console.error("unexpected color value:",t));return i}},o.prototype.spaces={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},o.prototype.maxes={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},o.prototype.getValues=function(t){for(var e=this.values,i={},n=0;n.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*e+.7152*i+.0722*n),100*(.0193*e+.1192*i+.9505*n)]}function d(t){var e=u(t),i=e[0],n=e[1],a=e[2];return n/=100,a/=108.883,i=(i/=95.047)>.008856?Math.pow(i,1/3):7.787*i+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(i-n),200*(n-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]}function c(t){var e,i,n,a,o,r=t[0]/360,s=t[1]/100,l=t[2]/100;if(0==s)return[o=255*l,o,o];e=2*l-(i=l<.5?l*(1+s):l+s-l*s),a=[0,0,0];for(var u=0;u<3;u++)(n=r+1/3*-(u-1))<0&&n++,n>1&&n--,o=6*n<1?e+6*(i-e)*n:2*n<1?i:3*n<2?e+(i-e)*(2/3-n)*6:e,a[u]=255*o;return a}function h(t){var e=t[0]/60,i=t[1]/100,n=t[2]/100,a=Math.floor(e)%6,o=e-Math.floor(e),r=255*n*(1-i),s=255*n*(1-i*o),l=255*n*(1-i*(1-o));n*=255;switch(a){case 0:return[n,l,r];case 1:return[s,n,r];case 2:return[r,n,l];case 3:return[r,s,n];case 4:return[l,r,n];case 5:return[n,r,s]}}function f(t){var e,i,n,a,o=t[0]/360,s=t[1]/100,l=t[2]/100,u=s+l;switch(u>1&&(s/=u,l/=u),n=6*o-(e=Math.floor(6*o)),0!=(1&e)&&(n=1-n),a=s+n*((i=1-l)-s),e){default:case 6:case 0:r=i,g=a,b=s;break;case 1:r=a,g=i,b=s;break;case 2:r=s,g=i,b=a;break;case 3:r=s,g=a,b=i;break;case 4:r=a,g=s,b=i;break;case 5:r=i,g=s,b=a}return[255*r,255*g,255*b]}function p(t){var e=t[0]/100,i=t[1]/100,n=t[2]/100,a=t[3]/100;return[255*(1-Math.min(1,e*(1-a)+a)),255*(1-Math.min(1,i*(1-a)+a)),255*(1-Math.min(1,n*(1-a)+a))]}function m(t){var e,i,n,a=t[0]/100,o=t[1]/100,r=t[2]/100;return i=-.9689*a+1.8758*o+.0415*r,n=.0557*a+-.204*o+1.057*r,e=(e=3.2406*a+-1.5372*o+-.4986*r)>.0031308?1.055*Math.pow(e,1/2.4)-.055:e*=12.92,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:i*=12.92,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:n*=12.92,[255*(e=Math.min(Math.max(0,e),1)),255*(i=Math.min(Math.max(0,i),1)),255*(n=Math.min(Math.max(0,n),1))]}function v(t){var e=t[0],i=t[1],n=t[2];return i/=100,n/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116)-16,500*(e-i),200*(i-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]}function x(t){var e,i,n,a,o=t[0],r=t[1],s=t[2];return o<=8?a=(i=100*o/903.3)/100*7.787+16/116:(i=100*Math.pow((o+16)/116,3),a=Math.pow(i/100,1/3)),[e=e/95.047<=.008856?e=95.047*(r/500+a-16/116)/7.787:95.047*Math.pow(r/500+a,3),i,n=n/108.883<=.008859?n=108.883*(a-s/200-16/116)/7.787:108.883*Math.pow(a-s/200,3)]}function y(t){var e,i=t[0],n=t[1],a=t[2];return(e=360*Math.atan2(a,n)/2/Math.PI)<0&&(e+=360),[i,Math.sqrt(n*n+a*a),e]}function k(t){return m(x(t))}function M(t){var e,i=t[0],n=t[1];return e=t[2]/360*2*Math.PI,[i,n*Math.cos(e),n*Math.sin(e)]}function w(t){return S[t]}e.exports={rgb2hsl:n,rgb2hsv:a,rgb2hwb:o,rgb2cmyk:s,rgb2keyword:l,rgb2xyz:u,rgb2lab:d,rgb2lch:function(t){return y(d(t))},hsl2rgb:c,hsl2hsv:function(t){var e=t[0],i=t[1]/100,n=t[2]/100;if(0===n)return[0,0,0];return[e,100*(2*(i*=(n*=2)<=1?n:2-n)/(n+i)),100*((n+i)/2)]},hsl2hwb:function(t){return o(c(t))},hsl2cmyk:function(t){return s(c(t))},hsl2keyword:function(t){return l(c(t))},hsv2rgb:h,hsv2hsl:function(t){var e,i,n=t[0],a=t[1]/100,o=t[2]/100;return e=a*o,[n,100*(e=(e/=(i=(2-a)*o)<=1?i:2-i)||0),100*(i/=2)]},hsv2hwb:function(t){return o(h(t))},hsv2cmyk:function(t){return s(h(t))},hsv2keyword:function(t){return l(h(t))},hwb2rgb:f,hwb2hsl:function(t){return n(f(t))},hwb2hsv:function(t){return a(f(t))},hwb2cmyk:function(t){return s(f(t))},hwb2keyword:function(t){return l(f(t))},cmyk2rgb:p,cmyk2hsl:function(t){return n(p(t))},cmyk2hsv:function(t){return a(p(t))},cmyk2hwb:function(t){return o(p(t))},cmyk2keyword:function(t){return l(p(t))},keyword2rgb:w,keyword2hsl:function(t){return n(w(t))},keyword2hsv:function(t){return a(w(t))},keyword2hwb:function(t){return o(w(t))},keyword2cmyk:function(t){return s(w(t))},keyword2lab:function(t){return d(w(t))},keyword2xyz:function(t){return u(w(t))},xyz2rgb:m,xyz2lab:v,xyz2lch:function(t){return y(v(t))},lab2xyz:x,lab2rgb:k,lab2lch:y,lch2lab:M,lch2xyz:function(t){return x(M(t))},lch2rgb:function(t){return k(M(t))}};var S={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},C={};for(var _ in S)C[JSON.stringify(S[_])]=_},{}],5:[function(t,e,i){var n=t(4),a=function(){return new u};for(var o in n){a[o+"Raw"]=function(t){return function(e){return"number"==typeof e&&(e=Array.prototype.slice.call(arguments)),n[t](e)}}(o);var r=/(\w+)2(\w+)/.exec(o),s=r[1],l=r[2];(a[s]=a[s]||{})[l]=a[o]=function(t){return function(e){"number"==typeof e&&(e=Array.prototype.slice.call(arguments));var i=n[t](e);if("string"==typeof i||void 0===i)return i;for(var a=0;a0&&(t[0].yLabel?i=t[0].yLabel:e.labels.length>0&&t[0].index0?Math.min(r,n-i):r,i=n;return r}(i,u):-1,pixels:u,start:s,end:l,stackCount:n,scale:i}},calculateBarValuePixels:function(t,e){var i,n,a,o,r,s,l=this.chart,u=this.getMeta(),d=this.getValueScale(),c=l.data.datasets,h=d.getRightValue(c[t].data[e]),f=d.options.stacked,g=u.stack,p=0;if(f||void 0===f&&void 0!==g)for(i=0;i=0&&a>0)&&(p+=a));return o=d.getPixelForValue(p),{size:s=((r=d.getPixelForValue(p+h))-o)/2,base:o,head:r,center:r+s/2}},calculateBarIndexPixels:function(t,e,i){var n,a,r,s,l,u,d,c,h,f,g,p,m,v,b,x,y,k=i.scale.options,M="flex"===k.barThickness?(h=e,g=k,m=(f=i).pixels,v=m[h],b=h>0?m[h-1]:null,x=h');var i=t.data,n=i.datasets,a=i.labels;if(n.length)for(var o=0;o'),a[o]&&e.push(a[o]),e.push("");return e.push(""),e.join("")},legend:{labels:{generateLabels:function(t){var e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(function(i,n){var a=t.getDatasetMeta(0),r=e.datasets[0],s=a.data[n],l=s&&s.custom||{},u=o.valueAtIndexOrDefault,d=t.options.elements.arc;return{text:i,fillStyle:l.backgroundColor?l.backgroundColor:u(r.backgroundColor,n,d.backgroundColor),strokeStyle:l.borderColor?l.borderColor:u(r.borderColor,n,d.borderColor),lineWidth:l.borderWidth?l.borderWidth:u(r.borderWidth,n,d.borderWidth),hidden:isNaN(r.data[n])||a.data[n].hidden,index:n}}):[]}},onClick:function(t,e){var i,n,a,o=e.index,r=this.chart;for(i=0,n=(r.data.datasets||[]).length;i=Math.PI?-1:g<-Math.PI?1:0))+f,m=Math.cos(g),v=Math.sin(g),b=Math.cos(p),x=Math.sin(p),y=g<=0&&p>=0||g<=2*Math.PI&&2*Math.PI<=p,k=g<=.5*Math.PI&&.5*Math.PI<=p||g<=2.5*Math.PI&&2.5*Math.PI<=p,M=g<=-Math.PI&&-Math.PI<=p||g<=Math.PI&&Math.PI<=p,w=g<=.5*-Math.PI&&.5*-Math.PI<=p||g<=1.5*Math.PI&&1.5*Math.PI<=p,S=h/100,C=M?-1:Math.min(m*(m<0?1:S),b*(b<0?1:S)),_=w?-1:Math.min(v*(v<0?1:S),x*(x<0?1:S)),D=y?1:Math.max(m*(m>0?1:S),b*(b>0?1:S)),I=k?1:Math.max(v*(v>0?1:S),x*(x>0?1:S)),P=.5*(D-C),A=.5*(I-_);u=Math.min(s/P,l/A),d={x:-.5*(D+C),y:-.5*(I+_)}}i.borderWidth=e.getMaxBorderWidth(c.data),i.outerRadius=Math.max((u-i.borderWidth)/2,0),i.innerRadius=Math.max(h?i.outerRadius/100*h:0,0),i.radiusLength=(i.outerRadius-i.innerRadius)/i.getVisibleDatasetCount(),i.offsetX=d.x*i.outerRadius,i.offsetY=d.y*i.outerRadius,c.total=e.calculateTotal(),e.outerRadius=i.outerRadius-i.radiusLength*e.getRingIndex(e.index),e.innerRadius=Math.max(e.outerRadius-i.radiusLength,0),o.each(c.data,function(i,n){e.updateElement(i,n,t)})},updateElement:function(t,e,i){var n=this,a=n.chart,r=a.chartArea,s=a.options,l=s.animation,u=(r.left+r.right)/2,d=(r.top+r.bottom)/2,c=s.rotation,h=s.rotation,f=n.getDataset(),g=i&&l.animateRotate?0:t.hidden?0:n.calculateCircumference(f.data[e])*(s.circumference/(2*Math.PI)),p=i&&l.animateScale?0:n.innerRadius,m=i&&l.animateScale?0:n.outerRadius,v=o.valueAtIndexOrDefault;o.extend(t,{_datasetIndex:n.index,_index:e,_model:{x:u+a.offsetX,y:d+a.offsetY,startAngle:c,endAngle:h,circumference:g,outerRadius:m,innerRadius:p,label:v(f.label,e,a.data.labels[e])}});var b=t._model;this.removeHoverStyle(t),i&&l.animateRotate||(b.startAngle=0===e?s.rotation:n.getMeta().data[e-1]._model.endAngle,b.endAngle=b.startAngle+b.circumference),t.pivot()},removeHoverStyle:function(e){t.DatasetController.prototype.removeHoverStyle.call(this,e,this.chart.options.elements.arc)},calculateTotal:function(){var t,e=this.getDataset(),i=this.getMeta(),n=0;return o.each(i.data,function(i,a){t=e.data[a],isNaN(t)||i.hidden||(n+=Math.abs(t))}),n},calculateCircumference:function(t){var e=this.getMeta().total;return e>0&&!isNaN(t)?2*Math.PI*(Math.abs(t)/e):0},getMaxBorderWidth:function(t){for(var e,i,n=0,a=this.index,o=t.length,r=0;r(n=e>n?e:n)?i:n;return n}})}},{25:25,40:40,45:45}],18:[function(t,e,i){"use strict";var n=t(25),a=t(40),o=t(45);n._set("line",{showLines:!0,spanGaps:!1,hover:{mode:"label"},scales:{xAxes:[{type:"category",id:"x-axis-0"}],yAxes:[{type:"linear",id:"y-axis-0"}]}}),e.exports=function(t){function e(t,e){return o.valueOrDefault(t.showLine,e.showLines)}t.controllers.line=t.DatasetController.extend({datasetElementType:a.Line,dataElementType:a.Point,update:function(t){var i,n,a,r=this,s=r.getMeta(),l=s.dataset,u=s.data||[],d=r.chart.options,c=d.elements.line,h=r.getScaleForId(s.yAxisID),f=r.getDataset(),g=e(f,d);for(g&&(a=l.custom||{},void 0!==f.tension&&void 0===f.lineTension&&(f.lineTension=f.tension),l._scale=h,l._datasetIndex=r.index,l._children=u,l._model={spanGaps:f.spanGaps?f.spanGaps:d.spanGaps,tension:a.tension?a.tension:o.valueOrDefault(f.lineTension,c.tension),backgroundColor:a.backgroundColor?a.backgroundColor:f.backgroundColor||c.backgroundColor,borderWidth:a.borderWidth?a.borderWidth:f.borderWidth||c.borderWidth,borderColor:a.borderColor?a.borderColor:f.borderColor||c.borderColor,borderCapStyle:a.borderCapStyle?a.borderCapStyle:f.borderCapStyle||c.borderCapStyle,borderDash:a.borderDash?a.borderDash:f.borderDash||c.borderDash,borderDashOffset:a.borderDashOffset?a.borderDashOffset:f.borderDashOffset||c.borderDashOffset,borderJoinStyle:a.borderJoinStyle?a.borderJoinStyle:f.borderJoinStyle||c.borderJoinStyle,fill:a.fill?a.fill:void 0!==f.fill?f.fill:c.fill,steppedLine:a.steppedLine?a.steppedLine:o.valueOrDefault(f.steppedLine,c.stepped),cubicInterpolationMode:a.cubicInterpolationMode?a.cubicInterpolationMode:o.valueOrDefault(f.cubicInterpolationMode,c.cubicInterpolationMode)},l.pivot()),i=0,n=u.length;i');var i=t.data,n=i.datasets,a=i.labels;if(n.length)for(var o=0;o'),a[o]&&e.push(a[o]),e.push("");return e.push(""),e.join("")},legend:{labels:{generateLabels:function(t){var e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(function(i,n){var a=t.getDatasetMeta(0),r=e.datasets[0],s=a.data[n].custom||{},l=o.valueAtIndexOrDefault,u=t.options.elements.arc;return{text:i,fillStyle:s.backgroundColor?s.backgroundColor:l(r.backgroundColor,n,u.backgroundColor),strokeStyle:s.borderColor?s.borderColor:l(r.borderColor,n,u.borderColor),lineWidth:s.borderWidth?s.borderWidth:l(r.borderWidth,n,u.borderWidth),hidden:isNaN(r.data[n])||a.data[n].hidden,index:n}}):[]}},onClick:function(t,e){var i,n,a,o=e.index,r=this.chart;for(i=0,n=(r.data.datasets||[]).length;i0&&!isNaN(t)?2*Math.PI/e:0}})}},{25:25,40:40,45:45}],20:[function(t,e,i){"use strict";var n=t(25),a=t(40),o=t(45);n._set("radar",{scale:{type:"radialLinear"},elements:{line:{tension:0}}}),e.exports=function(t){t.controllers.radar=t.DatasetController.extend({datasetElementType:a.Line,dataElementType:a.Point,linkScales:o.noop,update:function(t){var e=this,i=e.getMeta(),n=i.dataset,a=i.data,r=n.custom||{},s=e.getDataset(),l=e.chart.options.elements.line,u=e.chart.scale;void 0!==s.tension&&void 0===s.lineTension&&(s.lineTension=s.tension),o.extend(i.dataset,{_datasetIndex:e.index,_scale:u,_children:a,_loop:!0,_model:{tension:r.tension?r.tension:o.valueOrDefault(s.lineTension,l.tension),backgroundColor:r.backgroundColor?r.backgroundColor:s.backgroundColor||l.backgroundColor,borderWidth:r.borderWidth?r.borderWidth:s.borderWidth||l.borderWidth,borderColor:r.borderColor?r.borderColor:s.borderColor||l.borderColor,fill:r.fill?r.fill:void 0!==s.fill?s.fill:l.fill,borderCapStyle:r.borderCapStyle?r.borderCapStyle:s.borderCapStyle||l.borderCapStyle,borderDash:r.borderDash?r.borderDash:s.borderDash||l.borderDash,borderDashOffset:r.borderDashOffset?r.borderDashOffset:s.borderDashOffset||l.borderDashOffset,borderJoinStyle:r.borderJoinStyle?r.borderJoinStyle:s.borderJoinStyle||l.borderJoinStyle}}),i.dataset.pivot(),o.each(a,function(i,n){e.updateElement(i,n,t)},e),e.updateBezierControlPoints()},updateElement:function(t,e,i){var n=this,a=t.custom||{},r=n.getDataset(),s=n.chart.scale,l=n.chart.options.elements.point,u=s.getPointPositionForValue(e,r.data[e]);void 0!==r.radius&&void 0===r.pointRadius&&(r.pointRadius=r.radius),void 0!==r.hitRadius&&void 0===r.pointHitRadius&&(r.pointHitRadius=r.hitRadius),o.extend(t,{_datasetIndex:n.index,_index:e,_scale:s,_model:{x:i?s.xCenter:u.x,y:i?s.yCenter:u.y,tension:a.tension?a.tension:o.valueOrDefault(r.lineTension,n.chart.options.elements.line.tension),radius:a.radius?a.radius:o.valueAtIndexOrDefault(r.pointRadius,e,l.radius),backgroundColor:a.backgroundColor?a.backgroundColor:o.valueAtIndexOrDefault(r.pointBackgroundColor,e,l.backgroundColor),borderColor:a.borderColor?a.borderColor:o.valueAtIndexOrDefault(r.pointBorderColor,e,l.borderColor),borderWidth:a.borderWidth?a.borderWidth:o.valueAtIndexOrDefault(r.pointBorderWidth,e,l.borderWidth),pointStyle:a.pointStyle?a.pointStyle:o.valueAtIndexOrDefault(r.pointStyle,e,l.pointStyle),hitRadius:a.hitRadius?a.hitRadius:o.valueAtIndexOrDefault(r.pointHitRadius,e,l.hitRadius)}}),t._model.skip=a.skip?a.skip:isNaN(t._model.x)||isNaN(t._model.y)},updateBezierControlPoints:function(){var t=this.chart.chartArea,e=this.getMeta();o.each(e.data,function(i,n){var a=i._model,r=o.splineCurve(o.previousItem(e.data,n,!0)._model,a,o.nextItem(e.data,n,!0)._model,a.tension);a.controlPointPreviousX=Math.max(Math.min(r.previous.x,t.right),t.left),a.controlPointPreviousY=Math.max(Math.min(r.previous.y,t.bottom),t.top),a.controlPointNextX=Math.max(Math.min(r.next.x,t.right),t.left),a.controlPointNextY=Math.max(Math.min(r.next.y,t.bottom),t.top),i.pivot()})},setHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],i=t.custom||{},n=t._index,a=t._model;a.radius=i.hoverRadius?i.hoverRadius:o.valueAtIndexOrDefault(e.pointHoverRadius,n,this.chart.options.elements.point.hoverRadius),a.backgroundColor=i.hoverBackgroundColor?i.hoverBackgroundColor:o.valueAtIndexOrDefault(e.pointHoverBackgroundColor,n,o.getHoverColor(a.backgroundColor)),a.borderColor=i.hoverBorderColor?i.hoverBorderColor:o.valueAtIndexOrDefault(e.pointHoverBorderColor,n,o.getHoverColor(a.borderColor)),a.borderWidth=i.hoverBorderWidth?i.hoverBorderWidth:o.valueAtIndexOrDefault(e.pointHoverBorderWidth,n,a.borderWidth)},removeHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],i=t.custom||{},n=t._index,a=t._model,r=this.chart.options.elements.point;a.radius=i.radius?i.radius:o.valueAtIndexOrDefault(e.pointRadius,n,r.radius),a.backgroundColor=i.backgroundColor?i.backgroundColor:o.valueAtIndexOrDefault(e.pointBackgroundColor,n,r.backgroundColor),a.borderColor=i.borderColor?i.borderColor:o.valueAtIndexOrDefault(e.pointBorderColor,n,r.borderColor),a.borderWidth=i.borderWidth?i.borderWidth:o.valueAtIndexOrDefault(e.pointBorderWidth,n,r.borderWidth)}})}},{25:25,40:40,45:45}],21:[function(t,e,i){"use strict";t(25)._set("scatter",{hover:{mode:"single"},scales:{xAxes:[{id:"x-axis-1",type:"linear",position:"bottom"}],yAxes:[{id:"y-axis-1",type:"linear",position:"left"}]},showLines:!1,tooltips:{callbacks:{title:function(){return""},label:function(t){return"("+t.xLabel+", "+t.yLabel+")"}}}}),e.exports=function(t){t.controllers.scatter=t.controllers.line}},{25:25}],22:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45);n._set("global",{animation:{duration:1e3,easing:"easeOutQuart",onProgress:o.noop,onComplete:o.noop}}),e.exports=function(t){t.Animation=a.extend({chart:null,currentStep:0,numSteps:60,easing:"",render:null,onAnimationProgress:null,onAnimationComplete:null}),t.animationService={frameDuration:17,animations:[],dropFrames:0,request:null,addAnimation:function(t,e,i,n){var a,o,r=this.animations;for(e.chart=t,n||(t.animating=!0),a=0,o=r.length;a1&&(i=Math.floor(t.dropFrames),t.dropFrames=t.dropFrames%1),t.advance(1+i);var n=Date.now();t.dropFrames+=(n-e)/t.frameDuration,t.animations.length>0&&t.requestAnimationFrame()},advance:function(t){for(var e,i,n=this.animations,a=0;a=e.numSteps?(o.callback(e.onAnimationComplete,[e],i),i.animating=!1,n.splice(a,1)):++a}},Object.defineProperty(t.Animation.prototype,"animationObject",{get:function(){return this}}),Object.defineProperty(t.Animation.prototype,"chartInstance",{get:function(){return this.chart},set:function(t){this.chart=t}})}},{25:25,26:26,45:45}],23:[function(t,e,i){"use strict";var n=t(25),a=t(45),o=t(28),r=t(30),s=t(48),l=t(31);e.exports=function(t){function e(t){return"top"===t||"bottom"===t}t.types={},t.instances={},t.controllers={},a.extend(t.prototype,{construct:function(e,i){var o,r,l=this;(r=(o=(o=i)||{}).data=o.data||{}).datasets=r.datasets||[],r.labels=r.labels||[],o.options=a.configMerge(n.global,n[o.type],o.options||{}),i=o;var u=s.acquireContext(e,i),d=u&&u.canvas,c=d&&d.height,h=d&&d.width;l.id=a.uid(),l.ctx=u,l.canvas=d,l.config=i,l.width=h,l.height=c,l.aspectRatio=c?h/c:null,l.options=i.options,l._bufferedRender=!1,l.chart=l,l.controller=l,t.instances[l.id]=l,Object.defineProperty(l,"data",{get:function(){return l.config.data},set:function(t){l.config.data=t}}),u&&d?(l.initialize(),l.update()):console.error("Failed to create chart: can't acquire context from the given item")},initialize:function(){var t=this;return l.notify(t,"beforeInit"),a.retinaScale(t,t.options.devicePixelRatio),t.bindEvents(),t.options.responsive&&t.resize(!0),t.ensureScalesHaveIDs(),t.buildOrUpdateScales(),t.initToolTip(),l.notify(t,"afterInit"),t},clear:function(){return a.canvas.clear(this),this},stop:function(){return t.animationService.cancelAnimation(this),this},resize:function(t){var e=this,i=e.options,n=e.canvas,o=i.maintainAspectRatio&&e.aspectRatio||null,r=Math.max(0,Math.floor(a.getMaximumWidth(n))),s=Math.max(0,Math.floor(o?r/o:a.getMaximumHeight(n)));if((e.width!==r||e.height!==s)&&(n.width=e.width=r,n.height=e.height=s,n.style.width=r+"px",n.style.height=s+"px",a.retinaScale(e,i.devicePixelRatio),!t)){var u={width:r,height:s};l.notify(e,"resize",[u]),e.options.onResize&&e.options.onResize(e,u),e.stop(),e.update(e.options.responsiveAnimationDuration)}},ensureScalesHaveIDs:function(){var t=this.options,e=t.scales||{},i=t.scale;a.each(e.xAxes,function(t,e){t.id=t.id||"x-axis-"+e}),a.each(e.yAxes,function(t,e){t.id=t.id||"y-axis-"+e}),i&&(i.id=i.id||"scale")},buildOrUpdateScales:function(){var i=this,n=i.options,o=i.scales||{},r=[],s=Object.keys(o).reduce(function(t,e){return t[e]=!1,t},{});n.scales&&(r=r.concat((n.scales.xAxes||[]).map(function(t){return{options:t,dtype:"category",dposition:"bottom"}}),(n.scales.yAxes||[]).map(function(t){return{options:t,dtype:"linear",dposition:"left"}}))),n.scale&&r.push({options:n.scale,dtype:"radialLinear",isDefault:!0,dposition:"chartArea"}),a.each(r,function(n){var r=n.options,l=r.id,u=a.valueOrDefault(r.type,n.dtype);e(r.position)!==e(n.dposition)&&(r.position=n.dposition),s[l]=!0;var d=null;if(l in o&&o[l].type===u)(d=o[l]).options=r,d.ctx=i.ctx,d.chart=i;else{var c=t.scaleService.getScaleConstructor(u);if(!c)return;d=new c({id:l,type:u,options:r,ctx:i.ctx,chart:i}),o[d.id]=d}d.mergeTicksOptions(),n.isDefault&&(i.scale=d)}),a.each(s,function(t,e){t||delete o[e]}),i.scales=o,t.scaleService.addScalesToLayout(this)},buildOrUpdateControllers:function(){var e=this,i=[],n=[];return a.each(e.data.datasets,function(a,o){var r=e.getDatasetMeta(o),s=a.type||e.config.type;if(r.type&&r.type!==s&&(e.destroyDatasetMeta(o),r=e.getDatasetMeta(o)),r.type=s,i.push(r.type),r.controller)r.controller.updateIndex(o),r.controller.linkScales();else{var l=t.controllers[r.type];if(void 0===l)throw new Error('"'+r.type+'" is not a chart type.');r.controller=new l(e,o),n.push(r.controller)}},e),n},resetElements:function(){var t=this;a.each(t.data.datasets,function(e,i){t.getDatasetMeta(i).controller.reset()},t)},reset:function(){this.resetElements(),this.tooltip.initialize()},update:function(e){var i,n,o=this;if(e&&"object"==typeof e||(e={duration:e,lazy:arguments[1]}),n=(i=o).options,a.each(i.scales,function(t){r.removeBox(i,t)}),n=a.configMerge(t.defaults.global,t.defaults[i.config.type],n),i.options=i.config.options=n,i.ensureScalesHaveIDs(),i.buildOrUpdateScales(),i.tooltip._options=n.tooltips,i.tooltip.initialize(),l._invalidate(o),!1!==l.notify(o,"beforeUpdate")){o.tooltip._data=o.data;var s=o.buildOrUpdateControllers();a.each(o.data.datasets,function(t,e){o.getDatasetMeta(e).controller.buildOrUpdateElements()},o),o.updateLayout(),o.options.animation&&o.options.animation.duration&&a.each(s,function(t){t.reset()}),o.updateDatasets(),o.tooltip.initialize(),o.lastActive=[],l.notify(o,"afterUpdate"),o._bufferedRender?o._bufferedRequest={duration:e.duration,easing:e.easing,lazy:e.lazy}:o.render(e)}},updateLayout:function(){!1!==l.notify(this,"beforeLayout")&&(r.update(this,this.width,this.height),l.notify(this,"afterScaleUpdate"),l.notify(this,"afterLayout"))},updateDatasets:function(){if(!1!==l.notify(this,"beforeDatasetsUpdate")){for(var t=0,e=this.data.datasets.length;t=0;--i)e.isDatasetVisible(i)&&e.drawDataset(i,t);l.notify(e,"afterDatasetsDraw",[t])}},drawDataset:function(t,e){var i=this.getDatasetMeta(t),n={meta:i,index:t,easingValue:e};!1!==l.notify(this,"beforeDatasetDraw",[n])&&(i.controller.draw(e),l.notify(this,"afterDatasetDraw",[n]))},_drawTooltip:function(t){var e=this.tooltip,i={tooltip:e,easingValue:t};!1!==l.notify(this,"beforeTooltipDraw",[i])&&(e.draw(),l.notify(this,"afterTooltipDraw",[i]))},getElementAtEvent:function(t){return o.modes.single(this,t)},getElementsAtEvent:function(t){return o.modes.label(this,t,{intersect:!0})},getElementsAtXAxis:function(t){return o.modes["x-axis"](this,t,{intersect:!0})},getElementsAtEventForMode:function(t,e,i){var n=o.modes[e];return"function"==typeof n?n(this,t,i):[]},getDatasetAtEvent:function(t){return o.modes.dataset(this,t,{intersect:!0})},getDatasetMeta:function(t){var e=this.data.datasets[t];e._meta||(e._meta={});var i=e._meta[this.id];return i||(i=e._meta[this.id]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null}),i},getVisibleDatasetCount:function(){for(var t=0,e=0,i=this.data.datasets.length;e0||(e.forEach(function(e){delete t[e]}),delete t._chartjs)}}t.DatasetController=function(t,e){this.initialize(t,e)},n.extend(t.DatasetController.prototype,{datasetElementType:null,dataElementType:null,initialize:function(t,e){this.chart=t,this.index=e,this.linkScales(),this.addElements()},updateIndex:function(t){this.index=t},linkScales:function(){var t=this,e=t.getMeta(),i=t.getDataset();null!==e.xAxisID&&e.xAxisID in t.chart.scales||(e.xAxisID=i.xAxisID||t.chart.options.scales.xAxes[0].id),null!==e.yAxisID&&e.yAxisID in t.chart.scales||(e.yAxisID=i.yAxisID||t.chart.options.scales.yAxes[0].id)},getDataset:function(){return this.chart.data.datasets[this.index]},getMeta:function(){return this.chart.getDatasetMeta(this.index)},getScaleForId:function(t){return this.chart.scales[t]},reset:function(){this.update(!0)},destroy:function(){this._data&&i(this._data,this)},createMetaDataset:function(){var t=this.datasetElementType;return t&&new t({_chart:this.chart,_datasetIndex:this.index})},createMetaData:function(t){var e=this.dataElementType;return e&&new e({_chart:this.chart,_datasetIndex:this.index,_index:t})},addElements:function(){var t,e,i=this.getMeta(),n=this.getDataset().data||[],a=i.data;for(t=0,e=n.length;ti&&this.insertElements(i,n-i)},insertElements:function(t,e){for(var i=0;i=i[e].length&&i[e].push({}),!i[e][r].type||l.type&&l.type!==i[e][r].type?o.merge(i[e][r],[t.scaleService.getScaleDefaults(s),l]):o.merge(i[e][r],l)}else o._merger(e,i,n,a)}})},o.where=function(t,e){if(o.isArray(t)&&Array.prototype.filter)return t.filter(e);var i=[];return o.each(t,function(t){e(t)&&i.push(t)}),i},o.findIndex=Array.prototype.findIndex?function(t,e,i){return t.findIndex(e,i)}:function(t,e,i){i=void 0===i?t:i;for(var n=0,a=t.length;n=0;n--){var a=t[n];if(e(a))return a}},o.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},o.almostEquals=function(t,e,i){return Math.abs(t-e)t},o.max=function(t){return t.reduce(function(t,e){return isNaN(e)?t:Math.max(t,e)},Number.NEGATIVE_INFINITY)},o.min=function(t){return t.reduce(function(t,e){return isNaN(e)?t:Math.min(t,e)},Number.POSITIVE_INFINITY)},o.sign=Math.sign?function(t){return Math.sign(t)}:function(t){return 0===(t=+t)||isNaN(t)?t:t>0?1:-1},o.log10=Math.log10?function(t){return Math.log10(t)}:function(t){var e=Math.log(t)*Math.LOG10E,i=Math.round(e);return t===Math.pow(10,i)?i:e},o.toRadians=function(t){return t*(Math.PI/180)},o.toDegrees=function(t){return t*(180/Math.PI)},o.getAngleFromPoint=function(t,e){var i=e.x-t.x,n=e.y-t.y,a=Math.sqrt(i*i+n*n),o=Math.atan2(n,i);return o<-.5*Math.PI&&(o+=2*Math.PI),{angle:o,distance:a}},o.distanceBetweenPoints=function(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))},o.aliasPixel=function(t){return t%2==0?0:.5},o.splineCurve=function(t,e,i,n){var a=t.skip?e:t,o=e,r=i.skip?e:i,s=Math.sqrt(Math.pow(o.x-a.x,2)+Math.pow(o.y-a.y,2)),l=Math.sqrt(Math.pow(r.x-o.x,2)+Math.pow(r.y-o.y,2)),u=s/(s+l),d=l/(s+l),c=n*(u=isNaN(u)?0:u),h=n*(d=isNaN(d)?0:d);return{previous:{x:o.x-c*(r.x-a.x),y:o.y-c*(r.y-a.y)},next:{x:o.x+h*(r.x-a.x),y:o.y+h*(r.y-a.y)}}},o.EPSILON=Number.EPSILON||1e-14,o.splineCurveMonotone=function(t){var e,i,n,a,r,s,l,u,d,c=(t||[]).map(function(t){return{model:t._model,deltaK:0,mK:0}}),h=c.length;for(e=0;e0?c[e-1]:null,(a=e0?c[e-1]:null,a=e=t.length-1?t[0]:t[e+1]:e>=t.length-1?t[t.length-1]:t[e+1]},o.previousItem=function(t,e,i){return i?e<=0?t[t.length-1]:t[e-1]:e<=0?t[0]:t[e-1]},o.niceNum=function(t,e){var i=Math.floor(o.log10(t)),n=t/Math.pow(10,i);return(e?n<1.5?1:n<3?2:n<7?5:10:n<=1?1:n<=2?2:n<=5?5:10)*Math.pow(10,i)},o.requestAnimFrame="undefined"==typeof window?function(t){t()}:window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)},o.getRelativePosition=function(t,e){var i,n,a=t.originalEvent||t,r=t.currentTarget||t.srcElement,s=r.getBoundingClientRect(),l=a.touches;l&&l.length>0?(i=l[0].clientX,n=l[0].clientY):(i=a.clientX,n=a.clientY);var u=parseFloat(o.getStyle(r,"padding-left")),d=parseFloat(o.getStyle(r,"padding-top")),c=parseFloat(o.getStyle(r,"padding-right")),h=parseFloat(o.getStyle(r,"padding-bottom")),f=s.right-s.left-u-c,g=s.bottom-s.top-d-h;return{x:i=Math.round((i-s.left-u)/f*r.width/e.currentDevicePixelRatio),y:n=Math.round((n-s.top-d)/g*r.height/e.currentDevicePixelRatio)}},o.getConstraintWidth=function(t){return r(t,"max-width","clientWidth")},o.getConstraintHeight=function(t){return r(t,"max-height","clientHeight")},o.getMaximumWidth=function(t){var e=t.parentNode;if(!e)return t.clientWidth;var i=parseInt(o.getStyle(e,"padding-left"),10),n=parseInt(o.getStyle(e,"padding-right"),10),a=e.clientWidth-i-n,r=o.getConstraintWidth(t);return isNaN(r)?a:Math.min(a,r)},o.getMaximumHeight=function(t){var e=t.parentNode;if(!e)return t.clientHeight;var i=parseInt(o.getStyle(e,"padding-top"),10),n=parseInt(o.getStyle(e,"padding-bottom"),10),a=e.clientHeight-i-n,r=o.getConstraintHeight(t);return isNaN(r)?a:Math.min(a,r)},o.getStyle=function(t,e){return t.currentStyle?t.currentStyle[e]:document.defaultView.getComputedStyle(t,null).getPropertyValue(e)},o.retinaScale=function(t,e){var i=t.currentDevicePixelRatio=e||window.devicePixelRatio||1;if(1!==i){var n=t.canvas,a=t.height,o=t.width;n.height=a*i,n.width=o*i,t.ctx.scale(i,i),n.style.height||n.style.width||(n.style.height=a+"px",n.style.width=o+"px")}},o.fontString=function(t,e,i){return e+" "+t+"px "+i},o.longestText=function(t,e,i,n){var a=(n=n||{}).data=n.data||{},r=n.garbageCollect=n.garbageCollect||[];n.font!==e&&(a=n.data={},r=n.garbageCollect=[],n.font=e),t.font=e;var s=0;o.each(i,function(e){null!=e&&!0!==o.isArray(e)?s=o.measureText(t,a,r,s,e):o.isArray(e)&&o.each(e,function(e){null==e||o.isArray(e)||(s=o.measureText(t,a,r,s,e))})});var l=r.length/2;if(l>i.length){for(var u=0;un&&(n=o),n},o.numberOfLabelLines=function(t){var e=1;return o.each(t,function(t){o.isArray(t)&&t.length>e&&(e=t.length)}),e},o.color=n?function(t){return t instanceof CanvasGradient&&(t=a.global.defaultColor),n(t)}:function(t){return console.error("Color.js not found!"),t},o.getHoverColor=function(t){return t instanceof CanvasPattern?t:o.color(t).saturate(.5).darken(.1).rgbString()}}},{25:25,3:3,45:45}],28:[function(t,e,i){"use strict";var n=t(45);function a(t,e){return t.native?{x:t.x,y:t.y}:n.getRelativePosition(t,e)}function o(t,e){var i,n,a,o,r;for(n=0,o=t.data.datasets.length;n0&&(u=t.getDatasetMeta(u[0]._datasetIndex).data),u},"x-axis":function(t,e){return u(t,e,{intersect:!1})},point:function(t,e){return r(t,a(e,t))},nearest:function(t,e,i){var n=a(e,t);i.axis=i.axis||"xy";var o=l(i.axis),r=s(t,n,i.intersect,o);return r.length>1&&r.sort(function(t,e){var i=t.getArea()-e.getArea();return 0===i&&(i=t._datasetIndex-e._datasetIndex),i}),r.slice(0,1)},x:function(t,e,i){var n=a(e,t),r=[],s=!1;return o(t,function(t){t.inXRange(n.x)&&r.push(t),t.inRange(n.x,n.y)&&(s=!0)}),i.intersect&&!s&&(r=[]),r},y:function(t,e,i){var n=a(e,t),r=[],s=!1;return o(t,function(t){t.inYRange(n.y)&&r.push(t),t.inRange(n.x,n.y)&&(s=!0)}),i.intersect&&!s&&(r=[]),r}}}},{45:45}],29:[function(t,e,i){"use strict";t(25)._set("global",{responsive:!0,responsiveAnimationDuration:0,maintainAspectRatio:!0,events:["mousemove","mouseout","click","touchstart","touchmove"],hover:{onHover:null,mode:"nearest",intersect:!0,animationDuration:400},onClick:null,defaultColor:"rgba(0,0,0,0.1)",defaultFontColor:"#666",defaultFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",defaultFontSize:12,defaultFontStyle:"normal",showLines:!0,elements:{},layout:{padding:{top:0,right:0,bottom:0,left:0}}}),e.exports=function(){var t=function(t,e){return this.construct(t,e),this};return t.Chart=t,t}},{25:25}],30:[function(t,e,i){"use strict";var n=t(45);function a(t,e){return n.where(t,function(t){return t.position===e})}function o(t,e){t.forEach(function(t,e){return t._tmpIndex_=e,t}),t.sort(function(t,i){var n=e?i:t,a=e?t:i;return n.weight===a.weight?n._tmpIndex_-a._tmpIndex_:n.weight-a.weight}),t.forEach(function(t){delete t._tmpIndex_})}e.exports={defaults:{},addBox:function(t,e){t.boxes||(t.boxes=[]),e.fullWidth=e.fullWidth||!1,e.position=e.position||"top",e.weight=e.weight||0,t.boxes.push(e)},removeBox:function(t,e){var i=t.boxes?t.boxes.indexOf(e):-1;-1!==i&&t.boxes.splice(i,1)},configure:function(t,e,i){for(var n,a=["fullWidth","position","weight"],o=a.length,r=0;rh&&lt.maxHeight){l--;break}l++,c=u*d}t.labelRotation=l},afterCalculateTickRotation:function(){o.callback(this.options.afterCalculateTickRotation,[this])},beforeFit:function(){o.callback(this.options.beforeFit,[this])},fit:function(){var t=this,n=t.minSize={width:0,height:0},a=s(t._ticks),l=t.options,u=l.ticks,d=l.scaleLabel,c=l.gridLines,h=l.display,f=t.isHorizontal(),g=i(u),p=l.gridLines.tickMarkLength;if(n.width=f?t.isFullWidth()?t.maxWidth-t.margins.left-t.margins.right:t.maxWidth:h&&c.drawTicks?p:0,n.height=f?h&&c.drawTicks?p:0:t.maxHeight,d.display&&h){var m=r(d)+o.options.toPadding(d.padding).height;f?n.height+=m:n.width+=m}if(u.display&&h){var v=o.longestText(t.ctx,g.font,a,t.longestTextCache),b=o.numberOfLabelLines(a),x=.5*g.size,y=t.options.ticks.padding;if(f){t.longestLabelWidth=v;var k=o.toRadians(t.labelRotation),M=Math.cos(k),w=Math.sin(k)*v+g.size*b+x*(b-1)+x;n.height=Math.min(t.maxHeight,n.height+w+y),t.ctx.font=g.font;var S=e(t.ctx,a[0],g.font),C=e(t.ctx,a[a.length-1],g.font);0!==t.labelRotation?(t.paddingLeft="bottom"===l.position?M*S+3:M*x+3,t.paddingRight="bottom"===l.position?M*x+3:M*C+3):(t.paddingLeft=S/2+3,t.paddingRight=C/2+3)}else u.mirror?v=0:v+=y+x,n.width=Math.min(t.maxWidth,n.width+v),t.paddingTop=g.size/2,t.paddingBottom=g.size/2}t.handleMargins(),t.width=n.width,t.height=n.height},handleMargins:function(){var t=this;t.margins&&(t.paddingLeft=Math.max(t.paddingLeft-t.margins.left,0),t.paddingTop=Math.max(t.paddingTop-t.margins.top,0),t.paddingRight=Math.max(t.paddingRight-t.margins.right,0),t.paddingBottom=Math.max(t.paddingBottom-t.margins.bottom,0))},afterFit:function(){o.callback(this.options.afterFit,[this])},isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},isFullWidth:function(){return this.options.fullWidth},getRightValue:function(t){if(o.isNullOrUndef(t))return NaN;if("number"==typeof t&&!isFinite(t))return NaN;if(t)if(this.isHorizontal()){if(void 0!==t.x)return this.getRightValue(t.x)}else if(void 0!==t.y)return this.getRightValue(t.y);return t},getLabelForIndex:o.noop,getPixelForValue:o.noop,getValueForPixel:o.noop,getPixelForTick:function(t){var e=this,i=e.options.offset;if(e.isHorizontal()){var n=(e.width-(e.paddingLeft+e.paddingRight))/Math.max(e._ticks.length-(i?0:1),1),a=n*t+e.paddingLeft;i&&(a+=n/2);var o=e.left+Math.round(a);return o+=e.isFullWidth()?e.margins.left:0}var r=e.height-(e.paddingTop+e.paddingBottom);return e.top+t*(r/(e._ticks.length-1))},getPixelForDecimal:function(t){var e=this;if(e.isHorizontal()){var i=(e.width-(e.paddingLeft+e.paddingRight))*t+e.paddingLeft,n=e.left+Math.round(i);return n+=e.isFullWidth()?e.margins.left:0}return e.top+t*e.height},getBasePixel:function(){return this.getPixelForValue(this.getBaseValue())},getBaseValue:function(){var t=this.min,e=this.max;return this.beginAtZero?0:t<0&&e<0?e:t>0&&e>0?t:0},_autoSkip:function(t){var e,i,n,a,r=this,s=r.isHorizontal(),l=r.options.ticks.minor,u=t.length,d=o.toRadians(r.labelRotation),c=Math.cos(d),h=r.longestLabelWidth*c,f=[];for(l.maxTicksLimit&&(a=l.maxTicksLimit),s&&(e=!1,(h+l.autoSkipPadding)*u>r.width-(r.paddingLeft+r.paddingRight)&&(e=1+Math.floor((h+l.autoSkipPadding)*u/(r.width-(r.paddingLeft+r.paddingRight)))),a&&u>a&&(e=Math.max(e,Math.floor(u/a)))),i=0;i1&&i%e>0||i%e==0&&i+e>=u)&&i!==u-1&&delete n.label,f.push(n);return f},draw:function(t){var e=this,a=e.options;if(a.display){var s=e.ctx,u=n.global,d=a.ticks.minor,c=a.ticks.major||d,h=a.gridLines,f=a.scaleLabel,g=0!==e.labelRotation,p=e.isHorizontal(),m=d.autoSkip?e._autoSkip(e.getTicks()):e.getTicks(),v=o.valueOrDefault(d.fontColor,u.defaultFontColor),b=i(d),x=o.valueOrDefault(c.fontColor,u.defaultFontColor),y=i(c),k=h.drawTicks?h.tickMarkLength:0,M=o.valueOrDefault(f.fontColor,u.defaultFontColor),w=i(f),S=o.options.toPadding(f.padding),C=o.toRadians(e.labelRotation),_=[],D=e.options.gridLines.lineWidth,I="right"===a.position?e.right:e.right-D-k,P="right"===a.position?e.right+k:e.right,A="bottom"===a.position?e.top+D:e.bottom-k-D,T="bottom"===a.position?e.top+D+k:e.bottom+D;if(o.each(m,function(i,n){if(!o.isNullOrUndef(i.label)){var r,s,c,f,v,b,x,y,M,w,S,F,O,R,L=i.label;n===e.zeroLineIndex&&a.offset===h.offsetGridLines?(r=h.zeroLineWidth,s=h.zeroLineColor,c=h.zeroLineBorderDash,f=h.zeroLineBorderDashOffset):(r=o.valueAtIndexOrDefault(h.lineWidth,n),s=o.valueAtIndexOrDefault(h.color,n),c=o.valueOrDefault(h.borderDash,u.borderDash),f=o.valueOrDefault(h.borderDashOffset,u.borderDashOffset));var z="middle",B="middle",W=d.padding;if(p){var N=k+W;"bottom"===a.position?(B=g?"middle":"top",z=g?"right":"center",R=e.top+N):(B=g?"middle":"bottom",z=g?"left":"center",R=e.bottom-N);var V=l(e,n,h.offsetGridLines&&m.length>1);V1);j3?i[2]-i[1]:i[1]-i[0];Math.abs(a)>1&&t!==Math.floor(t)&&(a=t-Math.floor(t));var o=n.log10(Math.abs(a)),r="";if(0!==t){var s=-1*Math.floor(o);s=Math.max(Math.min(s,20),0),r=t.toFixed(s)}else r="0";return r},logarithmic:function(t,e,i){var a=t/Math.pow(10,Math.floor(n.log10(t)));return 0===t?"0":1===a||2===a||5===a||0===e||e===i.length-1?t.toExponential():""}}}},{45:45}],35:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45);n._set("global",{tooltips:{enabled:!0,custom:null,mode:"nearest",position:"average",intersect:!0,backgroundColor:"rgba(0,0,0,0.8)",titleFontStyle:"bold",titleSpacing:2,titleMarginBottom:6,titleFontColor:"#fff",titleAlign:"left",bodySpacing:2,bodyFontColor:"#fff",bodyAlign:"left",footerFontStyle:"bold",footerSpacing:2,footerMarginTop:6,footerFontColor:"#fff",footerAlign:"left",yPadding:6,xPadding:6,caretPadding:2,caretSize:5,cornerRadius:6,multiKeyBackground:"#fff",displayColors:!0,borderColor:"rgba(0,0,0,0)",borderWidth:0,callbacks:{beforeTitle:o.noop,title:function(t,e){var i="",n=e.labels,a=n?n.length:0;if(t.length>0){var o=t[0];o.xLabel?i=o.xLabel:a>0&&o.indexl.height-e.height&&(c="bottom");var h=(u.left+u.right)/2,f=(u.top+u.bottom)/2;"center"===c?(i=function(t){return t<=h},n=function(t){return t>h}):(i=function(t){return t<=e.width/2},n=function(t){return t>=l.width-e.width/2}),a=function(t){return t+e.width+s.caretSize+s.caretPadding>l.width},o=function(t){return t-e.width-s.caretSize-s.caretPadding<0},r=function(t){return t<=f?"top":"bottom"},i(s.x)?(d="left",a(s.x)&&(d="center",c=r(s.y))):n(s.x)&&(d="right",o(s.x)&&(d="center",c=r(s.y)));var g=t._options;return{xAlign:g.xAlign?g.xAlign:d,yAlign:g.yAlign?g.yAlign:c}}(this,F=function(t,e){var i=t._chart.ctx,n=2*e.yPadding,a=0,r=e.body,s=r.reduce(function(t,e){return t+e.before.length+e.lines.length+e.after.length},0);s+=e.beforeBody.length+e.afterBody.length;var l=e.title.length,u=e.footer.length,d=e.titleFontSize,c=e.bodyFontSize,h=e.footerFontSize;n+=l*d,n+=l?(l-1)*e.titleSpacing:0,n+=l?e.titleMarginBottom:0,n+=s*c,n+=s?(s-1)*e.bodySpacing:0,n+=u?e.footerMarginTop:0,n+=u*h,n+=u?(u-1)*e.footerSpacing:0;var f=0,g=function(t){a=Math.max(a,i.measureText(t).width+f)};return i.font=o.fontString(d,e._titleFontStyle,e._titleFontFamily),o.each(e.title,g),i.font=o.fontString(c,e._bodyFontStyle,e._bodyFontFamily),o.each(e.beforeBody.concat(e.afterBody),g),f=e.displayColors?c+2:0,o.each(r,function(t){o.each(t.before,g),o.each(t.lines,g),o.each(t.after,g)}),f=0,i.font=o.fontString(h,e._footerFontStyle,e._footerFontFamily),o.each(e.footer,g),{width:a+=2*e.xPadding,height:n}}(this,D)),a=D,s=F,l=A,u=S._chart,d=a.x,c=a.y,h=a.caretSize,f=a.caretPadding,g=a.cornerRadius,p=l.xAlign,m=l.yAlign,v=h+f,b=g+f,"right"===p?d-=s.width:"center"===p&&((d-=s.width/2)+s.width>u.width&&(d=u.width-s.width),d<0&&(d=0)),"top"===m?c+=v:c-="bottom"===m?s.height+v:s.height/2,"center"===m?"left"===p?d+=v:"right"===p&&(d-=v):"left"===p?d-=b:"right"===p&&(d+=b),T={x:d,y:c}}else D.opacity=0;return D.xAlign=A.xAlign,D.yAlign=A.yAlign,D.x=T.x,D.y=T.y,D.width=F.width,D.height=F.height,D.caretX=O.x,D.caretY=O.y,S._model=D,e&&C.custom&&C.custom.call(S,D),S},drawCaret:function(t,e){var i=this._chart.ctx,n=this._view,a=this.getCaretPosition(t,e,n);i.lineTo(a.x1,a.y1),i.lineTo(a.x2,a.y2),i.lineTo(a.x3,a.y3)},getCaretPosition:function(t,e,i){var n,a,o,r,s,l,u=i.caretSize,d=i.cornerRadius,c=i.xAlign,h=i.yAlign,f=t.x,g=t.y,p=e.width,m=e.height;if("center"===h)s=g+m/2,"left"===c?(a=(n=f)-u,o=n,r=s+u,l=s-u):(a=(n=f+p)+u,o=n,r=s-u,l=s+u);else if("left"===c?(n=(a=f+d+u)-u,o=a+u):"right"===c?(n=(a=f+p-d-u)-u,o=a+u):(n=(a=i.caretX)-u,o=a+u),"top"===h)s=(r=g)-u,l=r;else{s=(r=g+m)+u,l=r;var v=o;o=n,n=v}return{x1:n,x2:a,x3:o,y1:r,y2:s,y3:l}},drawTitle:function(t,i,n,a){var r=i.title;if(r.length){n.textAlign=i._titleAlign,n.textBaseline="top";var s,l,u=i.titleFontSize,d=i.titleSpacing;for(n.fillStyle=e(i.titleFontColor,a),n.font=o.fontString(u,i._titleFontStyle,i._titleFontFamily),s=0,l=r.length;s0&&n.stroke()},draw:function(){var t=this._chart.ctx,e=this._view;if(0!==e.opacity){var i={width:e.width,height:e.height},n={x:e.x,y:e.y},a=Math.abs(e.opacity<.001)?0:e.opacity,o=e.title.length||e.beforeBody.length||e.body.length||e.afterBody.length||e.footer.length;this._options.enabled&&o&&(this.drawBackground(n,e,t,i,a),n.x+=e.xPadding,n.y+=e.yPadding,this.drawTitle(n,e,t,a),this.drawBody(n,e,t,a),this.drawFooter(n,e,t,a))}},handleEvent:function(t){var e,i=this,n=i._options;return i._lastActive=i._lastActive||[],"mouseout"===t.type?i._active=[]:i._active=i._chart.getElementsAtEventForMode(t,n.mode,n),(e=!o.arrayEquals(i._active,i._lastActive))&&(i._lastActive=i._active,(n.enabled||n.custom)&&(i._eventPosition={x:t.x,y:t.y},i.update(!0),i.pivot())),e}}),t.Tooltip.positioners={average:function(t){if(!t.length)return!1;var e,i,n=0,a=0,o=0;for(e=0,i=t.length;el;)a-=2*Math.PI;for(;a=s&&a<=l,d=r>=i.innerRadius&&r<=i.outerRadius;return u&&d}return!1},getCenterPoint:function(){var t=this._view,e=(t.startAngle+t.endAngle)/2,i=(t.innerRadius+t.outerRadius)/2;return{x:t.x+Math.cos(e)*i,y:t.y+Math.sin(e)*i}},getArea:function(){var t=this._view;return Math.PI*((t.endAngle-t.startAngle)/(2*Math.PI))*(Math.pow(t.outerRadius,2)-Math.pow(t.innerRadius,2))},tooltipPosition:function(){var t=this._view,e=t.startAngle+(t.endAngle-t.startAngle)/2,i=(t.outerRadius-t.innerRadius)/2+t.innerRadius;return{x:t.x+Math.cos(e)*i,y:t.y+Math.sin(e)*i}},draw:function(){var t=this._chart.ctx,e=this._view,i=e.startAngle,n=e.endAngle;t.beginPath(),t.arc(e.x,e.y,e.outerRadius,i,n),t.arc(e.x,e.y,e.innerRadius,n,i,!0),t.closePath(),t.strokeStyle=e.borderColor,t.lineWidth=e.borderWidth,t.fillStyle=e.backgroundColor,t.fill(),t.lineJoin="bevel",e.borderWidth&&t.stroke()}})},{25:25,26:26,45:45}],37:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45),r=n.global;n._set("global",{elements:{line:{tension:.4,backgroundColor:r.defaultColor,borderWidth:3,borderColor:r.defaultColor,borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",capBezierPoints:!0,fill:!0}}}),e.exports=a.extend({draw:function(){var t,e,i,n,a=this._view,s=this._chart.ctx,l=a.spanGaps,u=this._children.slice(),d=r.elements.line,c=-1;for(this._loop&&u.length&&u.push(u[0]),s.save(),s.lineCap=a.borderCapStyle||d.borderCapStyle,s.setLineDash&&s.setLineDash(a.borderDash||d.borderDash),s.lineDashOffset=a.borderDashOffset||d.borderDashOffset,s.lineJoin=a.borderJoinStyle||d.borderJoinStyle,s.lineWidth=a.borderWidth||d.borderWidth,s.strokeStyle=a.borderColor||r.defaultColor,s.beginPath(),c=-1,t=0;tt?1:-1,o=1,r=l.borderSkipped||"left"):(t=l.x-l.width/2,e=l.x+l.width/2,i=l.y,a=1,o=(n=l.base)>i?1:-1,r=l.borderSkipped||"bottom"),u){var d=Math.min(Math.abs(t-e),Math.abs(i-n)),c=(u=u>d?d:u)/2,h=t+("left"!==r?c*a:0),f=e+("right"!==r?-c*a:0),g=i+("top"!==r?c*o:0),p=n+("bottom"!==r?-c*o:0);h!==f&&(i=g,n=p),g!==p&&(t=h,e=f)}s.beginPath(),s.fillStyle=l.backgroundColor,s.strokeStyle=l.borderColor,s.lineWidth=u;var m=[[t,n],[t,i],[e,i],[e,n]],v=["bottom","left","top","right"].indexOf(r,0);function b(t){return m[(v+t)%4]}-1===v&&(v=0);var x=b(0);s.moveTo(x[0],x[1]);for(var y=1;y<4;y++)x=b(y),s.lineTo(x[0],x[1]);s.fill(),u&&s.stroke()},height:function(){var t=this._view;return t.base-t.y},inRange:function(t,e){var i=!1;if(this._view){var n=r(this);i=t>=n.left&&t<=n.right&&e>=n.top&&e<=n.bottom}return i},inLabelRange:function(t,e){if(!this._view)return!1;var i=r(this);return o(this)?t>=i.left&&t<=i.right:e>=i.top&&e<=i.bottom},inXRange:function(t){var e=r(this);return t>=e.left&&t<=e.right},inYRange:function(t){var e=r(this);return t>=e.top&&t<=e.bottom},getCenterPoint:function(){var t,e,i=this._view;return o(this)?(t=i.x,e=(i.y+i.base)/2):(t=(i.x+i.base)/2,e=i.y),{x:t,y:e}},getArea:function(){var t=this._view;return t.width*Math.abs(t.y-t.base)},tooltipPosition:function(){var t=this._view;return{x:t.x,y:t.y}}})},{25:25,26:26}],40:[function(t,e,i){"use strict";e.exports={},e.exports.Arc=t(36),e.exports.Line=t(37),e.exports.Point=t(38),e.exports.Rectangle=t(39)},{36:36,37:37,38:38,39:39}],41:[function(t,e,i){"use strict";var n=t(42);i=e.exports={clear:function(t){t.ctx.clearRect(0,0,t.width,t.height)},roundedRect:function(t,e,i,n,a,o){if(o){var r=Math.min(o,n/2),s=Math.min(o,a/2);t.moveTo(e+r,i),t.lineTo(e+n-r,i),t.quadraticCurveTo(e+n,i,e+n,i+s),t.lineTo(e+n,i+a-s),t.quadraticCurveTo(e+n,i+a,e+n-r,i+a),t.lineTo(e+r,i+a),t.quadraticCurveTo(e,i+a,e,i+a-s),t.lineTo(e,i+s),t.quadraticCurveTo(e,i,e+r,i)}else t.rect(e,i,n,a)},drawPoint:function(t,e,i,n,a){var o,r,s,l,u,d;if(!e||"object"!=typeof e||"[object HTMLImageElement]"!==(o=e.toString())&&"[object HTMLCanvasElement]"!==o){if(!(isNaN(i)||i<=0)){switch(e){default:t.beginPath(),t.arc(n,a,i,0,2*Math.PI),t.closePath(),t.fill();break;case"triangle":t.beginPath(),u=(r=3*i/Math.sqrt(3))*Math.sqrt(3)/2,t.moveTo(n-r/2,a+u/3),t.lineTo(n+r/2,a+u/3),t.lineTo(n,a-2*u/3),t.closePath(),t.fill();break;case"rect":d=1/Math.SQRT2*i,t.beginPath(),t.fillRect(n-d,a-d,2*d,2*d),t.strokeRect(n-d,a-d,2*d,2*d);break;case"rectRounded":var c=i/Math.SQRT2,h=n-c,f=a-c,g=Math.SQRT2*i;t.beginPath(),this.roundedRect(t,h,f,g,g,i/2),t.closePath(),t.fill();break;case"rectRot":d=1/Math.SQRT2*i,t.beginPath(),t.moveTo(n-d,a),t.lineTo(n,a+d),t.lineTo(n+d,a),t.lineTo(n,a-d),t.closePath(),t.fill();break;case"cross":t.beginPath(),t.moveTo(n,a+i),t.lineTo(n,a-i),t.moveTo(n-i,a),t.lineTo(n+i,a),t.closePath();break;case"crossRot":t.beginPath(),s=Math.cos(Math.PI/4)*i,l=Math.sin(Math.PI/4)*i,t.moveTo(n-s,a-l),t.lineTo(n+s,a+l),t.moveTo(n-s,a+l),t.lineTo(n+s,a-l),t.closePath();break;case"star":t.beginPath(),t.moveTo(n,a+i),t.lineTo(n,a-i),t.moveTo(n-i,a),t.lineTo(n+i,a),s=Math.cos(Math.PI/4)*i,l=Math.sin(Math.PI/4)*i,t.moveTo(n-s,a-l),t.lineTo(n+s,a+l),t.moveTo(n-s,a+l),t.lineTo(n+s,a-l),t.closePath();break;case"line":t.beginPath(),t.moveTo(n-i,a),t.lineTo(n+i,a),t.closePath();break;case"dash":t.beginPath(),t.moveTo(n,a),t.lineTo(n+i,a),t.closePath()}t.stroke()}}else t.drawImage(e,n-e.width/2,a-e.height/2,e.width,e.height)},clipArea:function(t,e){t.save(),t.beginPath(),t.rect(e.left,e.top,e.right-e.left,e.bottom-e.top),t.clip()},unclipArea:function(t){t.restore()},lineTo:function(t,e,i,n){if(i.steppedLine)return"after"===i.steppedLine&&!n||"after"!==i.steppedLine&&n?t.lineTo(e.x,i.y):t.lineTo(i.x,e.y),void t.lineTo(i.x,i.y);i.tension?t.bezierCurveTo(n?e.controlPointPreviousX:e.controlPointNextX,n?e.controlPointPreviousY:e.controlPointNextY,n?i.controlPointNextX:i.controlPointPreviousX,n?i.controlPointNextY:i.controlPointPreviousY,i.x,i.y):t.lineTo(i.x,i.y)}};n.clear=i.clear,n.drawRoundedRectangle=function(t){t.beginPath(),i.roundedRect.apply(i,arguments),t.closePath()}},{42:42}],42:[function(t,e,i){"use strict";var n,a={noop:function(){},uid:(n=0,function(){return n++}),isNullOrUndef:function(t){return null==t},isArray:Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)},isObject:function(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)},valueOrDefault:function(t,e){return void 0===t?e:t},valueAtIndexOrDefault:function(t,e,i){return a.valueOrDefault(a.isArray(t)?t[e]:t,i)},callback:function(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)},each:function(t,e,i,n){var o,r,s;if(a.isArray(t))if(r=t.length,n)for(o=r-1;o>=0;o--)e.call(i,t[o],o);else for(o=0;o=1?t:-(Math.sqrt(1-t*t)-1)},easeOutCirc:function(t){return Math.sqrt(1-(t-=1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:1===t?1:(i||(i=.3),n<1?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i))},easeOutElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:1===t?1:(i||(i=.3),n<1?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/i)+1)},easeInOutElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:2==(t/=.5)?1:(i||(i=.45),n<1?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),t<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},easeInBack:function(t){return t*t*(2.70158*t-1.70158)},easeOutBack:function(t){return(t-=1)*t*(2.70158*t+1.70158)+1},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:function(t){return 1-a.easeOutBounce(1-t)},easeOutBounce:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(t){return t<.5?.5*a.easeInBounce(2*t):.5*a.easeOutBounce(2*t-1)+.5}};e.exports={effects:a},n.easingEffects=a},{42:42}],44:[function(t,e,i){"use strict";var n=t(42);e.exports={toLineHeight:function(t,e){var i=(""+t).match(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t},toPadding:function(t){var e,i,a,o;return n.isObject(t)?(e=+t.top||0,i=+t.right||0,a=+t.bottom||0,o=+t.left||0):e=i=a=o=+t||0,{top:e,right:i,bottom:a,left:o,height:e+a,width:o+i}},resolve:function(t,e,i){var a,o,r;for(a=0,o=t.length;a
';var a=e.childNodes[0],r=e.childNodes[1];e._reset=function(){a.scrollLeft=1e6,a.scrollTop=1e6,r.scrollLeft=1e6,r.scrollTop=1e6};var s=function(){e._reset(),t()};return h(a,"scroll",s.bind(a,"expand")),h(r,"scroll",s.bind(r,"shrink")),e}((u=function(){if(x.resizer)return e(g("resize",i))},c=!1,f=[],function(){f=Array.prototype.slice.call(arguments),d=d||this,c||(c=!0,n.requestAnimFrame.call(window,function(){c=!1,u.apply(d,f)}))}));m=function(){if(x.resizer){var e=t.parentNode;e&&e!==y.parentNode&&e.insertBefore(y,e.firstChild),y._reset()}},v=(p=t)[a]||(p[a]={}),b=v.renderProxy=function(t){t.animationName===s&&m()},n.each(l,function(t){h(p,t,b)}),v.reflow=!!p.offsetParent,p.classList.add(r)}function m(t){var e,i,o,s=t[a]||{},u=s.resizer;delete s.resizer,i=(e=t)[a]||{},(o=i.renderProxy)&&(n.each(l,function(t){f(e,t,o)}),delete i.renderProxy),e.classList.remove(r),u&&u.parentNode&&u.parentNode.removeChild(u)}e.exports={_enabled:"undefined"!=typeof window&&"undefined"!=typeof document,initialize:function(){var t,e,i,n="from{opacity:0.99}to{opacity:1}";e="@-webkit-keyframes "+s+"{"+n+"}@keyframes "+s+"{"+n+"}."+r+"{-webkit-animation:"+s+" 0.001s;animation:"+s+" 0.001s;}",i=(t=this)._style||document.createElement("style"),t._style||(t._style=i,e="/* Chart.js */\n"+e,i.setAttribute("type","text/css"),document.getElementsByTagName("head")[0].appendChild(i)),i.appendChild(document.createTextNode(e))},acquireContext:function(t,e){"string"==typeof t?t=document.getElementById(t):t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas);var i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){var i=t.style,n=t.getAttribute("height"),o=t.getAttribute("width");if(t[a]={initial:{height:n,width:o,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",null===o||""===o){var r=d(t,"width");void 0!==r&&(t.width=r)}if(null===n||""===n)if(""===t.style.height)t.height=t.width/(e.options.aspectRatio||2);else{var s=d(t,"height");void 0!==r&&(t.height=s)}}(t,e),i):null},releaseContext:function(t){var e=t.canvas;if(e[a]){var i=e[a].initial;["height","width"].forEach(function(t){var a=i[t];n.isNullOrUndef(a)?e.removeAttribute(t):e.setAttribute(t,a)}),n.each(i.style||{},function(t,i){e.style[i]=t}),e.width=e.width,delete e[a]}},addEventListener:function(t,e,i){var o=t.canvas;if("resize"!==e){var r=i[a]||(i[a]={});h(o,e,(r.proxies||(r.proxies={}))[t.id+"_"+e]=function(e){var a,o,r,s;i((o=t,r=u[(a=e).type]||a.type,s=n.getRelativePosition(a,o),g(r,o,s.x,s.y,a)))})}else p(o,i,t)},removeEventListener:function(t,e,i){var n=t.canvas;if("resize"!==e){var o=((i[a]||{}).proxies||{})[t.id+"_"+e];o&&f(n,e,o)}else m(n)}},n.addEvent=h,n.removeEvent=f},{45:45}],48:[function(t,e,i){"use strict";var n=t(45),a=t(46),o=t(47),r=o._enabled?o:a;e.exports=n.extend({initialize:function(){},acquireContext:function(){},releaseContext:function(){},addEventListener:function(){},removeEventListener:function(){}},r)},{45:45,46:46,47:47}],49:[function(t,e,i){"use strict";e.exports={},e.exports.filler=t(50),e.exports.legend=t(51),e.exports.title=t(52)},{50:50,51:51,52:52}],50:[function(t,e,i){"use strict";var n=t(25),a=t(40),o=t(45);n._set("global",{plugins:{filler:{propagate:!0}}});var r={dataset:function(t){var e=t.fill,i=t.chart,n=i.getDatasetMeta(e),a=n&&i.isDatasetVisible(e)&&n.dataset._children||[],o=a.length||0;return o?function(t,e){return e=i)&&n;switch(o){case"bottom":return"start";case"top":return"end";case"zero":return"origin";case"origin":case"start":case"end":return o;default:return!1}}function l(t){var e,i=t.el._model||{},n=t.el._scale||{},a=t.fill,o=null;if(isFinite(a))return null;if("start"===a?o=void 0===i.scaleBottom?n.bottom:i.scaleBottom:"end"===a?o=void 0===i.scaleTop?n.top:i.scaleTop:void 0!==i.scaleZero?o=i.scaleZero:n.getBasePosition?o=n.getBasePosition():n.getBasePixel&&(o=n.getBasePixel()),null!=o){if(void 0!==o.x&&void 0!==o.y)return o;if("number"==typeof o&&isFinite(o))return{x:(e=n.isHorizontal())?o:null,y:e?null:o}}return null}function u(t,e,i){var n,a=t[e].fill,o=[e];if(!i)return a;for(;!1!==a&&-1===o.indexOf(a);){if(!isFinite(a))return a;if(!(n=t[a]))return!1;if(n.visible)return a;o.push(a),a=n.fill}return!1}function d(t){return t&&!t.skip}function c(t,e,i,n,a){var r;if(n&&a){for(t.moveTo(e[0].x,e[0].y),r=1;r0;--r)o.canvas.lineTo(t,i[r],i[r-1],!0)}}e.exports={id:"filler",afterDatasetsUpdate:function(t,e){var i,n,o,d,c,h,f,g=(t.data.datasets||[]).length,p=e.propagate,m=[];for(n=0;n');for(var i=0;i'),t.data.datasets[i].label&&e.push(t.data.datasets[i].label),e.push("");return e.push(""),e.join("")}});var u=a.extend({initialize:function(t){o.extend(this,t),this.legendHitBoxes=[],this.doughnutMode=!1},beforeUpdate:s,update:function(t,e,i){var n=this;return n.beforeUpdate(),n.maxWidth=t,n.maxHeight=e,n.margins=i,n.beforeSetDimensions(),n.setDimensions(),n.afterSetDimensions(),n.beforeBuildLabels(),n.buildLabels(),n.afterBuildLabels(),n.beforeFit(),n.fit(),n.afterFit(),n.afterUpdate(),n.minSize},afterUpdate:s,beforeSetDimensions:s,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:s,beforeBuildLabels:s,buildLabels:function(){var t=this,e=t.options.labels||{},i=o.callback(e.generateLabels,[t.chart],t)||[];e.filter&&(i=i.filter(function(i){return e.filter(i,t.chart.data)})),t.options.reverse&&i.reverse(),t.legendItems=i},afterBuildLabels:s,beforeFit:s,fit:function(){var t=this,e=t.options,i=e.labels,a=e.display,r=t.ctx,s=n.global,u=o.valueOrDefault,d=u(i.fontSize,s.defaultFontSize),c=u(i.fontStyle,s.defaultFontStyle),h=u(i.fontFamily,s.defaultFontFamily),f=o.fontString(d,c,h),g=t.legendHitBoxes=[],p=t.minSize,m=t.isHorizontal();if(m?(p.width=t.maxWidth,p.height=a?10:0):(p.width=a?10:0,p.height=t.maxHeight),a)if(r.font=f,m){var v=t.lineWidths=[0],b=t.legendItems.length?d+i.padding:0;r.textAlign="left",r.textBaseline="top",o.each(t.legendItems,function(e,n){var a=l(i,d)+d/2+r.measureText(e.text).width;v[v.length-1]+a+i.padding>=t.width&&(b+=d+i.padding,v[v.length]=t.left),g[n]={left:0,top:0,width:a,height:d},v[v.length-1]+=a+i.padding}),p.height+=b}else{var x=i.padding,y=t.columnWidths=[],k=i.padding,M=0,w=0,S=d+x;o.each(t.legendItems,function(t,e){var n=l(i,d)+d/2+r.measureText(t.text).width;w+S>p.height&&(k+=M+i.padding,y.push(M),M=0,w=0),M=Math.max(M,n),w+=S,g[e]={left:0,top:0,width:n,height:d}}),k+=M,y.push(M),p.width+=k}t.width=p.width,t.height=p.height},afterFit:s,isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},draw:function(){var t=this,e=t.options,i=e.labels,a=n.global,r=a.elements.line,s=t.width,u=t.lineWidths;if(e.display){var d,c=t.ctx,h=o.valueOrDefault,f=h(i.fontColor,a.defaultFontColor),g=h(i.fontSize,a.defaultFontSize),p=h(i.fontStyle,a.defaultFontStyle),m=h(i.fontFamily,a.defaultFontFamily),v=o.fontString(g,p,m);c.textAlign="left",c.textBaseline="middle",c.lineWidth=.5,c.strokeStyle=f,c.fillStyle=f,c.font=v;var b=l(i,g),x=t.legendHitBoxes,y=t.isHorizontal();d=y?{x:t.left+(s-u[0])/2,y:t.top+i.padding,line:0}:{x:t.left+i.padding,y:t.top+i.padding,line:0};var k=g+i.padding;o.each(t.legendItems,function(n,l){var f,p,m,v,M,w=c.measureText(n.text).width,S=b+g/2+w,C=d.x,_=d.y;y?C+S>=s&&(_=d.y+=k,d.line++,C=d.x=t.left+(s-u[d.line])/2):_+k>t.bottom&&(C=d.x=C+t.columnWidths[d.line]+i.padding,_=d.y=t.top+i.padding,d.line++),function(t,i,n){if(!(isNaN(b)||b<=0)){c.save(),c.fillStyle=h(n.fillStyle,a.defaultColor),c.lineCap=h(n.lineCap,r.borderCapStyle),c.lineDashOffset=h(n.lineDashOffset,r.borderDashOffset),c.lineJoin=h(n.lineJoin,r.borderJoinStyle),c.lineWidth=h(n.lineWidth,r.borderWidth),c.strokeStyle=h(n.strokeStyle,a.defaultColor);var s=0===h(n.lineWidth,r.borderWidth);if(c.setLineDash&&c.setLineDash(h(n.lineDash,r.borderDash)),e.labels&&e.labels.usePointStyle){var l=g*Math.SQRT2/2,u=l/Math.SQRT2,d=t+u,f=i+u;o.canvas.drawPoint(c,n.pointStyle,l,d,f)}else s||c.strokeRect(t,i,b,g),c.fillRect(t,i,b,g);c.restore()}}(C,_,n),x[l].left=C,x[l].top=_,f=n,p=w,v=b+(m=g/2)+C,M=_+m,c.fillText(f.text,v,M),f.hidden&&(c.beginPath(),c.lineWidth=2,c.moveTo(v,M),c.lineTo(v+p,M),c.stroke()),y?d.x+=S+i.padding:d.y+=k})}},handleEvent:function(t){var e=this,i=e.options,n="mouseup"===t.type?"click":t.type,a=!1;if("mousemove"===n){if(!i.onHover)return}else{if("click"!==n)return;if(!i.onClick)return}var o=t.x,r=t.y;if(o>=e.left&&o<=e.right&&r>=e.top&&r<=e.bottom)for(var s=e.legendHitBoxes,l=0;l=u.left&&o<=u.left+u.width&&r>=u.top&&r<=u.top+u.height){if("click"===n){i.onClick.call(e,t.native,e.legendItems[l]),a=!0;break}if("mousemove"===n){i.onHover.call(e,t.native,e.legendItems[l]),a=!0;break}}}return a}});function d(t,e){var i=new u({ctx:t.ctx,options:e,chart:t});r.configure(t,i,e),r.addBox(t,i),t.legend=i}e.exports={id:"legend",_element:u,beforeInit:function(t){var e=t.options.legend;e&&d(t,e)},beforeUpdate:function(t){var e=t.options.legend,i=t.legend;e?(o.mergeIf(e,n.global.legend),i?(r.configure(t,i,e),i.options=e):d(t,e)):i&&(r.removeBox(t,i),delete t.legend)},afterEvent:function(t,e){var i=t.legend;i&&i.handleEvent(e)}}},{25:25,26:26,30:30,45:45}],52:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45),r=t(30),s=o.noop;n._set("global",{title:{display:!1,fontStyle:"bold",fullWidth:!0,lineHeight:1.2,padding:10,position:"top",text:"",weight:2e3}});var l=a.extend({initialize:function(t){o.extend(this,t),this.legendHitBoxes=[]},beforeUpdate:s,update:function(t,e,i){var n=this;return n.beforeUpdate(),n.maxWidth=t,n.maxHeight=e,n.margins=i,n.beforeSetDimensions(),n.setDimensions(),n.afterSetDimensions(),n.beforeBuildLabels(),n.buildLabels(),n.afterBuildLabels(),n.beforeFit(),n.fit(),n.afterFit(),n.afterUpdate(),n.minSize},afterUpdate:s,beforeSetDimensions:s,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:s,beforeBuildLabels:s,buildLabels:s,afterBuildLabels:s,beforeFit:s,fit:function(){var t=this,e=o.valueOrDefault,i=t.options,a=i.display,r=e(i.fontSize,n.global.defaultFontSize),s=t.minSize,l=o.isArray(i.text)?i.text.length:1,u=o.options.toLineHeight(i.lineHeight,r),d=a?l*u+2*i.padding:0;t.isHorizontal()?(s.width=t.maxWidth,s.height=d):(s.width=d,s.height=t.maxHeight),t.width=s.width,t.height=s.height},afterFit:s,isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},draw:function(){var t=this,e=t.ctx,i=o.valueOrDefault,a=t.options,r=n.global;if(a.display){var s,l,u,d=i(a.fontSize,r.defaultFontSize),c=i(a.fontStyle,r.defaultFontStyle),h=i(a.fontFamily,r.defaultFontFamily),f=o.fontString(d,c,h),g=o.options.toLineHeight(a.lineHeight,d),p=g/2+a.padding,m=0,v=t.top,b=t.left,x=t.bottom,y=t.right;e.fillStyle=i(a.fontColor,r.defaultFontColor),e.font=f,t.isHorizontal()?(l=b+(y-b)/2,u=v+p,s=y-b):(l="left"===a.position?b+p:y-p,u=v+(x-v)/2,s=x-v,m=Math.PI*("left"===a.position?-.5:.5)),e.save(),e.translate(l,u),e.rotate(m),e.textAlign="center",e.textBaseline="middle";var k=a.text;if(o.isArray(k))for(var M=0,w=0;wt.max&&(t.max=n))})});t.min=isFinite(t.min)&&!isNaN(t.min)?t.min:0,t.max=isFinite(t.max)&&!isNaN(t.max)?t.max:1,this.handleTickRangeOptions()},getTickLimit:function(){var t,e=this.options.ticks;if(this.isHorizontal())t=Math.min(e.maxTicksLimit?e.maxTicksLimit:11,Math.ceil(this.width/50));else{var i=a.valueOrDefault(e.fontSize,n.global.defaultFontSize);t=Math.min(e.maxTicksLimit?e.maxTicksLimit:11,Math.ceil(this.height/(2*i)))}return t},handleDirectionalChanges:function(){this.isHorizontal()||this.ticks.reverse()},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},getPixelForValue:function(t){var e=this,i=e.start,n=+e.getRightValue(t),a=e.end-i;return e.isHorizontal()?e.left+e.width/a*(n-i):e.bottom-e.height/a*(n-i)},getValueForPixel:function(t){var e=this,i=e.isHorizontal(),n=i?e.width:e.height,a=(i?t-e.left:e.bottom-t)/n;return e.start+(e.end-e.start)*a},getPixelForTick:function(t){return this.getPixelForValue(this.ticksAsNumbers[t])}});t.scaleService.registerScaleType("linear",i,e)}},{25:25,34:34,45:45}],55:[function(t,e,i){"use strict";var n=t(45);e.exports=function(t){var e=n.noop;t.LinearScaleBase=t.Scale.extend({getRightValue:function(e){return"string"==typeof e?+e:t.Scale.prototype.getRightValue.call(this,e)},handleTickRangeOptions:function(){var t=this,e=t.options.ticks;if(e.beginAtZero){var i=n.sign(t.min),a=n.sign(t.max);i<0&&a<0?t.max=0:i>0&&a>0&&(t.min=0)}var o=void 0!==e.min||void 0!==e.suggestedMin,r=void 0!==e.max||void 0!==e.suggestedMax;void 0!==e.min?t.min=e.min:void 0!==e.suggestedMin&&(null===t.min?t.min=e.suggestedMin:t.min=Math.min(t.min,e.suggestedMin)),void 0!==e.max?t.max=e.max:void 0!==e.suggestedMax&&(null===t.max?t.max=e.suggestedMax:t.max=Math.max(t.max,e.suggestedMax)),o!==r&&t.min>=t.max&&(o?t.max=t.min+1:t.min=t.max-1),t.min===t.max&&(t.max++,e.beginAtZero||t.min--)},getTickLimit:e,handleDirectionalChanges:e,buildTicks:function(){var t=this,e=t.options.ticks,i=t.getTickLimit(),a={maxTicks:i=Math.max(2,i),min:e.min,max:e.max,stepSize:n.valueOrDefault(e.fixedStepSize,e.stepSize)},o=t.ticks=function(t,e){var i,a=[];if(t.stepSize&&t.stepSize>0)i=t.stepSize;else{var o=n.niceNum(e.max-e.min,!1);i=n.niceNum(o/(t.maxTicks-1),!0)}var r=Math.floor(e.min/i)*i,s=Math.ceil(e.max/i)*i;t.min&&t.max&&t.stepSize&&n.almostWhole((t.max-t.min)/t.stepSize,i/1e3)&&(r=t.min,s=t.max);var l=(s-r)/i;l=n.almostEquals(l,Math.round(l),i/1e3)?Math.round(l):Math.ceil(l);var u=1;i<1&&(u=Math.pow(10,i.toString().length-2),r=Math.round(r*u)/u,s=Math.round(s*u)/u),a.push(void 0!==t.min?t.min:r);for(var d=1;d0){var i=n.min(e),a=n.max(e);t.min=null===t.min?i:Math.min(t.min,i),t.max=null===t.max?a:Math.max(t.max,a)}})}else n.each(a,function(e,a){var o=i.getDatasetMeta(a);i.isDatasetVisible(a)&&r(o)&&n.each(e.data,function(e,i){var n=+t.getRightValue(e);isNaN(n)||o.data[i].hidden||n<0||(null===t.min?t.min=n:nt.max&&(t.max=n),0!==n&&(null===t.minNotZero||n0?t.minNotZero=t.min:t.max<1?t.minNotZero=Math.pow(10,Math.floor(n.log10(t.max))):t.minNotZero=1)},buildTicks:function(){var t=this,e=t.options.ticks,i=!t.isHorizontal(),a={min:e.min,max:e.max},o=t.ticks=function(t,e){var i,a,o=[],r=n.valueOrDefault,s=r(t.min,Math.pow(10,Math.floor(n.log10(e.min)))),l=Math.floor(n.log10(e.max)),u=Math.ceil(e.max/Math.pow(10,l));0===s?(i=Math.floor(n.log10(e.minNotZero)),a=Math.floor(e.minNotZero/Math.pow(10,i)),o.push(s),s=a*Math.pow(10,i)):(i=Math.floor(n.log10(s)),a=Math.floor(s/Math.pow(10,i)));for(var d=i<0?Math.pow(10,Math.abs(i)):1;o.push(s),10==++a&&(a=1,d=++i>=0?1:d),s=Math.round(a*Math.pow(10,i)*d)/d,ia?{start:e-i-5,end:e}:{start:e,end:e+i+5}}function u(t,e,i,n){if(a.isArray(e))for(var o=i.y,r=1.5*n,s=0;sd.r&&(d.r=b.end,c.r=m),x.startd.b&&(d.b=x.end,c.b=m)}t.setReductions(u,d,c)}(this):(t=this,e=Math.min(t.height/2,t.width/2),t.drawingArea=Math.round(e),t.setCenterPoint(0,0,0,0))},setReductions:function(t,e,i){var n=e.l/Math.sin(i.l),a=Math.max(e.r-this.width,0)/Math.sin(i.r),o=-e.t/Math.cos(i.t),r=-Math.max(e.b-this.height,0)/Math.cos(i.b);n=d(n),a=d(a),o=d(o),r=d(r),this.drawingArea=Math.min(Math.round(t-(n+a)/2),Math.round(t-(o+r)/2)),this.setCenterPoint(n,a,o,r)},setCenterPoint:function(t,e,i,n){var a=this,o=a.width-e-a.drawingArea,r=t+a.drawingArea,s=i+a.drawingArea,l=a.height-n-a.drawingArea;a.xCenter=Math.round((r+o)/2+a.left),a.yCenter=Math.round((s+l)/2+a.top)},getIndexAngle:function(t){return t*(2*Math.PI/r(this))+(this.chart.options&&this.chart.options.startAngle?this.chart.options.startAngle:0)*Math.PI*2/360},getDistanceFromCenterForValue:function(t){var e=this;if(null===t)return 0;var i=e.drawingArea/(e.max-e.min);return e.options.ticks.reverse?(e.max-t)*i:(t-e.min)*i},getPointPosition:function(t,e){var i=this.getIndexAngle(t)-Math.PI/2;return{x:Math.round(Math.cos(i)*e)+this.xCenter,y:Math.round(Math.sin(i)*e)+this.yCenter}},getPointPositionForValue:function(t,e){return this.getPointPosition(t,this.getDistanceFromCenterForValue(e))},getBasePosition:function(){var t=this.min,e=this.max;return this.getPointPositionForValue(0,this.beginAtZero?0:t<0&&e<0?e:t>0&&e>0?t:0)},draw:function(){var t=this,i=t.options,n=i.gridLines,o=i.ticks,l=a.valueOrDefault;if(i.display){var d=t.ctx,c=this.getIndexAngle(0),h=l(o.fontSize,e.defaultFontSize),f=l(o.fontStyle,e.defaultFontStyle),g=l(o.fontFamily,e.defaultFontFamily),p=a.fontString(h,f,g);a.each(t.ticks,function(i,s){if(s>0||o.reverse){var u=t.getDistanceFromCenterForValue(t.ticksAsNumbers[s]);if(n.display&&0!==s&&function(t,e,i,n){var o=t.ctx;if(o.strokeStyle=a.valueAtIndexOrDefault(e.color,n-1),o.lineWidth=a.valueAtIndexOrDefault(e.lineWidth,n-1),t.options.gridLines.circular)o.beginPath(),o.arc(t.xCenter,t.yCenter,i,0,2*Math.PI),o.closePath(),o.stroke();else{var s=r(t);if(0===s)return;o.beginPath();var l=t.getPointPosition(0,i);o.moveTo(l.x,l.y);for(var u=1;u=0;m--){if(o.display){var v=t.getPointPosition(m,g);i.beginPath(),i.moveTo(t.xCenter,t.yCenter),i.lineTo(v.x,v.y),i.stroke(),i.closePath()}if(l.display){var b=t.getPointPosition(m,g+5),x=a.valueAtIndexOrDefault(l.fontColor,m,e.defaultFontColor);i.font=p.font,i.fillStyle=x;var y=t.getIndexAngle(m),k=a.toDegrees(y);i.textAlign=0===(f=k)||180===f?"center":f<180?"left":"right",d=k,c=t._pointLabelSizes[m],h=b,90===d||270===d?h.y-=c.h/2:(d>270||d<90)&&(h.y-=c.h),u(i,t.pointLabels[m]||"",b,p.size)}}}(t)}}});t.scaleService.registerScaleType("radialLinear",c,i)}},{25:25,34:34,45:45}],58:[function(t,e,i){"use strict";var n=t(1);n="function"==typeof n?n:window.moment;var a=t(25),o=t(45),r=Number.MIN_SAFE_INTEGER||-9007199254740991,s=Number.MAX_SAFE_INTEGER||9007199254740991,l={millisecond:{common:!0,size:1,steps:[1,2,5,10,20,50,100,250,500]},second:{common:!0,size:1e3,steps:[1,2,5,10,30]},minute:{common:!0,size:6e4,steps:[1,2,5,10,30]},hour:{common:!0,size:36e5,steps:[1,2,3,6,12]},day:{common:!0,size:864e5,steps:[1,2,5]},week:{common:!1,size:6048e5,steps:[1,2,3,4]},month:{common:!0,size:2628e6,steps:[1,2,3]},quarter:{common:!1,size:7884e6,steps:[1,2,3,4]},year:{common:!0,size:3154e7}},u=Object.keys(l);function d(t,e){return t-e}function c(t){var e,i,n,a={},o=[];for(e=0,i=t.length;e=0&&r<=s;){if(a=t[(n=r+s>>1)-1]||null,o=t[n],!a)return{lo:null,hi:o};if(o[e]i))return{lo:a,hi:o};s=n-1}}return{lo:o,hi:null}}(t,e,i),o=a.lo?a.hi?a.lo:t[t.length-2]:t[0],r=a.lo?a.hi?a.hi:t[t.length-1]:t[1],s=r[e]-o[e],l=s?(i-o[e])/s:0,u=(r[n]-o[n])*l;return o[n]+u}function f(t,e){var i=e.parser,a=e.parser||e.format;return"function"==typeof i?i(t):"string"==typeof t&&"string"==typeof a?n(t,a):(t instanceof n||(t=n(t)),t.isValid()?t:"function"==typeof a?a(t):t)}function g(t,e){if(o.isNullOrUndef(t))return null;var i=e.options.time,n=f(e.getRightValue(t),i);return n.isValid()?(i.round&&n.startOf(i.round),n.valueOf()):null}function p(t){for(var e=u.indexOf(t)+1,i=u.length;e=k&&i<=M&&_.push(i);return y.min=k,y.max=M,y._unit=S.unit||function(t,e,i,a){var o,r,s=n.duration(n(a).diff(n(i)));for(o=u.length-1;o>=u.indexOf(e);o--)if(r=u[o],l[r].common&&s.as(r)>=t.length)return r;return u[e?u.indexOf(e):0]}(_,S.minUnit,y.min,y.max),y._majorUnit=p(y._unit),y._table=function(t,e,i,n){if("linear"===n||!t.length)return[{time:e,pos:0},{time:i,pos:1}];var a,o,r,s,l,u=[],d=[e];for(a=0,o=t.length;ae&&s1?o[1]:s,v=o[0],b=(h(a,"time",c,"pos")-h(a,"time",v,"pos"))/2),d.time.max||(c=o[o.length-1],v=o.length>1?o[o.length-2]:r,x=(h(a,"time",c,"pos")-h(a,"time",v,"pos"))/2)),{left:b,right:x}),y._labelFormat=function(t,e){var i,n,a,o=t.length;for(i=0;i=0&&t0?s:1}});t.scaleService.registerScaleType("time",e,{position:"bottom",distribution:"linear",bounds:"data",time:{parser:!1,format:!1,unit:!1,round:!1,displayFormat:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{millisecond:"h:mm:ss.SSS a",second:"h:mm:ss a",minute:"h:mm a",hour:"hA",day:"MMM D",week:"ll",month:"MMM YYYY",quarter:"[Q]Q - YYYY",year:"YYYY"}},ticks:{autoSkip:!1,source:"auto",major:{enabled:!1}}})}},{1:1,25:25,45:45}]},{},[7])(7)}); \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/_demo_common.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/_demo_common.scss new file mode 100644 index 0000000..cda7b6b --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/_demo_common.scss @@ -0,0 +1,13 @@ +@import '../../sass/mixins/_mixins'; +@import './pages/_common'; +@import './pages/_crud'; +@import './pages/_documentation'; +@import './pages/_icons'; +@import './pages/_list'; +@import './pages/_messages'; +@import './pages/_misc'; +@import './pages/_table'; +@import './pages/_chronoline'; +@import './pages/_floatlabel'; +@import './pages/_syntax'; +@import './pages/_blocks'; \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.css new file mode 100644 index 0000000..7e7ae67 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.css @@ -0,0 +1,734 @@ +.order-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.order-badge.order-delivered { + background: #ACEBB4; + color: #348861; +} +.order-badge.order-cancelled { + background: #FABD9A; + color: #AD342B; +} +.order-badge.order-pending { + background: #F8D895; + color: #A76927; +} +.order-badge.order-returned { + background: #EFB8E5; + color: #833F91; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; + text-align: center; +} +.product-badge.status-instock { + background: #ACEBB4; + color: #348861; +} +.product-badge.status-outofstock { + background: #FABD9A; + color: #AD342B; +} +.product-badge.status-lowstock { + background: #F8D895; + color: #A76927; +} + +.customer-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.customer-badge.status-qualified { + background: #ACEBB4; + color: #348861; +} +.customer-badge.status-unqualified { + background: #FABD9A; + color: #AD342B; +} +.customer-badge.status-negotiation { + background: #F8D895; + color: #A76927; +} +.customer-badge.status-new { + background: #9BF2F7; + color: #2B7AA4; +} +.customer-badge.status-renewal { + background: #EFB8E5; + color: #833F91; +} +.customer-badge.status-proposal { + background: #FFD8B2; + color: #805B36; +} + +.filter-container .ui-inputtext { + width: 400px; +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: 0.5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + } + .ui-selection-column .ui-column-title { + display: none !important; + } +} +.crud-demo .ui-datatable { + margin-top: 1rem; +} +.crud-demo .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.crud-demo .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; +} +.crud-demo .ui-dialog-footer .ui-button { + min-width: 6rem; +} +.crud-demo .ui-datatable .ui-column-filter { + display: none; +} +.crud-demo .products-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.crud-demo .edit-button.ui-button { + margin-right: 0.5rem; +} +.crud-demo .orders-subtable { + padding: 1rem; +} +.crud-demo .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { + width: 2rem; +} +.crud-demo .products-table .ui-rating { + display: inline-block; +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, +.products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { + display: none !important; + } + + .products-buttonbar { + -ms-flex-direction: column; + flex-direction: column; + } + .products-buttonbar > div:last-child { + margin-top: 0.5rem; + } +} +.docs li { + line-height: 1.5; +} + +.icons-demo .icons-list { + text-align: center; + color: #EAEBEC; +} +.icons-demo .icons-list i { + font-size: 1.5rem; + margin-bottom: 0.5rem; +} + +.list-demo .product-name { + font-size: 1.5rem; + font-weight: 700; +} +.list-demo .product-description { + margin: 0 0 1rem 0; +} +.list-demo .product-category-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +.list-demo .product-category { + font-weight: 600; + vertical-align: middle; +} +.list-demo .product-list-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 1rem; +} +.list-demo .product-list-item img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; +} +.list-demo .product-list-item .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +.list-demo .product-list-item .ui-rating { + margin: 0 0 0.5rem 0; +} +.list-demo .product-list-item .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + align-self: flex-end; +} +.list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.list-demo .product-list-item .ui-button { + margin-bottom: 0.5rem; +} +.list-demo .product-grid-item { + border: 1px solid #383838; + box-shadow: none; +} +.list-demo .product-grid-item .product-grid-item-top, +.list-demo .product-grid-item .product-grid-item-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.list-demo .product-grid-item img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; +} +.list-demo .product-grid-item .product-grid-item-content { + text-align: center; +} +.list-demo .product-grid-item .product-price { + font-size: 1.5rem; + font-weight: 600; +} + +@media screen and (max-width: 576px) { + .list-demo .product-list-item { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + } + .list-demo .product-list-item img { + width: 75%; + margin: 2rem 0; + } + .list-demo .product-list-item .product-list-detail { + text-align: center; + } + .list-demo .product-list-item .product-price { + align-self: center; + } + .list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + } + .list-demo .product-list-item .product-list-action { + margin-top: 2rem; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + width: 100%; + } +} +.messages-demo .ui-button.ui-widget { + min-width: 6rem; +} +.messages-demo .field > label { + width: 125px; +} + +.misc-demo .ui-button.ui-widget { + min-width: 6rem; +} +.misc-demo .badges .ui-badge, +.misc-demo .badges .ui-tag { + margin-right: 0.5rem; +} +.misc-demo .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); +} +.misc-demo .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop:hover { + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); +} +.misc-demo .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; +} +.misc-demo .custom-skeleton ul { + list-style: none; +} + +.table-demo .ui-datatable .ui-column-filter { + display: none; +} +.table-demo .customers-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} +.floatlabel-demo .field { + margin-top: 2rem; +} + +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ +code[class*=language-], +pre[class*=language-] { + color: black; + background: none; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*=language-] { + position: relative; + margin: 0.5em 0; + overflow: visible; + padding: 0; +} + +pre[class*=language-] > code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} + +code[class*=language] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} + +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*=language-], +pre[class*=language-] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} + +/* Inline code */ +:not(pre) > code[class*=language-] { + position: relative; + padding: 0.2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} + +pre[class*=language-]:before, +pre[class*=language-]:after { + content: ""; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} + +:not(pre) > code[class*=language-]:after, +pre[class*=language-]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7D8B99; +} + +.token.punctuation { + color: #5F6364; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.function-name, +.token.constant, +.token.symbol, +.token.deleted { + color: #c92c2c; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.function, +.token.builtin, +.token.inserted { + color: #2f9c0a; +} + +.token.operator, +.token.entity, +.token.url, +.token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword, +.token.class-name { + color: #1990b8; +} + +.token.regex, +.token.important { + color: #e90; +} + +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.important { + font-weight: normal; +} + +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.namespace { + opacity: 0.7; +} + +@media screen and (max-width: 767px) { + pre[class*=language-]:before, +pre[class*=language-]:after { + bottom: 14px; + box-shadow: none; + } +} +/* Plugin styles */ +.token.tab:not(:empty):before, +.token.cr:before, +.token.lf:before { + color: #e0d7d1; +} + +/* Plugin styles: Line Numbers */ +pre[class*=language-].line-numbers { + padding-left: 0; +} + +pre[class*=language-].line-numbers code { + padding-left: 3.8em; +} + +pre[class*=language-].line-numbers .line-numbers-rows { + left: 0; +} + +/* Plugin styles: Line Highlight */ +pre[class*=language-][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} + +pre[data-line] code { + position: relative; + padding-left: 4em; +} + +pre .line-highlight { + margin-top: 0; +} + +/* PrimeFaces styles */ +pre[class*=language-]:before, pre[class*=language-]:after { + display: none !important; +} +pre[class*=language-] code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); +} + +.language-css .token.string, +.style .token.string { + background: transparent; +} + +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border: 1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; +} +.block-header .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; +} +.block-header .block-title .badge-free { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-title .badge-new { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; +} +.block-header .block-actions a { + display: flex; + align-items: center; + margin-right: 0.75rem; + padding: 0.5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color 0.2s; + cursor: pointer; + color: var(--text-color); +} +.block-header .block-actions a:last-child { + margin-right: 0; +} +.block-header .block-actions a:not(.block-action-disabled):hover { + background-color: var(--surface-c); +} +.block-header .block-actions a.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); +} +.block-header .block-actions a.block-action-copy i { + color: var(--primary-color); + font-size: 1.25rem; +} +.block-header .block-actions a.block-action-disabled { + opacity: 0.6; + pointer-events: none; + cursor: auto !important; +} +.block-header .block-actions a .pi-lock { + margin-right: 0.5rem; +} + +.block-content { + padding: 0; + border: 1px solid var(--surface-d); + border-top: 0 none; +} +.block-content > div { + display: none; +} +.block-content > div.block-content-active { + display: block; +} + +.block-section pre[class*=language-] { + margin: 0 !important; +} +.block-section pre[class*=language-]:before, .block-section pre[class*=language-]:after { + display: none !important; +} +.block-section pre[class*=language-] code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + } + .block-header .block-actions { + margin-top: 1rem; + } +} diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.scss new file mode 100644 index 0000000..8c51714 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.scss @@ -0,0 +1,3 @@ +@import '../../sass/variables/layout/_layout_dark'; +@import './_demo_common'; + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-light.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-light.css new file mode 100644 index 0000000..7576348 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-light.css @@ -0,0 +1,734 @@ +.order-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.order-badge.order-delivered { + background: #ACEBB4; + color: #348861; +} +.order-badge.order-cancelled { + background: #FABD9A; + color: #AD342B; +} +.order-badge.order-pending { + background: #F8D895; + color: #A76927; +} +.order-badge.order-returned { + background: #EFB8E5; + color: #833F91; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; + text-align: center; +} +.product-badge.status-instock { + background: #ACEBB4; + color: #348861; +} +.product-badge.status-outofstock { + background: #FABD9A; + color: #AD342B; +} +.product-badge.status-lowstock { + background: #F8D895; + color: #A76927; +} + +.customer-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.customer-badge.status-qualified { + background: #ACEBB4; + color: #348861; +} +.customer-badge.status-unqualified { + background: #FABD9A; + color: #AD342B; +} +.customer-badge.status-negotiation { + background: #F8D895; + color: #A76927; +} +.customer-badge.status-new { + background: #9BF2F7; + color: #2B7AA4; +} +.customer-badge.status-renewal { + background: #EFB8E5; + color: #833F91; +} +.customer-badge.status-proposal { + background: #FFD8B2; + color: #805B36; +} + +.filter-container .ui-inputtext { + width: 400px; +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: 0.5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + } + .ui-selection-column .ui-column-title { + display: none !important; + } +} +.crud-demo .ui-datatable { + margin-top: 1rem; +} +.crud-demo .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.crud-demo .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; +} +.crud-demo .ui-dialog-footer .ui-button { + min-width: 6rem; +} +.crud-demo .ui-datatable .ui-column-filter { + display: none; +} +.crud-demo .products-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.crud-demo .edit-button.ui-button { + margin-right: 0.5rem; +} +.crud-demo .orders-subtable { + padding: 1rem; +} +.crud-demo .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { + width: 2rem; +} +.crud-demo .products-table .ui-rating { + display: inline-block; +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, +.products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { + display: none !important; + } + + .products-buttonbar { + -ms-flex-direction: column; + flex-direction: column; + } + .products-buttonbar > div:last-child { + margin-top: 0.5rem; + } +} +.docs li { + line-height: 1.5; +} + +.icons-demo .icons-list { + text-align: center; + color: rgba(41, 50, 65, 0.8); +} +.icons-demo .icons-list i { + font-size: 1.5rem; + margin-bottom: 0.5rem; +} + +.list-demo .product-name { + font-size: 1.5rem; + font-weight: 700; +} +.list-demo .product-description { + margin: 0 0 1rem 0; +} +.list-demo .product-category-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +.list-demo .product-category { + font-weight: 600; + vertical-align: middle; +} +.list-demo .product-list-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 1rem; +} +.list-demo .product-list-item img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; +} +.list-demo .product-list-item .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +.list-demo .product-list-item .ui-rating { + margin: 0 0 0.5rem 0; +} +.list-demo .product-list-item .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + align-self: flex-end; +} +.list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.list-demo .product-list-item .ui-button { + margin-bottom: 0.5rem; +} +.list-demo .product-grid-item { + border: 1px solid #dee2e6; + box-shadow: none; +} +.list-demo .product-grid-item .product-grid-item-top, +.list-demo .product-grid-item .product-grid-item-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.list-demo .product-grid-item img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; +} +.list-demo .product-grid-item .product-grid-item-content { + text-align: center; +} +.list-demo .product-grid-item .product-price { + font-size: 1.5rem; + font-weight: 600; +} + +@media screen and (max-width: 576px) { + .list-demo .product-list-item { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + } + .list-demo .product-list-item img { + width: 75%; + margin: 2rem 0; + } + .list-demo .product-list-item .product-list-detail { + text-align: center; + } + .list-demo .product-list-item .product-price { + align-self: center; + } + .list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + } + .list-demo .product-list-item .product-list-action { + margin-top: 2rem; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + width: 100%; + } +} +.messages-demo .ui-button.ui-widget { + min-width: 6rem; +} +.messages-demo .field > label { + width: 125px; +} + +.misc-demo .ui-button.ui-widget { + min-width: 6rem; +} +.misc-demo .badges .ui-badge, +.misc-demo .badges .ui-tag { + margin-right: 0.5rem; +} +.misc-demo .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); +} +.misc-demo .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop:hover { + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); +} +.misc-demo .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; +} +.misc-demo .custom-skeleton ul { + list-style: none; +} + +.table-demo .ui-datatable .ui-column-filter { + display: none; +} +.table-demo .customers-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} +.floatlabel-demo .field { + margin-top: 2rem; +} + +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ +code[class*=language-], +pre[class*=language-] { + color: black; + background: none; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*=language-] { + position: relative; + margin: 0.5em 0; + overflow: visible; + padding: 0; +} + +pre[class*=language-] > code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} + +code[class*=language] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} + +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*=language-], +pre[class*=language-] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} + +/* Inline code */ +:not(pre) > code[class*=language-] { + position: relative; + padding: 0.2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} + +pre[class*=language-]:before, +pre[class*=language-]:after { + content: ""; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} + +:not(pre) > code[class*=language-]:after, +pre[class*=language-]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7D8B99; +} + +.token.punctuation { + color: #5F6364; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.function-name, +.token.constant, +.token.symbol, +.token.deleted { + color: #c92c2c; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.function, +.token.builtin, +.token.inserted { + color: #2f9c0a; +} + +.token.operator, +.token.entity, +.token.url, +.token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword, +.token.class-name { + color: #1990b8; +} + +.token.regex, +.token.important { + color: #e90; +} + +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.important { + font-weight: normal; +} + +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.namespace { + opacity: 0.7; +} + +@media screen and (max-width: 767px) { + pre[class*=language-]:before, +pre[class*=language-]:after { + bottom: 14px; + box-shadow: none; + } +} +/* Plugin styles */ +.token.tab:not(:empty):before, +.token.cr:before, +.token.lf:before { + color: #e0d7d1; +} + +/* Plugin styles: Line Numbers */ +pre[class*=language-].line-numbers { + padding-left: 0; +} + +pre[class*=language-].line-numbers code { + padding-left: 3.8em; +} + +pre[class*=language-].line-numbers .line-numbers-rows { + left: 0; +} + +/* Plugin styles: Line Highlight */ +pre[class*=language-][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} + +pre[data-line] code { + position: relative; + padding-left: 4em; +} + +pre .line-highlight { + margin-top: 0; +} + +/* PrimeFaces styles */ +pre[class*=language-]:before, pre[class*=language-]:after { + display: none !important; +} +pre[class*=language-] code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); +} + +.language-css .token.string, +.style .token.string { + background: transparent; +} + +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border: 1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; +} +.block-header .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; +} +.block-header .block-title .badge-free { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-title .badge-new { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; +} +.block-header .block-actions a { + display: flex; + align-items: center; + margin-right: 0.75rem; + padding: 0.5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color 0.2s; + cursor: pointer; + color: var(--text-color); +} +.block-header .block-actions a:last-child { + margin-right: 0; +} +.block-header .block-actions a:not(.block-action-disabled):hover { + background-color: var(--surface-c); +} +.block-header .block-actions a.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); +} +.block-header .block-actions a.block-action-copy i { + color: var(--primary-color); + font-size: 1.25rem; +} +.block-header .block-actions a.block-action-disabled { + opacity: 0.6; + pointer-events: none; + cursor: auto !important; +} +.block-header .block-actions a .pi-lock { + margin-right: 0.5rem; +} + +.block-content { + padding: 0; + border: 1px solid var(--surface-d); + border-top: 0 none; +} +.block-content > div { + display: none; +} +.block-content > div.block-content-active { + display: block; +} + +.block-section pre[class*=language-] { + margin: 0 !important; +} +.block-section pre[class*=language-]:before, .block-section pre[class*=language-]:after { + display: none !important; +} +.block-section pre[class*=language-] code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + } + .block-header .block-actions { + margin-top: 1rem; + } +} diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-light.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-light.scss new file mode 100644 index 0000000..aae2db1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/demo-light.scss @@ -0,0 +1,2 @@ +@import '../../sass/variables/layout/_layout_light'; +@import './_demo_common'; diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/flags/flags.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/flags/flags.css new file mode 100644 index 0000000..f7aae20 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/flags/flags.css @@ -0,0 +1 @@ +span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url("\#{resource['demo:css/flags/flags_responsive.png']}") no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/flags/flags_responsive.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/flags/flags_responsive.png new file mode 100644 index 0000000..c27ce21 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/flags/flags_responsive.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_blocks.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_blocks.scss new file mode 100644 index 0000000..30dc463 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_blocks.scss @@ -0,0 +1,133 @@ +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border:1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; + + .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; + + .badge-free { + border-radius: 4px; + padding: .25rem .5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: .875rem; + } + + .badge-new { + border-radius: 4px; + padding: .25rem .5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: .875rem; + } + } + + .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; + + a { + display: flex; + align-items: center; + margin-right: .75rem; + padding: .5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color .2s; + cursor: pointer; + color: var(--text-color); + + &:last-child { + margin-right: 0; + } + + &:not(.block-action-disabled):hover { + background-color: var(--surface-c); + } + + &.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); + } + + &.block-action-copy { + i { + color: var(--primary-color); + font-size: 1.25rem; + } + } + + &.block-action-disabled { + opacity: .6; + pointer-events: none; + cursor: auto !important; + } + + .pi-lock { + margin-right: .5rem; + } + } + } +} + +.block-content { + padding: 0; + border:1px solid var(--surface-d); + border-top: 0 none; + + > div { + display: none; + + &.block-content-active { + display: block; + } + } +} + +.block-section pre[class*="language-"] { + margin: 0 !important; + + &:before, &:after { + display: none !important; + } + + code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; + } +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + + .block-actions { + margin-top: 1rem; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_chronoline.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_chronoline.scss new file mode 100644 index 0000000..2be8e31 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_chronoline.scss @@ -0,0 +1,33 @@ +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_common.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_common.scss new file mode 100644 index 0000000..cc053d1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_common.scss @@ -0,0 +1,122 @@ +.order-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.order-delivered { + background: #ACEBB4; + color: #348861; + } + + &.order-cancelled { + background: #FABD9A; + color:#AD342B; + } + + &.order-pending { + background: #F8D895; + color: #A76927; + } + + &.order-returned { + background: #EFB8E5; + color: #833F91; + } +} + +.product-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + text-align: center; + + &.status-instock { + background: #ACEBB4; + color: #348861; + } + + &.status-outofstock { + background: #FABD9A; + color:#AD342B; + } + + &.status-lowstock { + background: #F8D895; + color: #A76927; + } +} + +.customer-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.status-qualified { + background: #ACEBB4; + color: #348861; + } + + &.status-unqualified { + background: #FABD9A; + color:#AD342B; + } + + &.status-negotiation { + background: #F8D895; + color: #A76927; + } + + &.status-new { + background: #9BF2F7; + color: #2B7AA4; + } + + &.status-renewal { + background: #EFB8E5; + color: #833F91; + } + + &.status-proposal { + background: #FFD8B2; + color: #805B36; + } +} + +.filter-container { + .ui-inputtext { + width: 400px; + } +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: .5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + + .ui-column-title { + display: none !important; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_crud.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_crud.scss new file mode 100644 index 0000000..f1fb3cf --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_crud.scss @@ -0,0 +1,68 @@ +.crud-demo { + .ui-datatable { + margin-top: 1rem; + } + + .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + } + + .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; + } + + .ui-dialog-footer .ui-button { + min-width: 6rem; + } + + .ui-datatable .ui-column-filter { + display: none; + } + + .products-table-header { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + @include flex-wrap(wrap); + } + + .edit-button.ui-button { + margin-right: .5rem; + } + + .orders-subtable { + padding: 1rem; + } + + .products-table { + > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { + width: 2rem; + } + + .ui-rating { + display: inline-block; + } + } +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2), + .products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) { + .ui-column-title { + display: none !important; + } + } + + .products-buttonbar { + @include flex-direction-column(); + + > div { + &:last-child { + margin-top: .5rem; + } + } + } +} diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_documentation.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_documentation.scss new file mode 100644 index 0000000..0fd58ec --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_documentation.scss @@ -0,0 +1,3 @@ +.docs li { + line-height: 1.5; +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_floatlabel.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_floatlabel.scss new file mode 100644 index 0000000..b2efe11 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_floatlabel.scss @@ -0,0 +1,5 @@ +.floatlabel-demo { + .field { + margin-top: 2rem; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_icons.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_icons.scss new file mode 100644 index 0000000..9d13994 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_icons.scss @@ -0,0 +1,11 @@ +.icons-demo { + .icons-list { + text-align: center; + color: $textShade200; + } + + .icons-list i { + font-size: 1.5rem; + margin-bottom: .5rem; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_list.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_list.scss new file mode 100644 index 0000000..0f1925f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_list.scss @@ -0,0 +1,120 @@ +.list-demo { + .product-name { + font-size: 1.5rem; + font-weight: 700; + } + + .product-description { + margin: 0 0 1rem 0; + } + + .product-category-icon { + vertical-align: middle; + margin-right: .5rem; + } + + .product-category { + font-weight: 600; + vertical-align: middle; + } + + .product-list-item { + @include flex(); + @include flex-align-center(); + padding: 1rem; + + img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; + } + + .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; + } + + .ui-rating { + margin: 0 0 .5rem 0; + } + + .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: .5rem; + align-self: flex-end; + } + + .product-list-action { + @include flex(); + @include flex-direction-column(); + } + + .ui-button { + margin-bottom: .5rem; + } + + } + + .product-grid-item { + border: 1px solid $dividerColor; + box-shadow: none; + + .product-grid-item-top, + .product-grid-item-bottom { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + } + + img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; + } + + .product-grid-item-content { + text-align: center; + } + + .product-price { + font-size: 1.5rem; + font-weight: 600; + } + } +} + +@media screen and (max-width: $phoneBreakpoint) { + .list-demo { + .product-list-item { + @include flex-direction-column(); + @include flex-align-center(); + + img { + width: 75%; + margin: 2rem 0; + } + + .product-list-detail { + text-align: center; + } + + .product-price { + align-self: center; + } + + .product-list-action { + @include flex(); + @include flex-direction-column(); + } + + .product-list-action { + margin-top: 2rem; + @include flex-direction-row(); + @include flex-justify-between(); + @include flex-align-center(); + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_messages.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_messages.scss new file mode 100644 index 0000000..b2c6a98 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_messages.scss @@ -0,0 +1,9 @@ +.messages-demo { + .ui-button.ui-widget { + min-width: 6rem; + } + + .field > label { + width: 125px; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_misc.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_misc.scss new file mode 100644 index 0000000..5d6a820 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_misc.scss @@ -0,0 +1,39 @@ +.misc-demo { + .ui-button.ui-widget { + min-width: 6rem; + } + + .badges .ui-badge, + .badges .ui-tag { + margin-right: .5rem; + } + + .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); + } + + .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); + } + .custom-scrolltop:hover { + background-color: var(--primary-color); + } + + .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); + } + + .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; + } + + .custom-skeleton ul { + list-style: none; + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_syntax.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_syntax.scss new file mode 100644 index 0000000..9c0a20a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_syntax.scss @@ -0,0 +1,244 @@ +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ + +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*="language-"] { + position: relative; + margin: .5em 0; + overflow: visible; + padding: 0; +} +pre[class*="language-"]>code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} + +code[class*="language"] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} + +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + position: relative; + padding: .2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} + +pre[class*="language-"]:before, +pre[class*="language-"]:after { + content: ''; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} + +:not(pre) > code[class*="language-"]:after, +pre[class*="language-"]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7D8B99; +} + +.token.punctuation { + color: #5F6364; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.function-name, +.token.constant, +.token.symbol, +.token.deleted { + color: #c92c2c; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.function, +.token.builtin, +.token.inserted { + color: #2f9c0a; +} + +.token.operator, +.token.entity, +.token.url, +.token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword, +.token.class-name { + color: #1990b8; +} + +.token.regex, +.token.important { + color: #e90; +} + +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.important { + font-weight: normal; +} + +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.namespace { + opacity: .7; +} + +@media screen and (max-width: 767px) { + pre[class*="language-"]:before, + pre[class*="language-"]:after { + bottom: 14px; + box-shadow: none; + } + +} + +/* Plugin styles */ +.token.tab:not(:empty):before, +.token.cr:before, +.token.lf:before { + color: #e0d7d1; +} + +/* Plugin styles: Line Numbers */ +pre[class*="language-"].line-numbers { + padding-left: 0; +} + +pre[class*="language-"].line-numbers code { + padding-left: 3.8em; +} + +pre[class*="language-"].line-numbers .line-numbers-rows { + left: 0; +} + +/* Plugin styles: Line Highlight */ +pre[class*="language-"][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} +pre[data-line] code { + position: relative; + padding-left: 4em; +} +pre .line-highlight { + margin-top: 0; +} + +/* PrimeFaces styles */ +pre[class*="language-"] { + &:before, &:after { + display: none !important; + } + + code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); + } +} + +.language-css .token.string, +.style .token.string { + background: transparent; +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_table.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_table.scss new file mode 100644 index 0000000..b584e5f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/css/pages/_table.scss @@ -0,0 +1,21 @@ +.table-demo { + .ui-datatable .ui-column-filter { + display: none; + } + + .customers-table-header { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + @include flex-wrap(wrap); + } + +} + +@media (max-width: 640px) { + .table-demo { + .ui-progressbar { + margin-top: .5rem; + } + } +} \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/amyelsner.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/amyelsner.png new file mode 100644 index 0000000..f43f164 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/amyelsner.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/annafali.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/annafali.png new file mode 100644 index 0000000..b312fec Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/annafali.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/asiyajavayant.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/asiyajavayant.png new file mode 100644 index 0000000..545ca73 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/asiyajavayant.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/bernardodominic.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/bernardodominic.png new file mode 100644 index 0000000..e803b32 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/bernardodominic.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/elwinsharvill.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/elwinsharvill.png new file mode 100644 index 0000000..6045de8 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/elwinsharvill.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/ionibowcher.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/ionibowcher.png new file mode 100644 index 0000000..9bd6cdf Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/ionibowcher.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/ivanmagalhaes.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/ivanmagalhaes.png new file mode 100644 index 0000000..93f34cd Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/ivanmagalhaes.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/onyamalimba.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/onyamalimba.png new file mode 100644 index 0000000..14166c8 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/onyamalimba.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/profile.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/profile.jpg new file mode 100644 index 0000000..b8b6179 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/profile.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/stephenshaw.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/stephenshaw.png new file mode 100644 index 0000000..2ab291a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/stephenshaw.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/xuxuefeng.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/xuxuefeng.png new file mode 100644 index 0000000..aa2f641 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/avatar/xuxuefeng.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/blocks/hero/hero-1.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/blocks/hero/hero-1.png new file mode 100644 index 0000000..18835ad Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/blocks/hero/hero-1.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/blocks/logos/hyper.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/blocks/logos/hyper.svg new file mode 100644 index 0000000..acf30bc --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/blocks/logos/hyper.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Audi.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Audi.png new file mode 100644 index 0000000..a5a5d5d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Audi.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/BMW.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/BMW.png new file mode 100644 index 0000000..6779a37 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/BMW.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Fiat.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Fiat.png new file mode 100644 index 0000000..5e4c707 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Fiat.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Ford.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Ford.png new file mode 100644 index 0000000..6e9b964 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Ford.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Honda.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Honda.png new file mode 100644 index 0000000..7352d48 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Honda.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Jaguar.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Jaguar.png new file mode 100644 index 0000000..9c6097d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Jaguar.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Mercedes.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Mercedes.png new file mode 100644 index 0000000..d2e6df6 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Mercedes.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Renault.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Renault.png new file mode 100644 index 0000000..83b174e Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Renault.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Volkswagen.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Volkswagen.png new file mode 100644 index 0000000..cd6ce01 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Volkswagen.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Volvo.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Volvo.png new file mode 100644 index 0000000..48c4410 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/car/Volvo.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-image.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-image.jpg new file mode 100644 index 0000000..9241343 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-image.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-map.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-map.png new file mode 100644 index 0000000..8299e0b Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-map.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-1.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-1.png new file mode 100644 index 0000000..62b486e Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-1.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-2.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-2.png new file mode 100644 index 0000000..36b9662 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-2.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-3.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-3.png new file mode 100644 index 0000000..d60b2ba Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-3.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-4.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-4.png new file mode 100644 index 0000000..8d6b620 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-4.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-5.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-5.png new file mode 100644 index 0000000..fb55240 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-5.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-6.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-6.png new file mode 100644 index 0000000..18fc019 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-6.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-7.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-7.png new file mode 100644 index 0000000..fe157ee Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-7.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-1.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-1.svg new file mode 100644 index 0000000..02993be --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-1.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-2.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-2.svg new file mode 100644 index 0000000..a96481b --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-3.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-3.svg new file mode 100644 index 0000000..b0666d3 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-3.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-4.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-4.svg new file mode 100644 index 0000000..fed5a77 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-4.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-5.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-5.svg new file mode 100644 index 0000000..46e8717 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-5.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/subtract.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/subtract.svg new file mode 100644 index 0000000..eb50a7f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/dashboard/subtract.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1.jpg new file mode 100644 index 0000000..1871130 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10.jpg new file mode 100644 index 0000000..2120049 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10s.jpg new file mode 100644 index 0000000..fce806c Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11.jpg new file mode 100644 index 0000000..98200b5 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11s.jpg new file mode 100644 index 0000000..8c2ec99 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12.jpg new file mode 100644 index 0000000..c11a2d6 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12s.jpg new file mode 100644 index 0000000..932fe79 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13.jpg new file mode 100644 index 0000000..7f9258a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13s.jpg new file mode 100644 index 0000000..ec0a1bc Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14.jpg new file mode 100644 index 0000000..6ad39ac Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14s.jpg new file mode 100644 index 0000000..c13c4f7 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15.jpg new file mode 100644 index 0000000..773e0f8 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15s.jpg new file mode 100644 index 0000000..ecd518e Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1s.jpg new file mode 100644 index 0000000..e4bf005 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2.jpg new file mode 100644 index 0000000..f015d16 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2s.jpg new file mode 100644 index 0000000..f06145d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3.jpg new file mode 100644 index 0000000..dfe588d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3s.jpg new file mode 100644 index 0000000..c53d6d8 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4.jpg new file mode 100644 index 0000000..fc8ed45 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4s.jpg new file mode 100644 index 0000000..58c04a5 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5.jpg new file mode 100644 index 0000000..de544fa Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5s.jpg new file mode 100644 index 0000000..35c04c9 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6.jpg new file mode 100644 index 0000000..a13c395 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6s.jpg new file mode 100644 index 0000000..fe9a3f1 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7.jpg new file mode 100644 index 0000000..e36b801 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7s.jpg new file mode 100644 index 0000000..fdef61d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8.jpg new file mode 100644 index 0000000..c346a49 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8s.jpg new file mode 100644 index 0000000..1786d91 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9.jpg new file mode 100644 index 0000000..62326d1 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9s.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9s.jpg new file mode 100644 index 0000000..ca8ca50 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9s.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/nature/nature.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/nature/nature.jpg new file mode 100644 index 0000000..b39b46c Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/nature/nature.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/bamboo-watch.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/bamboo-watch.jpg new file mode 100644 index 0000000..dbff9ed Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/bamboo-watch.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/black-watch.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/black-watch.jpg new file mode 100644 index 0000000..03f8bd4 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/black-watch.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/blue-band.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/blue-band.jpg new file mode 100644 index 0000000..3b84a9a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/blue-band.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/blue-t-shirt.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/blue-t-shirt.jpg new file mode 100644 index 0000000..3287ead Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/blue-t-shirt.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/bracelet.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/bracelet.jpg new file mode 100644 index 0000000..6177665 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/bracelet.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/brown-purse.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/brown-purse.jpg new file mode 100644 index 0000000..0411571 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/brown-purse.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/chakra-bracelet.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/chakra-bracelet.jpg new file mode 100644 index 0000000..29f4771 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/chakra-bracelet.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/galaxy-earrings.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/galaxy-earrings.jpg new file mode 100644 index 0000000..ad0b1b1 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/galaxy-earrings.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/game-controller.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/game-controller.jpg new file mode 100644 index 0000000..6d309ee Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/game-controller.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/gaming-set.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/gaming-set.jpg new file mode 100644 index 0000000..9fdbe6c Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/gaming-set.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/gold-phone-case.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/gold-phone-case.jpg new file mode 100644 index 0000000..7671968 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/gold-phone-case.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/green-earbuds.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/green-earbuds.jpg new file mode 100644 index 0000000..7813105 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/green-earbuds.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/green-t-shirt.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/green-t-shirt.jpg new file mode 100644 index 0000000..fdb70a7 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/green-t-shirt.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/grey-t-shirt.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/grey-t-shirt.jpg new file mode 100644 index 0000000..5b6d78a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/grey-t-shirt.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/headphones.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/headphones.jpg new file mode 100644 index 0000000..5f9f31d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/headphones.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/light-green-t-shirt.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/light-green-t-shirt.jpg new file mode 100644 index 0000000..2fb6219 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/light-green-t-shirt.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/lime-band.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/lime-band.jpg new file mode 100644 index 0000000..5627c6b Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/lime-band.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/mini-speakers.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/mini-speakers.jpg new file mode 100644 index 0000000..8883aa2 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/mini-speakers.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/painted-phone-case.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/painted-phone-case.jpg new file mode 100644 index 0000000..5da5f00 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/painted-phone-case.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/pink-band.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/pink-band.jpg new file mode 100644 index 0000000..50124ad Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/pink-band.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/pink-purse.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/pink-purse.jpg new file mode 100644 index 0000000..a5e864f Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/pink-purse.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-band.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-band.jpg new file mode 100644 index 0000000..17523fe Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-band.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-gemstone-necklace.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-gemstone-necklace.jpg new file mode 100644 index 0000000..a40d4b3 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-gemstone-necklace.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-t-shirt.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-t-shirt.jpg new file mode 100644 index 0000000..12d75f1 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/purple-t-shirt.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/shoes.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/shoes.jpg new file mode 100644 index 0000000..efc7aca Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/shoes.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/sneakers.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/sneakers.jpg new file mode 100644 index 0000000..53f66dc Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/sneakers.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/teal-t-shirt.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/teal-t-shirt.jpg new file mode 100644 index 0000000..749ae9d Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/teal-t-shirt.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yellow-earbuds.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yellow-earbuds.jpg new file mode 100644 index 0000000..1bfc87a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yellow-earbuds.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-mat.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-mat.jpg new file mode 100644 index 0000000..18d9564 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-mat.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-set.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-set.jpg new file mode 100644 index 0000000..734ba58 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-set.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/asset-weather.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/asset-weather.png new file mode 100644 index 0000000..dbf8f36 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/asset-weather.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/aws.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/aws.svg new file mode 100644 index 0000000..f69cbcf --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/aws.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/github.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/github.svg new file mode 100644 index 0000000..aaae676 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/github.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/icon-sun.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/icon-sun.svg new file mode 100644 index 0000000..84e52c9 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/icon-sun.svg @@ -0,0 +1,3 @@ + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jenkins.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jenkins.svg new file mode 100644 index 0000000..8a2835b --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jenkins.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jira.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jira.svg new file mode 100644 index 0000000..0fcb47d --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jira.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-1.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-1.png new file mode 100644 index 0000000..57c8e61 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-1.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-2.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-2.png new file mode 100644 index 0000000..98a2144 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-2.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-3.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-3.png new file mode 100644 index 0000000..32fbb7c Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-3.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-4.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-4.png new file mode 100644 index 0000000..753ecf8 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-4.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/slack.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/slack.svg new file mode 100644 index 0000000..799c686 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/slack.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.scss b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex-v2.min.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex.min.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/primeicons.css b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.eot b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.eot new file mode 100644 index 0000000..24df115 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.eot differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.svg new file mode 100644 index 0000000..c4e81e7 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.ttf b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.ttf differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.woff b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.woff differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/avatar-profilemenu.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/avatar-profilemenu.png new file mode 100644 index 0000000..3dc5771 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/avatar-profilemenu.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/favicon.ico b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/favicon.ico differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-single.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-white.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-white.svg @@ -0,0 +1,14 @@ + + + logo-freya-white + + + + + + + + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya.svg @@ -0,0 +1,40 @@ + + + logo-freya + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-404.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-access.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-error.svg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-landing-header.jpg b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-landing-header.jpg new file mode 100644 index 0000000..bd7808a Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-landing-header.jpg differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/search.png b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/search.png new file mode 100644 index 0000000..d4cf601 Binary files /dev/null and b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/search.png differ diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/js/layout.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/js/prism.js b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/freya-layout/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/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 + + + + + +
+ +
Type de Menu
+ + + + + + + +
+ +
Schéma de Couleur
+ + + + + + + +
+
Mode Barre Supérieure et Menu
+ + + + + +
+ + +
+
Mode Barre Supérieure
+ + + + + +
+ + +
+
Mode Menu
+ + + + + +
+ +
+ +
Style d'Entrée
+ + + + + + +
+ +
Couleurs de Thème
+
+ +
+ + +
+
+
+
+
+ \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/footer.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/footer.xhtml new file mode 100644 index 0000000..e5d4b8a --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/footer.xhtml @@ -0,0 +1,57 @@ + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/menu.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/menu.xhtml new file mode 100644 index 0000000..2a2a7cd --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/menu.xhtml @@ -0,0 +1,183 @@ + + + + + \ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/rightpanel.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/rightpanel.xhtml new file mode 100644 index 0000000..0625b3e --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/rightpanel.xhtml @@ -0,0 +1,187 @@ + + +
+
+
+
+
Aujourd'hui
+
+
+ +
+
Dakar, #{currentDate}
+

28º

+
+
+
+
+
+
Mes tâches
+ + + +
+
    +
  • +
    +
    Traiter les demandes d'adhésion en attente
    + -Vérifier les dossiers + -Valider les documents +
    +
  • +
  • +
    +
    Préparer le rapport mensuel
    + Statistiques des membres actifs +
    +
  • +
  • +
    +
    Relancer les cotisations en retard
    +
    + +
  • +
  • +
    +
    Organiser la réunion mensuelle
    +
    + +
  • +
+
+ +
+
+
Raccourcis
+
+ +
+ +
+ + + + + + 2 + +
+ +
+
+ Vous +
+

Bonjour, j'ai besoin de votre validation pour les nouvelles adhésions.

+ Il y a 10 min +
+
+

Merci de vérifier les dossiers 🙏

+ Il y a 5 min +
+
+
+ Admin +
+

Parfait, je m'en occupe dans l'heure qui suit.

+ Il y a 2 min +
+
+
+ Vous +
+

Excellent, merci beaucoup !

+ Il y a 1 min +
+
+
+
+ +
+
+
+ + + + +
+
+

Aucun message de l'équipe support

+
+
+ +
+
+
+ + + + +
+ +
+
    +
  • + +
    +
    Administrateur
    + En ligne +
    +
  • +
  • + +
    +
    Support Technique
    + Absent +
    +
  • +
  • + +
    +
    Secrétaire
    + En ligne +
    +
  • +
  • + +
    +
    Trésorier
    + En ligne +
    +
  • +
+
+
+ +
+
+
+
+
+
+
+
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/topbar.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/topbar.xhtml new file mode 100644 index 0000000..04254e0 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/topbar.xhtml @@ -0,0 +1,107 @@ + + +
+
+
+ + + + + + +
+ + + +
+ + + + +
+
+ +
+ +
\ No newline at end of file diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/main-template.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/main-template.xhtml new file mode 100644 index 0000000..3d7c518 --- /dev/null +++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/main-template.xhtml @@ -0,0 +1,54 @@ + + + + + + + + + + + + <ui:insert name="title">UnionFlow</ui:insert> + + + + + + +
+ + + + + +
+
+ +
+ +
+ + + +