diff --git a/api-gateway/src/app.controller.ts b/api-gateway/src/app.controller.ts index b2b65e09..adbdeeca 100644 --- a/api-gateway/src/app.controller.ts +++ b/api-gateway/src/app.controller.ts @@ -78,16 +78,15 @@ export class AppController { @Body('canton') canton: string, @Body('district') district: string, @Body('num_houses') num_houses: number, - @Body('phone') phone: number, - @Body('quote') quote: number, + @Body('phone') phone: string, @Body('status') status: string, @Body('date_entry') date_entry: Date, - @Body('houses') houses: [{}], + @Body('houses') houses: [], ) { return this.appService.createCommunity(name, province, canton, district, num_houses, phone, - quote, status, date_entry, houses); + status, date_entry, houses); } @Get('community/allCommunities') diff --git a/api-gateway/src/app.service.ts b/api-gateway/src/app.service.ts index badc59ab..4659f1b9 100644 --- a/api-gateway/src/app.service.ts +++ b/api-gateway/src/app.service.ts @@ -131,11 +131,11 @@ export class AppService { //POST parameter from API createCommunity(name: string, province: string, canton: string, district: string - , num_houses: number, phone: number, quote: number, status: string, date_entry: Date, houses: [{}]) { + , num_houses: number, phone: string, status: string, date_entry: Date, houses: []) { const pattern = { cmd: 'createCommunity' }; const payload = { name: name, province: province, canton: canton, district: district, num_houses: num_houses, - phone: phone, quote: quote, status: status, date_entry: date_entry, houses + phone: phone, status: status, date_entry: date_entry, houses: houses }; return this.clientCommunityApp .send(pattern, payload) diff --git a/servicio-comunidad-viviendas/src/communities/communities.service.ts b/servicio-comunidad-viviendas/src/communities/communities.service.ts index a6679581..1b9b6bdf 100644 --- a/servicio-comunidad-viviendas/src/communities/communities.service.ts +++ b/servicio-comunidad-viviendas/src/communities/communities.service.ts @@ -27,24 +27,20 @@ export class CommunitiesService { .find() .setOptions({ sanitizeFilter: true }) .exec() - .then( async community => { - if(community){ + .then(async community => { + if (community) { await Promise.all(community.map(async c => { + //buscar al usuario con el id de la comunidad anexado let admin = await this.findCommunityAdmin(c["_id"], "2") - if(admin){ + if (admin) { c["id_admin"] = admin["_id"] c["name_admin"] = admin["name"] } return c })) - - console.log(community) } - - return community; + return community; }) - - //buscar al usuario con el id de la comunidad anexado } findOne(id: string): Promise { diff --git a/servicio-comunidad-viviendas/src/schemas/community.schema.ts b/servicio-comunidad-viviendas/src/schemas/community.schema.ts index bc00ed43..e1f1cdd0 100644 --- a/servicio-comunidad-viviendas/src/schemas/community.schema.ts +++ b/servicio-comunidad-viviendas/src/schemas/community.schema.ts @@ -10,7 +10,7 @@ export class Community { @Prop() id_admin: string; - @Prop({ default: "Sin Administrador" }) + @Prop() name_admin: string ; @Prop() @@ -29,10 +29,7 @@ export class Community { num_houses: number; @Prop() - phone: number; - - @Prop() - quote: number; + phone: string; @Prop() status: string; diff --git a/servicio-comunidad-viviendas/src/schemas/house.schema.ts b/servicio-comunidad-viviendas/src/schemas/house.schema.ts index 905f8664..cae12f9d 100644 --- a/servicio-comunidad-viviendas/src/schemas/house.schema.ts +++ b/servicio-comunidad-viviendas/src/schemas/house.schema.ts @@ -1,5 +1,7 @@ import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose'; +import e from 'express'; import { Document } from 'mongoose'; +import { empty } from 'rxjs'; import { Tenant, TenantSchema } from './tenant.schema'; @@ -8,14 +10,11 @@ import { Tenant, TenantSchema } from './tenant.schema'; export class House extends Document { @Prop({ default: " " }) number_house: string; - - @Prop({ default: " " }) - description: string; @Prop({ default: "desocupada" }) state: string; - @Prop({ type: TenantSchema, default: " " }) + @Prop({ type: TenantSchema }) tenants: Tenant; } export const HouseSchema = SchemaFactory.createForClass(House); \ No newline at end of file diff --git a/servicio-comunidad-viviendas/src/schemas/tenant.schema.ts b/servicio-comunidad-viviendas/src/schemas/tenant.schema.ts index e0d66fa4..c0e66ec5 100644 --- a/servicio-comunidad-viviendas/src/schemas/tenant.schema.ts +++ b/servicio-comunidad-viviendas/src/schemas/tenant.schema.ts @@ -4,7 +4,7 @@ import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose'; @Schema() export class Tenant { - @Prop() + @Prop( {default: ''}) tenant_id: string; } diff --git a/web-ui/web-react/public/assets/demo/data/cantones.json b/web-ui/web-react/public/assets/demo/data/cantones.json new file mode 100644 index 00000000..b6d91a36 --- /dev/null +++ b/web-ui/web-react/public/assets/demo/data/cantones.json @@ -0,0 +1,489 @@ +[ + { + "name": "San José", + "code": "101", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Escazú", + "code": "102", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Desamparados", + "code": "103", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Puriscal", + "code": "104", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Tarrazú", + "code": "105", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Aserrí­", + "code": "106", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Mora", + "code": "107", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Goicoechea", + "code": "108", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Santa Ana", + "code": "109", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Alajuelita", + "code": "110", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Vasquez de Coronado", + "code": "111", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Acosta", + "code": "112", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Tibás", + "code": "113", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Moravia", + "code": "114", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Montes de Oca", + "code": "115", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Turrubares", + "code": "116", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Dota", + "code": "117", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Curridabat", + "code": "118", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Pérez Zeledón", + "code": "119", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "León Cortés", + "code": "120", + "parentCode": "1", + "isoParent": "SJ" + }, + { + "name": "Alajuela", + "code": "201", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "San Ramón", + "code": "202", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Grecia", + "code": "203", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "San Mateo", + "code": "204", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Atenas", + "code": "205", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Naranjo", + "code": "206", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Palmares", + "code": "207", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Poás", + "code": "208", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Orotina", + "code": "209", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "San Carlos", + "code": "210", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Alfaro Ruiz", + "code": "211", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Valverde Vega", + "code": "212", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Upala", + "code": "213", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Los Chiles", + "code": "214", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Guatuso", + "code": "215", + "parentCode": "2", + "isoParent": "ALAJ" + }, + { + "name": "Cartago", + "code": "301", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "Paraí­so", + "code": "302", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "La Unión", + "code": "303", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "Jiménez", + "code": "304", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "Turrialba", + "code": "305", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "Alvarado", + "code": "306", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "Oreamuno", + "code": "307", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "El Guarco", + "code": "308", + "parentCode": "3", + "isoParent": "CAR" + }, + { + "name": "Heredia", + "code": "401", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Barva", + "code": "402", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Santo Domingo", + "code": "403", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Santa Bárbara", + "code": "404", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "San Rafael", + "code": "405", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "San Isidro", + "code": "406", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Belén", + "code": "407", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Flores", + "code": "408", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "San Pablo", + "code": "409", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Sarapiquí­ ", + "code": "410", + "parentCode": "4", + "isoParent": "HER" + }, + { + "name": "Liberia", + "code": "501", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Nicoya", + "code": "502", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Santa Cruz", + "code": "503", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Bagaces", + "code": "504", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Carrillo", + "code": "505", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Cañas", + "code": "506", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Abangares", + "code": "507", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Tilarán", + "code": "508", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Nandayure", + "code": "509", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "La Cruz", + "code": "510", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Hojancha", + "code": "511", + "parentCode": "5", + "isoParent": "GUANA" + }, + { + "name": "Puntarenas", + "code": "601", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Esparza", + "code": "602", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Buenos Aires", + "code": "603", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Montes de Oro", + "code": "604", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Osa", + "code": "605", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Aguirre", + "code": "606", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Golfito", + "code": "607", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Coto Brus", + "code": "608", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Parrita", + "code": "609", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Corredores", + "code": "610", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Garabito", + "code": "611", + "parentCode": "6", + "isoParent": "PUNT" + }, + { + "name": "Limón", + "code": "701", + "parentCode": "7", + "isoParent": "LIM" + }, + { + "name": "Pococí­", + "code": "702", + "parentCode": "7", + "isoParent": "LIM" + }, + { + "name": "Siquirres ", + "code": "703", + "parentCode": "7", + "isoParent": "LIM" + }, + { + "name": "Talamanca", + "code": "704", + "parentCode": "7", + "isoParent": "LIM" + }, + { + "name": "Matina", + "code": "705", + "parentCode": "7", + "isoParent": "LIM" + }, + { + "name": "Guácimo", + "code": "706", + "parentCode": "7", + "isoParent": "LIM" + } + ] + \ No newline at end of file diff --git a/web-ui/web-react/public/assets/demo/data/distritos.json b/web-ui/web-react/public/assets/demo/data/distritos.json new file mode 100644 index 00000000..584e14bd --- /dev/null +++ b/web-ui/web-react/public/assets/demo/data/distritos.json @@ -0,0 +1,2352 @@ +[ + { + "name": "Carmen", + "code": "10101", + "parentCode": "101" + }, + { + "name": "Merced", + "code": "10102", + "parentCode": "101" + }, + { + "name": "Hospital", + "code": "10103", + "parentCode": "101" + }, + { + "name": "Catedral", + "code": "10104", + "parentCode": "101" + }, + { + "name": "Zapote", + "code": "10105", + "parentCode": "101" + }, + { + "name": "San Francisco de Dos Ríos", + "code": "10106", + "parentCode": "101" + }, + { + "name": "Uruca", + "code": "10107", + "parentCode": "101" + }, + { + "name": "Mata Redonda", + "code": "10108", + "parentCode": "101" + }, + { + "name": "Pavas", + "code": "10109", + "parentCode": "101" + }, + { + "name": "Hatillo", + "code": "10110", + "parentCode": "101" + }, + { + "name": "San Sebastián", + "code": "10111", + "parentCode": "101" + }, + { + "name": "Escazú", + "code": "10201", + "parentCode": "102" + }, + { + "name": "San Antonio", + "code": "10202", + "parentCode": "102" + }, + { + "name": "San Rafael", + "code": "10203", + "parentCode": "102" + }, + { + "name": "Desamparados", + "code": "10301", + "parentCode": "103" + }, + { + "name": "San Miguel", + "code": "10302", + "parentCode": "103" + }, + { + "name": "San Juan de Dios", + "code": "10303", + "parentCode": "103" + }, + { + "name": "San Rafael Arriba", + "code": "10304", + "parentCode": "103" + }, + { + "name": "San Antonio", + "code": "10305", + "parentCode": "103" + }, + { + "name": "Frailes", + "code": "10306", + "parentCode": "103" + }, + { + "name": "Patarrá", + "code": "10307", + "parentCode": "103" + }, + { + "name": "San Cristóbal", + "code": "10308", + "parentCode": "103" + }, + { + "name": "Rosario", + "code": "10309", + "parentCode": "103" + }, + { + "name": "Damas", + "code": "10310", + "parentCode": "103" + }, + { + "name": "San Rafael Abajo", + "code": "10311", + "parentCode": "103" + }, + { + "name": "Gravilias", + "code": "10312", + "parentCode": "103" + }, + { + "name": "Los Guido", + "code": "10313", + "parentCode": "103" + }, + { + "name": "Santiago", + "code": "10401", + "parentCode": "104" + }, + { + "name": "Mercedes Sur", + "code": "10402", + "parentCode": "104" + }, + { + "name": "Barbacoas", + "code": "10403", + "parentCode": "104" + }, + { + "name": "Grifo Alto", + "code": "10404", + "parentCode": "104" + }, + { + "name": "San Rafael", + "code": "10405", + "parentCode": "104" + }, + { + "name": "Candelaria", + "code": "10406", + "parentCode": "104" + }, + { + "name": "Desamparaditos", + "code": "10407", + "parentCode": "104" + }, + { + "name": "San Antonio", + "code": "10408", + "parentCode": "104" + }, + { + "name": "Chires", + "code": "10409", + "parentCode": "104" + }, + { + "name": "San Marcos", + "code": "10501", + "parentCode": "105" + }, + { + "name": "San Lorenzo", + "code": "10502", + "parentCode": "105" + }, + { + "name": "San Carlos", + "code": "10503", + "parentCode": "105" + }, + { + "name": "Aserrí", + "code": "10601", + "parentCode": "106" + }, + { + "name": "Tarbaca o Praga", + "code": "10602", + "parentCode": "106" + }, + { + "name": "Vuelta de Jorco", + "code": "10603", + "parentCode": "106" + }, + { + "name": "San Gabriel", + "code": "10604", + "parentCode": "106" + }, + { + "name": "La Legua", + "code": "10605", + "parentCode": "106" + }, + { + "name": "Monterrey", + "code": "10606", + "parentCode": "106" + }, + { + "name": "Salitrillos", + "code": "10607", + "parentCode": "106" + }, + { + "name": "Colón", + "code": "10701", + "parentCode": "107" + }, + { + "name": "Guayabo", + "code": "10702", + "parentCode": "107" + }, + { + "name": "Tabarcia", + "code": "10703", + "parentCode": "107" + }, + { + "name": "Piedras Negras", + "code": "10704", + "parentCode": "107" + }, + { + "name": "Picagres", + "code": "10705", + "parentCode": "107" + }, + { + "name": "Guadalupe", + "code": "10801", + "parentCode": "108" + }, + { + "name": "San Francisco", + "code": "10802", + "parentCode": "108" + }, + { + "name": "Calle Blancos", + "code": "10803", + "parentCode": "108" + }, + { + "name": "Mata de Plátano", + "code": "10804", + "parentCode": "108" + }, + { + "name": "Ipís", + "code": "10805", + "parentCode": "108" + }, + { + "name": "Rancho Redondo", + "code": "10806", + "parentCode": "108" + }, + { + "name": "Purral", + "code": "10807", + "parentCode": "108" + }, + { + "name": "Santa Ana", + "code": "10901", + "parentCode": "109" + }, + { + "name": "Salitral", + "code": "10902", + "parentCode": "109" + }, + { + "name": "Pozos o Concepción", + "code": "10903", + "parentCode": "109" + }, + { + "name": "Uruca o San Joaquín", + "code": "10904", + "parentCode": "109" + }, + { + "name": "Piedades", + "code": "10905", + "parentCode": "109" + }, + { + "name": "Brasil", + "code": "10906", + "parentCode": "109" + }, + { + "name": "Alajuelita", + "code": "11001", + "parentCode": "110" + }, + { + "name": "San Josecito", + "code": "11002", + "parentCode": "110" + }, + { + "name": "San Antonio", + "code": "11003", + "parentCode": "110" + }, + { + "name": "Concepción", + "code": "11004", + "parentCode": "110" + }, + { + "name": "San Felipe", + "code": "11005", + "parentCode": "110" + }, + { + "name": "San Isidro", + "code": "11101", + "parentCode": "111" + }, + { + "name": "San Rafael", + "code": "11102", + "parentCode": "111" + }, + { + "name": "Dulce Name de Jesús", + "code": "11103", + "parentCode": "111" + }, + { + "name": "Patalillo", + "code": "11104", + "parentCode": "111" + }, + { + "name": "Cascajal", + "code": "11105", + "parentCode": "111" + }, + { + "name": "San Ignacio", + "code": "11201", + "parentCode": "112" + }, + { + "name": "Guaitil", + "code": "11202", + "parentCode": "112" + }, + { + "name": "Palmichal", + "code": "11203", + "parentCode": "112" + }, + { + "name": "Cangrejal", + "code": "11204", + "parentCode": "112" + }, + { + "name": "Sabanillas", + "code": "11205", + "parentCode": "112" + }, + { + "name": "San Juan", + "code": "11301", + "parentCode": "113" + }, + { + "name": "Cinco Esquinas", + "code": "11302", + "parentCode": "113" + }, + { + "name": "Anselmo Llorente", + "code": "11303", + "parentCode": "113" + }, + { + "name": "León XIII", + "code": "11304", + "parentCode": "113" + }, + { + "name": "Colima", + "code": "11305", + "parentCode": "113" + }, + { + "name": "San Vicente", + "code": "11401", + "parentCode": "114" + }, + { + "name": "San Jerónimo", + "code": "11402", + "parentCode": "114" + }, + { + "name": "Trinidad", + "code": "11403", + "parentCode": "114" + }, + { + "name": "San Pedro", + "code": "11501", + "parentCode": "115" + }, + { + "name": "Sabanilla", + "code": "11502", + "parentCode": "115" + }, + { + "name": "Mercedes o Betania", + "code": "11503", + "parentCode": "115" + }, + { + "name": "San Rafael", + "code": "11504", + "parentCode": "115" + }, + { + "name": "San Pablo", + "code": "11601", + "parentCode": "116" + }, + { + "name": "San Pedro", + "code": "11602", + "parentCode": "116" + }, + { + "name": "San Juan de Mata", + "code": "11603", + "parentCode": "116" + }, + { + "name": "San Luis", + "code": "11604", + "parentCode": "116" + }, + { + "name": "Cárara", + "code": "11605", + "parentCode": "116" + }, + { + "name": "Santa María", + "code": "11701", + "parentCode": "117" + }, + { + "name": "Jardín", + "code": "11702", + "parentCode": "117" + }, + { + "name": "Copey", + "code": "11703", + "parentCode": "117" + }, + { + "name": "Curridabat", + "code": "11801", + "parentCode": "118" + }, + { + "name": "Granadilla", + "code": "11802", + "parentCode": "118" + }, + { + "name": "Sánchez", + "code": "11803", + "parentCode": "118" + }, + { + "name": "Tirrases", + "code": "11804", + "parentCode": "118" + }, + { + "name": "San Isidro de el General", + "code": "11901", + "parentCode": "119" + }, + { + "name": "General", + "code": "11902", + "parentCode": "119" + }, + { + "name": "Daniel Flores", + "code": "11903", + "parentCode": "119" + }, + { + "name": "Rivas", + "code": "11904", + "parentCode": "119" + }, + { + "name": "San Pedro", + "code": "11905", + "parentCode": "119" + }, + { + "name": "Platanares", + "code": "11906", + "parentCode": "119" + }, + { + "name": "Pejibaye", + "code": "11907", + "parentCode": "119" + }, + { + "name": "Cajón", + "code": "11908", + "parentCode": "119" + }, + { + "name": "Barú", + "code": "11909", + "parentCode": "119" + }, + { + "name": "Río Nuevo", + "code": "11910", + "parentCode": "119" + }, + { + "name": "Páramo", + "code": "11911", + "parentCode": "119" + }, + { + "name": "San Pablo", + "code": "12001", + "parentCode": "120" + }, + { + "name": "San Andrés", + "code": "12002", + "parentCode": "120" + }, + { + "name": "Llano Bonito", + "code": "12003", + "parentCode": "120" + }, + { + "name": "San Isidro", + "code": "12004", + "parentCode": "120" + }, + { + "name": "Santa Cruz", + "code": "12005", + "parentCode": "120" + }, + { + "name": "San Antonio", + "code": "12006", + "parentCode": "120" + }, + { + "name": "Alajuela", + "code": "20101", + "parentCode": "201" + }, + { + "name": "San José", + "code": "20102", + "parentCode": "201" + }, + { + "name": "Carrizal", + "code": "20103", + "parentCode": "201" + }, + { + "name": "San Antonio", + "code": "20104", + "parentCode": "201" + }, + { + "name": "Guácima", + "code": "20105", + "parentCode": "201" + }, + { + "name": "San Isidro", + "code": "20106", + "parentCode": "201" + }, + { + "name": "Sabanilla", + "code": "20107", + "parentCode": "201" + }, + { + "name": "San Rafael", + "code": "20108", + "parentCode": "201" + }, + { + "name": "Río Segundo", + "code": "20109", + "parentCode": "201" + }, + { + "name": "Desamparados", + "code": "20110", + "parentCode": "201" + }, + { + "name": "Turrucares", + "code": "20111", + "parentCode": "201" + }, + { + "name": "Tambor", + "code": "20112", + "parentCode": "201" + }, + { + "name": "La Garita", + "code": "20113", + "parentCode": "201" + }, + { + "name": "Sarapiquí", + "code": "20114", + "parentCode": "201" + }, + { + "name": "San Ramón", + "code": "20201", + "parentCode": "202" + }, + { + "name": "Santiago", + "code": "20202", + "parentCode": "202" + }, + { + "name": "San Juan", + "code": "20203", + "parentCode": "202" + }, + { + "name": "Piedades Norte", + "code": "20204", + "parentCode": "202" + }, + { + "name": "Piedades Sur", + "code": "20205", + "parentCode": "202" + }, + { + "name": "San Rafael", + "code": "20206", + "parentCode": "202" + }, + { + "name": "San Isidro", + "code": "20207", + "parentCode": "202" + }, + { + "name": "Angeles", + "code": "20208", + "parentCode": "202" + }, + { + "name": "Alfaro", + "code": "20209", + "parentCode": "202" + }, + { + "name": "Volio", + "code": "20210", + "parentCode": "202" + }, + { + "name": "Concepción", + "code": "20211", + "parentCode": "202" + }, + { + "name": "Zapotal", + "code": "20212", + "parentCode": "202" + }, + { + "name": "San Isidro de Peñas Blancas", + "code": "20213", + "parentCode": "202" + }, + { + "name": "Grecia", + "code": "20301", + "parentCode": "203" + }, + { + "name": "San Isidro", + "code": "20302", + "parentCode": "203" + }, + { + "name": "San José", + "code": "20303", + "parentCode": "203" + }, + { + "name": "San Roque", + "code": "20304", + "parentCode": "203" + }, + { + "name": "Tacares", + "code": "20305", + "parentCode": "203" + }, + { + "name": "Río Cuarto", + "code": "20306", + "parentCode": "203" + }, + { + "name": "Puente Piedra", + "code": "20307", + "parentCode": "203" + }, + { + "name": "Bolívar", + "code": "20308", + "parentCode": "203" + }, + { + "name": "San Mateo", + "code": "20401", + "parentCode": "204" + }, + { + "name": "Desmonte", + "code": "20402", + "parentCode": "204" + }, + { + "name": "Jesús María", + "code": "20403", + "parentCode": "204" + }, + { + "name": "Atenas", + "code": "20501", + "parentCode": "205" + }, + { + "name": "Jesús", + "code": "20502", + "parentCode": "205" + }, + { + "name": "Mercedes", + "code": "20503", + "parentCode": "205" + }, + { + "name": "San Isidro", + "code": "20504", + "parentCode": "205" + }, + { + "name": "Concepción", + "code": "20505", + "parentCode": "205" + }, + { + "name": "San José", + "code": "20506", + "parentCode": "205" + }, + { + "name": "Santa Eulalia", + "code": "20507", + "parentCode": "205" + }, + { + "name": "Escobal", + "code": "20508", + "parentCode": "205" + }, + { + "name": "Naranjo", + "code": "20601", + "parentCode": "206" + }, + { + "name": "San Miguel", + "code": "20602", + "parentCode": "206" + }, + { + "name": "San José", + "code": "20603", + "parentCode": "206" + }, + { + "name": "Cirrí Sur", + "code": "20604", + "parentCode": "206" + }, + { + "name": "San Jerónimo", + "code": "20605", + "parentCode": "206" + }, + { + "name": "San Juan", + "code": "20606", + "parentCode": "206" + }, + { + "name": "Rosario", + "code": "20607", + "parentCode": "206" + }, + { + "name": "Palmares", + "code": "20701", + "parentCode": "207" + }, + { + "name": "Zaragoza", + "code": "20702", + "parentCode": "207" + }, + { + "name": "Buenos Aires", + "code": "20703", + "parentCode": "207" + }, + { + "name": "Santiago", + "code": "20704", + "parentCode": "207" + }, + { + "name": "Candelaria", + "code": "20705", + "parentCode": "207" + }, + { + "name": "Esquipulas", + "code": "20706", + "parentCode": "207" + }, + { + "name": "La Granja", + "code": "20707", + "parentCode": "207" + }, + { + "name": "San Pedro", + "code": "20801", + "parentCode": "208" + }, + { + "name": "San Juan", + "code": "20802", + "parentCode": "208" + }, + { + "name": "San Rafael", + "code": "20803", + "parentCode": "208" + }, + { + "name": "Carrillos", + "code": "20804", + "parentCode": "208" + }, + { + "name": "Sabana Redonda", + "code": "20805", + "parentCode": "208" + }, + { + "name": "Orotina", + "code": "20901", + "parentCode": "209" + }, + { + "name": "Mastate", + "code": "20902", + "parentCode": "209" + }, + { + "name": "Hacienda Vieja", + "code": "20903", + "parentCode": "209" + }, + { + "name": "Coyolar", + "code": "20904", + "parentCode": "209" + }, + { + "name": "Ceiba", + "code": "20905", + "parentCode": "209" + }, + { + "name": "Quesada", + "code": "21001", + "parentCode": "210" + }, + { + "name": "Florencia", + "code": "21002", + "parentCode": "210" + }, + { + "name": "Buenavista", + "code": "21003", + "parentCode": "210" + }, + { + "name": "Aguas Zarcas", + "code": "21004", + "parentCode": "210" + }, + { + "name": "Venecia", + "code": "21005", + "parentCode": "210" + }, + { + "name": "Pital", + "code": "21006", + "parentCode": "210" + }, + { + "name": "Fortuna", + "code": "21007", + "parentCode": "210" + }, + { + "name": "Tigra", + "code": "21008", + "parentCode": "210" + }, + { + "name": "Palmera", + "code": "21009", + "parentCode": "210" + }, + { + "name": "Venado", + "code": "21010", + "parentCode": "210" + }, + { + "name": "Cutris", + "code": "21011", + "parentCode": "210" + }, + { + "name": "Monterrey", + "code": "21012", + "parentCode": "210" + }, + { + "name": "Pocosol", + "code": "21013", + "parentCode": "210" + }, + { + "name": "Zarcero", + "code": "21101", + "parentCode": "211" + }, + { + "name": "Laguna", + "code": "21102", + "parentCode": "211" + }, + { + "name": "Tapezco", + "code": "21103", + "parentCode": "211" + }, + { + "name": "Guadalupe", + "code": "21104", + "parentCode": "211" + }, + { + "name": "Palmira", + "code": "21105", + "parentCode": "211" + }, + { + "name": "Zapote", + "code": "21106", + "parentCode": "211" + }, + { + "name": "Las Brisas", + "code": "21107", + "parentCode": "211" + }, + { + "name": "Sarchí Norte", + "code": "21201", + "parentCode": "212" + }, + { + "name": "Sarchí Sur", + "code": "21202", + "parentCode": "212" + }, + { + "name": "Toro Amarillo", + "code": "21203", + "parentCode": "212" + }, + { + "name": "San Pedro", + "code": "21204", + "parentCode": "212" + }, + { + "name": "Rodríguez", + "code": "21205", + "parentCode": "212" + }, + { + "name": "Upala", + "code": "21301", + "parentCode": "213" + }, + { + "name": "Aguas Claras", + "code": "21302", + "parentCode": "213" + }, + { + "name": "San José o Pizote", + "code": "21303", + "parentCode": "213" + }, + { + "name": "Bijagua", + "code": "21304", + "parentCode": "213" + }, + { + "name": "Delicias", + "code": "21305", + "parentCode": "213" + }, + { + "name": "Dos Ríos", + "code": "21306", + "parentCode": "213" + }, + { + "name": "Yolillal", + "code": "21307", + "parentCode": "213" + }, + { + "name": "Los Chiles", + "code": "21401", + "parentCode": "214" + }, + { + "name": "Caño Negro", + "code": "21402", + "parentCode": "214" + }, + { + "name": "Amparo", + "code": "21403", + "parentCode": "214" + }, + { + "name": "San Jorge", + "code": "21404", + "parentCode": "214" + }, + { + "name": "San Rafael", + "code": "21501", + "parentCode": "215" + }, + { + "name": "Buenavista", + "code": "21502", + "parentCode": "215" + }, + { + "name": "Cote", + "code": "21503", + "parentCode": "215" + }, + { + "name": "Oriental", + "code": "30101", + "parentCode": "301" + }, + { + "name": "Occidental", + "code": "30102", + "parentCode": "301" + }, + { + "name": "Carmen", + "code": "30103", + "parentCode": "301" + }, + { + "name": "San Nicolás", + "code": "30104", + "parentCode": "301" + }, + { + "name": "Aguacaliente o San Francisco", + "code": "30105", + "parentCode": "301" + }, + { + "name": "Guadalupe o Arenilla", + "code": "30106", + "parentCode": "301" + }, + { + "name": "Corralillo", + "code": "30107", + "parentCode": "301" + }, + { + "name": "Tierra Blanca", + "code": "30108", + "parentCode": "301" + }, + { + "name": "Dulce Name", + "code": "30109", + "parentCode": "301" + }, + { + "name": "Llano Grande", + "code": "30110", + "parentCode": "301" + }, + { + "name": "Quebradilla", + "code": "30111", + "parentCode": "301" + }, + { + "name": "Paraíso", + "code": "30201", + "parentCode": "302" + }, + { + "name": "Santiago", + "code": "30202", + "parentCode": "302" + }, + { + "name": "Orosi", + "code": "30203", + "parentCode": "302" + }, + { + "name": "Cachí", + "code": "30204", + "parentCode": "302" + }, + { + "name": "Los Llanos de Santa Lucía", + "code": "30205", + "parentCode": "302" + }, + { + "name": "Tres Ríos", + "code": "30301", + "parentCode": "303" + }, + { + "name": "San Diego", + "code": "30302", + "parentCode": "303" + }, + { + "name": "San Juan", + "code": "30303", + "parentCode": "303" + }, + { + "name": "San Rafael", + "code": "30304", + "parentCode": "303" + }, + { + "name": "Concepción", + "code": "30305", + "parentCode": "303" + }, + { + "name": "Dulce Name", + "code": "30306", + "parentCode": "303" + }, + { + "name": "San Ramón", + "code": "30307", + "parentCode": "303" + }, + { + "name": "Río Azul", + "code": "30308", + "parentCode": "303" + }, + { + "name": "Juan Viñas", + "code": "30401", + "parentCode": "304" + }, + { + "name": "Tucurrique", + "code": "30402", + "parentCode": "304" + }, + { + "name": "Pejibaye", + "code": "30403", + "parentCode": "304" + }, + { + "name": "Turrialba", + "code": "30501", + "parentCode": "305" + }, + { + "name": "La Suiza", + "code": "30502", + "parentCode": "305" + }, + { + "name": "Peralta", + "code": "30503", + "parentCode": "305" + }, + { + "name": "Santa Cruz", + "code": "30504", + "parentCode": "305" + }, + { + "name": "Santa Teresita", + "code": "30505", + "parentCode": "305" + }, + { + "name": "Pavones", + "code": "30506", + "parentCode": "305" + }, + { + "name": "Tuis", + "code": "30507", + "parentCode": "305" + }, + { + "name": "Tayutic", + "code": "30508", + "parentCode": "305" + }, + { + "name": "Santa Rosa", + "code": "30509", + "parentCode": "305" + }, + { + "name": "Tres Equis", + "code": "30510", + "parentCode": "305" + }, + { + "name": "La Isabel", + "code": "30511", + "parentCode": "305" + }, + { + "name": "Chirripó", + "code": "30512", + "parentCode": "305" + }, + { + "name": "Pacayas", + "code": "30601", + "parentCode": "306" + }, + { + "name": "Cervantes", + "code": "30602", + "parentCode": "306" + }, + { + "name": "Capellades", + "code": "30603", + "parentCode": "306" + }, + { + "name": "San Rafael", + "code": "30701", + "parentCode": "307" + }, + { + "name": "Cot", + "code": "30702", + "parentCode": "307" + }, + { + "name": "Potrero Cerrado", + "code": "30703", + "parentCode": "307" + }, + { + "name": "Cipreses", + "code": "30704", + "parentCode": "307" + }, + { + "name": "Santa Rosa", + "code": "30705", + "parentCode": "307" + }, + { + "name": "El Tejar", + "code": "30801", + "parentCode": "308" + }, + { + "name": "San Isidro", + "code": "30802", + "parentCode": "308" + }, + { + "name": "Tobosi", + "code": "30803", + "parentCode": "308" + }, + { + "name": "Patio de Agua", + "code": "30804", + "parentCode": "308" + }, + { + "name": "Heredia", + "code": "40101", + "parentCode": "401" + }, + { + "name": "Mercedes", + "code": "40102", + "parentCode": "401" + }, + { + "name": "San Francisco", + "code": "40103", + "parentCode": "401" + }, + { + "name": "Ulloa", + "code": "40104", + "parentCode": "401" + }, + { + "name": "Varablanca", + "code": "40105", + "parentCode": "401" + }, + { + "name": "Barva", + "code": "40201", + "parentCode": "402" + }, + { + "name": "San Pedro", + "code": "40202", + "parentCode": "402" + }, + { + "name": "San Pablo", + "code": "40203", + "parentCode": "402" + }, + { + "name": "San Roque", + "code": "40204", + "parentCode": "402" + }, + { + "name": "Santa Lucía", + "code": "40205", + "parentCode": "402" + }, + { + "name": "San José de la Montaña", + "code": "40206", + "parentCode": "402" + }, + { + "name": "Santo Domingo", + "code": "40301", + "parentCode": "403" + }, + { + "name": "San Vicente", + "code": "40302", + "parentCode": "403" + }, + { + "name": "San Miguel", + "code": "40303", + "parentCode": "403" + }, + { + "name": "Paracito", + "code": "40304", + "parentCode": "403" + }, + { + "name": "Santo Tomás", + "code": "40305", + "parentCode": "403" + }, + { + "name": "Santa Rosa", + "code": "40306", + "parentCode": "403" + }, + { + "name": "Tures", + "code": "40307", + "parentCode": "403" + }, + { + "name": "Pará", + "code": "40308", + "parentCode": "403" + }, + { + "name": "Santa Bárbara", + "code": "40401", + "parentCode": "404" + }, + { + "name": "San Pedro", + "code": "40402", + "parentCode": "404" + }, + { + "name": "San Juan", + "code": "40403", + "parentCode": "404" + }, + { + "name": "Jesús", + "code": "40404", + "parentCode": "404" + }, + { + "name": "Santo Domingo del Roble", + "code": "40405", + "parentCode": "404" + }, + { + "name": "Puraba", + "code": "40406", + "parentCode": "404" + }, + { + "name": "San Rafael", + "code": "40501", + "parentCode": "405" + }, + { + "name": "San Josecito", + "code": "40502", + "parentCode": "405" + }, + { + "name": "Santiago", + "code": "40503", + "parentCode": "405" + }, + { + "name": "Angeles", + "code": "40504", + "parentCode": "405" + }, + { + "name": "Concepción", + "code": "40505", + "parentCode": "405" + }, + { + "name": "San Isidro", + "code": "40601", + "parentCode": "406" + }, + { + "name": "San José", + "code": "40602", + "parentCode": "406" + }, + { + "name": "Concepción", + "code": "40603", + "parentCode": "406" + }, + { + "name": "San Francisco", + "code": "40604", + "parentCode": "406" + }, + { + "name": "San Antonio", + "code": "40701", + "parentCode": "407" + }, + { + "name": "La Ribera", + "code": "40702", + "parentCode": "407" + }, + { + "name": "Asunción", + "code": "40703", + "parentCode": "407" + }, + { + "name": "San Joaquín", + "code": "40801", + "parentCode": "408" + }, + { + "name": "Barrantes", + "code": "40802", + "parentCode": "408" + }, + { + "name": "Llorente", + "code": "40803", + "parentCode": "408" + }, + { + "name": "San Pablo", + "code": "40901", + "parentCode": "409" + }, + { + "name": "Puerto Viejo", + "code": "41001", + "parentCode": "410" + }, + { + "name": "La Virgen", + "code": "41002", + "parentCode": "410" + }, + { + "name": "Horquetas", + "code": "41003", + "parentCode": "410" + }, + { + "name": "Llanuras de Gaspar", + "code": "41004", + "parentCode": "410" + }, + { + "name": "Cureña", + "code": "41005", + "parentCode": "410" + }, + { + "name": "Liberia", + "code": "50101", + "parentCode": "501" + }, + { + "name": "Cañas Dulces", + "code": "50102", + "parentCode": "501" + }, + { + "name": "Mayorga", + "code": "50103", + "parentCode": "501" + }, + { + "name": "Nacascolo", + "code": "50104", + "parentCode": "501" + }, + { + "name": "Curubande", + "code": "50105", + "parentCode": "501" + }, + { + "name": "Nicoya", + "code": "50201", + "parentCode": "502" + }, + { + "name": "Mansión", + "code": "50202", + "parentCode": "502" + }, + { + "name": "San Antonio", + "code": "50203", + "parentCode": "502" + }, + { + "name": "Quebrada Honda", + "code": "50204", + "parentCode": "502" + }, + { + "name": "Sámara", + "code": "50205", + "parentCode": "502" + }, + { + "name": "Nósara", + "code": "50206", + "parentCode": "502" + }, + { + "name": "Belén de Nosarita", + "code": "50207", + "parentCode": "502" + }, + { + "name": "Santa Cruz", + "code": "50301", + "parentCode": "503" + }, + { + "name": "Bolsón", + "code": "50302", + "parentCode": "503" + }, + { + "name": "Veintisiete de Abril", + "code": "50303", + "parentCode": "503" + }, + { + "name": "Tempate", + "code": "50304", + "parentCode": "503" + }, + { + "name": "Cartagena", + "code": "50305", + "parentCode": "503" + }, + { + "name": "Cuajiniquil", + "code": "50306", + "parentCode": "503" + }, + { + "name": "Diriá", + "code": "50307", + "parentCode": "503" + }, + { + "name": "Cabo Velas", + "code": "50308", + "parentCode": "503" + }, + { + "name": "Tamarindo", + "code": "50309", + "parentCode": "503" + }, + { + "name": "Bagaces", + "code": "50401", + "parentCode": "504" + }, + { + "name": "Fortuna", + "code": "50402", + "parentCode": "504" + }, + { + "name": "Mogote", + "code": "50403", + "parentCode": "504" + }, + { + "name": "Río Naranjo", + "code": "50404", + "parentCode": "504" + }, + { + "name": "Filadelfia", + "code": "50501", + "parentCode": "505" + }, + { + "name": "Palmira", + "code": "50502", + "parentCode": "505" + }, + { + "name": "Sardinal", + "code": "50503", + "parentCode": "505" + }, + { + "name": "Belén", + "code": "50504", + "parentCode": "505" + }, + { + "name": "Cañas", + "code": "50601", + "parentCode": "506" + }, + { + "name": "Palmira", + "code": "50602", + "parentCode": "506" + }, + { + "name": "San Miguel", + "code": "50603", + "parentCode": "506" + }, + { + "name": "Bebedero", + "code": "50604", + "parentCode": "506" + }, + { + "name": "Porozal", + "code": "50605", + "parentCode": "506" + }, + { + "name": "Juntas", + "code": "50701", + "parentCode": "507" + }, + { + "name": "Sierra", + "code": "50702", + "parentCode": "507" + }, + { + "name": "San Juan", + "code": "50703", + "parentCode": "507" + }, + { + "name": "Colorado", + "code": "50704", + "parentCode": "507" + }, + { + "name": "Tilarán", + "code": "50801", + "parentCode": "508" + }, + { + "name": "Quebrada Grande", + "code": "50802", + "parentCode": "508" + }, + { + "name": "Tronadora", + "code": "50803", + "parentCode": "508" + }, + { + "name": "Santa Rosa", + "code": "50804", + "parentCode": "508" + }, + { + "name": "Líbano", + "code": "50805", + "parentCode": "508" + }, + { + "name": "Tierras Morenas", + "code": "50806", + "parentCode": "508" + }, + { + "name": "Arenal", + "code": "50807", + "parentCode": "508" + }, + { + "name": "Carmona", + "code": "50901", + "parentCode": "509" + }, + { + "name": "Santa Rita", + "code": "50902", + "parentCode": "509" + }, + { + "name": "Zapotal", + "code": "50903", + "parentCode": "509" + }, + { + "name": "San Pablo", + "code": "50904", + "parentCode": "509" + }, + { + "name": "Porvenir", + "code": "50905", + "parentCode": "509" + }, + { + "name": "Bejuco", + "code": "50906", + "parentCode": "509" + }, + { + "name": "La Cruz", + "code": "51001", + "parentCode": "510" + }, + { + "name": "Santa Cecilia", + "code": "51002", + "parentCode": "510" + }, + { + "name": "Garita", + "code": "51003", + "parentCode": "510" + }, + { + "name": "Santa Elena", + "code": "51004", + "parentCode": "510" + }, + { + "name": "Hojancha", + "code": "51101", + "parentCode": "511" + }, + { + "name": "Monte Romo", + "code": "51102", + "parentCode": "511" + }, + { + "name": "Puerto Carrillo", + "code": "51103", + "parentCode": "511" + }, + { + "name": "Huacas", + "code": "51104", + "parentCode": "511" + }, + { + "name": "Puntarenas", + "code": "60101", + "parentCode": "601" + }, + { + "name": "Pitahaya", + "code": "60102", + "parentCode": "601" + }, + { + "name": "Chomes", + "code": "60103", + "parentCode": "601" + }, + { + "name": "Lepanto", + "code": "60104", + "parentCode": "601" + }, + { + "name": "Paquera", + "code": "60105", + "parentCode": "601" + }, + { + "name": "Manzanillo", + "code": "60106", + "parentCode": "601" + }, + { + "name": "Guacimal", + "code": "60107", + "parentCode": "601" + }, + { + "name": "Barranca", + "code": "60108", + "parentCode": "601" + }, + { + "name": "Monte Verde", + "code": "60109", + "parentCode": "601" + }, + { + "name": "Isla del Coco", + "code": "60110", + "parentCode": "601" + }, + { + "name": "Cóbano", + "code": "60111", + "parentCode": "601" + }, + { + "name": "Chacarita", + "code": "60112", + "parentCode": "601" + }, + { + "name": "Chira", + "code": "60113", + "parentCode": "601" + }, + { + "name": "Acapulco", + "code": "60114", + "parentCode": "601" + }, + { + "name": "Roble", + "code": "60115", + "parentCode": "601" + }, + { + "name": "Arancibia", + "code": "60116", + "parentCode": "601" + }, + { + "name": "Espíritu Santo", + "code": "60201", + "parentCode": "602" + }, + { + "name": "San Juan Grande", + "code": "60202", + "parentCode": "602" + }, + { + "name": "Macacona", + "code": "60203", + "parentCode": "602" + }, + { + "name": "San Rafael", + "code": "60204", + "parentCode": "602" + }, + { + "name": "San Jerónimo", + "code": "60205", + "parentCode": "602" + }, + { + "name": "Buenos Aires", + "code": "60301", + "parentCode": "603" + }, + { + "name": "Volcán", + "code": "60302", + "parentCode": "603" + }, + { + "name": "Potrero Grande", + "code": "60303", + "parentCode": "603" + }, + { + "name": "Boruca", + "code": "60304", + "parentCode": "603" + }, + { + "name": "Pilas", + "code": "60305", + "parentCode": "603" + }, + { + "name": "Colinas o Bajo de Maíz", + "code": "60306", + "parentCode": "603" + }, + { + "name": "Chánguena", + "code": "60307", + "parentCode": "603" + }, + { + "name": "Bioley", + "code": "60308", + "parentCode": "603" + }, + { + "name": "Brunka", + "code": "60309", + "parentCode": "603" + }, + { + "name": "Miramar", + "code": "60401", + "parentCode": "604" + }, + { + "name": "Unión", + "code": "60402", + "parentCode": "604" + }, + { + "name": "San Isidro", + "code": "60403", + "parentCode": "604" + }, + { + "name": "Puerto Cortés", + "code": "60501", + "parentCode": "605" + }, + { + "name": "Palmar", + "code": "60502", + "parentCode": "605" + }, + { + "name": "Sierpe", + "code": "60503", + "parentCode": "605" + }, + { + "name": "Bahía Ballena", + "code": "60504", + "parentCode": "605" + }, + { + "name": "Piedras Blancas", + "code": "60505", + "parentCode": "605" + }, + { + "name": "Quepos", + "code": "60601", + "parentCode": "606" + }, + { + "name": "Savegre", + "code": "60602", + "parentCode": "606" + }, + { + "name": "Naranjito", + "code": "60603", + "parentCode": "606" + }, + { + "name": "Golfito", + "code": "60701", + "parentCode": "607" + }, + { + "name": "Puerto Jiménez", + "code": "60702", + "parentCode": "607" + }, + { + "name": "Guaycará", + "code": "60703", + "parentCode": "607" + }, + { + "name": "Pavon", + "code": "60704", + "parentCode": "607" + }, + { + "name": "San Vito", + "code": "60801", + "parentCode": "608" + }, + { + "name": "Sabalito", + "code": "60802", + "parentCode": "608" + }, + { + "name": "Agua Buena", + "code": "60803", + "parentCode": "608" + }, + { + "name": "Limoncito", + "code": "60804", + "parentCode": "608" + }, + { + "name": "Pittier", + "code": "60805", + "parentCode": "608" + }, + { + "name": "Parrita", + "code": "60901", + "parentCode": "609" + }, + { + "name": "Corredor", + "code": "61001", + "parentCode": "610" + }, + { + "name": "La Cuesta", + "code": "61002", + "parentCode": "610" + }, + { + "name": "Paso Canoas", + "code": "61003", + "parentCode": "610" + }, + { + "name": "Laurel", + "code": "61004", + "parentCode": "610" + }, + { + "name": "Jacó", + "code": "61101", + "parentCode": "611" + }, + { + "name": "Tárcoles", + "code": "61102", + "parentCode": "611" + }, + { + "name": "Limón", + "code": "70101", + "parentCode": "701" + }, + { + "name": "Valle La Estrella", + "code": "70102", + "parentCode": "701" + }, + { + "name": "Río Blanco", + "code": "70103", + "parentCode": "701" + }, + { + "name": "Matama", + "code": "70104", + "parentCode": "701" + }, + { + "name": "Guápiles", + "code": "70201", + "parentCode": "702" + }, + { + "name": "Jiménez", + "code": "70202", + "parentCode": "702" + }, + { + "name": "Rita", + "code": "70203", + "parentCode": "702" + }, + { + "name": "Roxana", + "code": "70204", + "parentCode": "702" + }, + { + "name": "Cariari", + "code": "70205", + "parentCode": "702" + }, + { + "name": "Colorado", + "code": "70206", + "parentCode": "702" + }, + { + "name": "Siquirres", + "code": "70301", + "parentCode": "703" + }, + { + "name": "Pacuarito", + "code": "70302", + "parentCode": "703" + }, + { + "name": "Florida", + "code": "70303", + "parentCode": "703" + }, + { + "name": "Germania", + "code": "70304", + "parentCode": "703" + }, + { + "name": "Cairo", + "code": "70305", + "parentCode": "703" + }, + { + "name": "Alegría", + "code": "70306", + "parentCode": "703" + }, + { + "name": "Bratsi", + "code": "70401", + "parentCode": "704" + }, + { + "name": "Sixaola", + "code": "70402", + "parentCode": "704" + }, + { + "name": "Cahuita", + "code": "70403", + "parentCode": "704" + }, + { + "name": "Telire", + "code": "70404", + "parentCode": "704" + }, + { + "name": "Matina", + "code": "70501", + "parentCode": "705" + }, + { + "name": "Batán", + "code": "70502", + "parentCode": "705" + }, + { + "name": "Carrandí", + "code": "70503", + "parentCode": "705" + }, + { + "name": "Guácimo", + "code": "70601", + "parentCode": "706" + }, + { + "name": "Mercedes", + "code": "70602", + "parentCode": "706" + }, + { + "name": "Pocora", + "code": "70603", + "parentCode": "706" + }, + { + "name": "Río Jiménez", + "code": "70604", + "parentCode": "706" + }, + { + "name": "Duacarí", + "code": "70605", + "parentCode": "706" + } + ] \ No newline at end of file diff --git a/web-ui/web-react/public/assets/demo/data/provincias.json b/web-ui/web-react/public/assets/demo/data/provincias.json new file mode 100644 index 00000000..5674d7c1 --- /dev/null +++ b/web-ui/web-react/public/assets/demo/data/provincias.json @@ -0,0 +1,30 @@ +[ + { + "name":"San José", + "code":"1" + }, + { + "name":"Alajuela", + "code":"2" + }, + { + "name":"Cartago", + "code":"3" + }, + { + "name":"Heredia", + "code":"4" + }, + { + "name":"Guanacaste", + "code":"5" + }, + { + "name":"Puntarenas", + "code":"6" + }, + { + "name":"Limón", + "code":"7" + } + ] \ No newline at end of file diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Bold.woff b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Bold.woff new file mode 100644 index 00000000..eaf3d4bf Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Bold.woff differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Bold.woff2 b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Bold.woff2 new file mode 100644 index 00000000..2846f29c Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Bold.woff2 differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Light.woff b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Light.woff new file mode 100644 index 00000000..c496464d Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Light.woff differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Light.woff2 b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Light.woff2 new file mode 100644 index 00000000..bc4be665 Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Light.woff2 differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Medium.woff b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Medium.woff new file mode 100644 index 00000000..d546843f Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Medium.woff differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Medium.woff2 b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Medium.woff2 new file mode 100644 index 00000000..f92498a2 Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Medium.woff2 differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Regular.woff b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Regular.woff new file mode 100644 index 00000000..62d3a618 Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Regular.woff differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Regular.woff2 b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Regular.woff2 new file mode 100644 index 00000000..6c2b6893 Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-Regular.woff2 differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-SemiBold.woff b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-SemiBold.woff new file mode 100644 index 00000000..a815f43a Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-SemiBold.woff differ diff --git a/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-SemiBold.woff2 b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-SemiBold.woff2 new file mode 100644 index 00000000..611e90c9 Binary files /dev/null and b/web-ui/web-react/public/assets/themes/khaki/fonts/Inter-SemiBold.woff2 differ diff --git a/web-ui/web-react/public/assets/themes/khaki/theme.css b/web-ui/web-react/public/assets/themes/khaki/theme.css new file mode 100644 index 00000000..08d350a6 --- /dev/null +++ b/web-ui/web-react/public/assets/themes/khaki/theme.css @@ -0,0 +1,7120 @@ +:root { + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #D7A86E; + --primary-color-text: #ffffff; + --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #ffd9ac; + --maskbg: rgba(0, 0, 0, 0.4); +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +* { + box-sizing: border-box; +} + +.p-icon-input-khaki { + border-top-right-radius: 0!important; + border-bottom-right-radius: 0!important; + border-color: #C08135; +} + +.p-component { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, +.p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #e24c4c; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + border-radius: 6px; +} + +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + + to { + background-color: var(--maskbg); + } +} + +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + + to { + background-color: transparent; + } +} + +:root { + --blue-50: #f5f9ff; + --blue-100: #d0e1fd; + --blue-200: #abc9fb; + --blue-300: #85b2f9; + --blue-400: #609af8; + --blue-500: #3b82f6; + --blue-600: #326fd1; + --blue-700: #295bac; + --blue-800: #204887; + --blue-900: #183462; + --green-50: #f4fcf7; + --green-100: #caf1d8; + --green-200: #a0e6ba; + --green-300: #76db9b; + --green-400: #4cd07d; + --green-500: #22c55e; + --green-600: #1da750; + --green-700: #188a42; + --green-800: #136c34; + --green-900: #0e4f26; + --yellow-50: #fefbf3; + --yellow-100: #faedc4; + --yellow-200: #f6de95; + --yellow-300: #f2d066; + --yellow-400: #eec137; + --yellow-500: #eab308; + --yellow-600: #c79807; + --yellow-700: #a47d06; + --yellow-800: #816204; + --yellow-900: #5e4803; + --cyan-50: #f3fbfd; + --cyan-100: #c3edf5; + --cyan-200: #94e0ed; + --cyan-300: #65d2e4; + --cyan-400: #35c4dc; + --cyan-500: #06b6d4; + --cyan-600: #059bb4; + --cyan-700: #047f94; + --cyan-800: #036475; + --cyan-900: #024955; + --pink-50: #fef6fa; + --pink-100: #fad3e7; + --pink-200: #f7b0d3; + --pink-300: #f38ec0; + --pink-400: #f06bac; + --pink-500: #ec4899; + --pink-600: #c93d82; + --pink-700: #a5326b; + --pink-800: #822854; + --pink-900: #5e1d3d; + --indigo-50: #f7f7fe; + --indigo-100: #dadafc; + --indigo-200: #bcbdf9; + --indigo-300: #9ea0f6; + --indigo-400: #8183f4; + --indigo-500: #6366f1; + --indigo-600: #5457cd; + --indigo-700: #4547a9; + --indigo-800: #363885; + --indigo-900: #282960; + --teal-50: #f3fbfb; + --teal-100: #c7eeea; + --teal-200: #9ae0d9; + --teal-300: #6dd3c8; + --teal-400: #41c5b7; + --teal-500: #14b8a6; + --teal-600: #119c8d; + --teal-700: #0e8174; + --teal-800: #0b655b; + --teal-900: #084a42; + --orange-50: #fff8f3; + --orange-100: #feddc7; + --orange-200: #fcc39b; + --orange-300: #fba86f; + --orange-400: #fa8e42; + --orange-500: #f97316; + --orange-600: #d46213; + --orange-700: #ae510f; + --orange-800: #893f0c; + --orange-900: #642e09; + --bluegray-50: #f7f8f9; + --bluegray-100: #dadee3; + --bluegray-200: #bcc3cd; + --bluegray-300: #9fa9b7; + --bluegray-400: #818ea1; + --bluegray-500: #64748b; + --bluegray-600: #556376; + --bluegray-700: #465161; + --bluegray-800: #37404c; + --bluegray-900: #282e38; + --purple-50: #fbf7ff; + --purple-100: #ead6fd; + --purple-200: #dab6fc; + --purple-300: #c996fa; + --purple-400: #b975f9; + --purple-500: #a855f7; + --purple-600: #8f48d2; + --purple-700: #763cad; + --purple-800: #5c2f88; + --purple-900: #432263; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} + +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} + +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #D7A86E; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} + +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #EEF2FF; + color: #C08135; + border-radius: 6px; +} + +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +.p-autocomplete.p-invalid.p-component>.p-inputtext { + border-color: #e24c4c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} + +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} + +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +.p-calendar.p-invalid.p-component>.p-inputtext { + border-color: #e24c4c; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} + +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} + +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} + +.p-datepicker .p-datepicker-header .p-datepicker-title select { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} + +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} + +.p-datepicker table th { + padding: 0.5rem; +} + +.p-datepicker table th>span { + width: 2.5rem; + height: 2.5rem; +} + +.p-datepicker table td { + padding: 0.5rem; +} + +.p-datepicker table td>span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} + +.p-datepicker table td>span.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-datepicker table td>span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-datepicker table td.p-datepicker-today>span { + background: #ced4da; + color: #495057; + border-color: transparent; +} + +.p-datepicker table td.p-datepicker-today>span.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} + +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} + +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} + +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-datepicker .p-timepicker button:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} + +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} + +.p-datepicker .p-timepicker>div { + padding: 0 0.5rem; +} + +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} + +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} + +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} + +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} + +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; +} + +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} + +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} + +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} + +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +@media screen and (max-width: 769px) { + + .p-datepicker table th, + .p-datepicker table td { + padding: 0; + } +} + +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} + +.p-cascadeselect:not(.p-disabled):hover { + border-color: #D7A86E; +} + +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} + +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} + +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} + +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} + +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} + +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +.p-input-filled .p-cascadeselect { + background: #e9ecef; +} + +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} + +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +.p-checkbox { + width: 22px; + height: 22px; +} + +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} + +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #D7A86E; + background: #D7A86E; +} + +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + border-color: #C08135; + background: #C08135; + color: #ffffff; +} + +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #D7A86E; +} + +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #C08135; + background: #C08135; + color: #ffffff; +} + +.p-checkbox.p-invalid>.p-checkbox-box { + border-color: #e24c4c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #e9ecef; +} + +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #D7A86E; +} + +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #e9ecef; +} + +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #C08135; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; +} + +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #D7A86E; +} + +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #EEF2FF; + color: #C08135; + border-radius: 6px; +} + +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} + +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +.p-chips.p-invalid.p-component>.p-inputtext { + border-color: #e24c4c; +} + +.p-colorpicker-preview { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border-color: #191919; +} + +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} + +.p-dropdown:not(.p-disabled):hover { + border-color: #D7A86E; +} + +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} + +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} + +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} + +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} + +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-dropdown.p-invalid.p-component { + border-color: #e24c4c; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} + +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6c757d; +} + +.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { + padding-right: 3.5rem; + margin-right: -3.5rem; +} + +.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon { + right: 2.5rem; +} + +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} + +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + + + +.p-input-filled .p-dropdown { + background: #e9ecef; +} + +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #e9ecef; +} + +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} + +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} + +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} + +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} + +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} + +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} + +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #D7A86E; +} + +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #D7A86E; +} + +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #D7A86E; +} + +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #D7A86E; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} + +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup>.p-component, +.p-inputgroup>.p-inputwrapper>.p-inputtext, +.p-inputgroup>.p-float-label>.p-component { + border-radius: 0; + margin: 0; +} + +.p-inputgroup>.p-component+.p-inputgroup-addon, +.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon, +.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon { + border-left: 0 none; +} + +.p-inputgroup>.p-component:focus, +.p-inputgroup>.p-inputwrapper>.p-inputtext:focus, +.p-inputgroup>.p-float-label>.p-component:focus { + z-index: 1; +} + +.p-inputgroup>.p-component:focus~label, +.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label, +.p-inputgroup>.p-float-label>.p-component:focus~label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup>.p-inputwrapper:first-child, +.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup>.p-inputwrapper:last-child, +.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} + +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +.p-inputnumber.p-invalid.p-component>.p-inputtext { + border-color: #e24c4c; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} + +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} + +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} + +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} + +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} + +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #D7A86E; +} + +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} + +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #C08135; +} + +.p-inputswitch.p-invalid { + border-color: #e24c4c; +} + +.p-inputtext { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} + +.p-inputtext:enabled:hover { + border-color: #D7A86E; +} + +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-inputtext.p-invalid.p-component { + border-color: #e24c4c; +} + +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label>label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label>label.p-error { + color: #e24c4c; +} + +.p-input-icon-left>i:first-of-type, +.p-input-icon-left>svg:first-of-type, +.p-input-icon-left>.p-input-prefix { + left: 0.75rem; + color: #6c757d; +} + +.p-input-icon-left>.p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label>label { + left: 2.5rem; +} + +.p-input-icon-right>i:last-of-type, +.p-input-icon-right>svg:last-of-type, +.p-input-icon-right>.p-input-suffix { + right: 0.75rem; + color: #6c757d; +} + +.p-input-icon-right>.p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #e9ecef; +} + +.p-input-filled .p-inputtext:enabled:hover { + background-color: #e9ecef; +} + +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} + +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} + +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6c757d; +} + +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} + +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +.p-listbox.p-invalid { + border-color: #e24c4c; +} + +.p-mention-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-mention-panel .p-mention-items { + padding: 0.75rem 0; +} + +.p-mention-panel .p-mention-items .p-mention-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-mention-panel .p-mention-items .p-mention-item:hover { + color: #495057; + background: #e9ecef; +} + +.p-mention-panel .p-mention-items .p-mention-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} + +.p-multiselect:not(.p-disabled):hover { + border-color: #D7A86E; +} + +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-multiselect.p-multiselect-clearable .p-multiselect-label { + padding-right: 1.75rem; +} + +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} + +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #EEF2FF; + color: #C08135; + border-radius: 6px; +} + +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} + +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-multiselect .p-multiselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-multiselect.p-invalid.p-component { + border-color: #e24c4c; +} + +.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label { + padding: 0.75rem 0.75rem; +} + +.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label { + padding-right: 1.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container { + margin: 0 0.5rem; +} + +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} + +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} + +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-multiselect { + background: #e9ecef; +} + +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #e9ecef; +} + +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +.p-password.p-invalid.p-component>.p-inputtext { + border-color: #e24c4c; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} + +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; +} + +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; +} + +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} + +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #D7A86E; +} + +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} + +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #D7A86E; + background: #D7A86E; +} + +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #C08135; + background: #C08135; + color: #ffffff; +} + +.p-radiobutton.p-invalid>.p-radiobutton-box { + border-color: #e24c4c; +} + +.p-radiobutton:focus { + outline: 0 none; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #e9ecef; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #e9ecef; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #D7A86E; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #C08135; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} + +.p-rating .p-rating-icon.p-rating-cancel { + color: #ea5455; +} + +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} + +.p-rating .p-rating-icon.pi-star-fill { + color: #D7A86E; +} + +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #D7A86E; +} + +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #e73d3e; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} + +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} + +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} + +.p-selectbutton .p-button.p-highlight { + background: #D7A86E; + border-color: #D7A86E; + color: #ffffff; +} + +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} + +.p-selectbutton .p-button.p-highlight:hover { + background: #C08135; + border-color: #C08135; + color: #ffffff; +} + +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +.p-selectbutton.p-invalid>.p-button { + border-color: #e24c4c; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 6px; +} + +.p-slider.p-slider-horizontal { + height: 0.286rem; +} + +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} + +.p-slider.p-slider-vertical { + width: 0.286rem; +} + +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} + +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #D7A86E; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-slider .p-slider-range { + background: #D7A86E; +} + +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #D7A86E; + border-color: #D7A86E; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} + +.p-treeselect:not(.p-disabled):hover { + border-color: #D7A86E; +} + +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: #D7A86E; +} + +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} + +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} + +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-treeselect.p-invalid.p-component { + border-color: #e24c4c; +} + +.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} + +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #e9ecef; +} + +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} + +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} + +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} + +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} + +.p-togglebutton.p-button.p-highlight { + background: #D7A86E; + border-color: #D7A86E; + color: #ffffff; +} + +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} + +.p-togglebutton.p-button.p-highlight:hover { + background: #C08135; + border-color: #C08135; + color: #ffffff; +} + +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +.p-togglebutton.p-button.p-invalid>.p-button { + border-color: #e24c4c; +} + +.p-button { + color: #ffffff; + background: #D7A86E; + border: 1px solid #D7A86E; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} + +.p-button:enabled:hover, +.p-button:not(button):not(a):not(.p-disabled):hover { + background: #C08135; + color: #ffffff; + border-color: #C08135; +} + +.p-button:enabled:active, +.p-button:not(button):not(a):not(.p-disabled):active { + background: #C08135; + color: #ffffff; + border-color: #C08135; +} + +.p-button.p-button-outlined { + background-color: transparent; + color: #D7A86E; + border: 1px solid; +} + +.p-button.p-button-outlined:enabled:hover, +.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #D7A86E; + border: 1px solid; +} + +.p-button.p-button-outlined:enabled:active, +.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #D7A86E; + border: 1px solid; +} + +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} + +.p-button.p-button-outlined.p-button-plain:enabled:hover, +.p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} + +.p-button.p-button-outlined.p-button-plain:enabled:active, +.p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} + +.p-button.p-button-text { + background-color: transparent; + color: #D7A86E; + border-color: transparent; +} + +.p-button.p-button-text:enabled:hover, +.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #D7A86E; + border-color: transparent; +} + +.p-button.p-button-text:enabled:active, +.p-button.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #D7A86E; + border-color: transparent; +} + +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} + +.p-button.p-button-text.p-button-plain:enabled:hover, +.p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} + +.p-button.p-button-text.p-button-plain:enabled:active, +.p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} + +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} + +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} + +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} + +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} + +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #D7A86E; + background-color: #ffffff; +} + +.p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.p-button.p-button-rounded { + border-radius: 2rem; +} + +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} + +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} + +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} + +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} + +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} + +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} + +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} + +.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label { + margin-left: 0.5rem; +} + +.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label { + margin-right: 0.5rem; +} + +.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label { + margin-top: 0.5rem; +} + +.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label { + margin-bottom: 0.5rem; +} + +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin: 0; +} + +.p-fluid .p-button { + width: 100%; +} + +.p-fluid .p-button-icon-only { + width: 3rem; +} + +.p-fluid .p-buttonset { + display: flex; +} + +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, +.p-buttonset.p-button-secondary>.p-button, +.p-splitbutton.p-button-secondary>.p-button, +.p-fileupload-choose.p-button-secondary { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; +} + +.p-button.p-button-secondary:enabled:hover, +.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-secondary>.p-button:enabled:hover, +.p-buttonset.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-secondary>.p-button:enabled:hover, +.p-splitbutton.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-secondary:enabled:hover, +.p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover { + background: #475569; + color: #ffffff; + border-color: #475569; +} + +.p-button.p-button-secondary:enabled:focus, +.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, +.p-buttonset.p-button-secondary>.p-button:enabled:focus, +.p-buttonset.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-splitbutton.p-button-secondary>.p-button:enabled:focus, +.p-splitbutton.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-fileupload-choose.p-button-secondary:enabled:focus, +.p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; +} + +.p-button.p-button-secondary:enabled:active, +.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-secondary>.p-button:enabled:active, +.p-buttonset.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-secondary>.p-button:enabled:active, +.p-splitbutton.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-secondary:enabled:active, +.p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; +} + +.p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary>.p-button.p-button-outlined, +.p-splitbutton.p-button-secondary>.p-button.p-button-outlined, +.p-fileupload-choose.p-button-secondary.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; +} + +.p-button.p-button-secondary.p-button-outlined:enabled:hover, +.p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:hover, +.p-buttonset.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, +.p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; +} + +.p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, +.p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; +} + +.p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary>.p-button.p-button-text, +.p-splitbutton.p-button-secondary>.p-button.p-button-text, +.p-fileupload-choose.p-button-secondary.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; +} + +.p-button.p-button-secondary.p-button-text:enabled:hover, +.p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:hover, +.p-buttonset.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, +.p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-secondary.p-button-text:enabled:active, +.p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, +.p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-info, +.p-buttonset.p-button-info>.p-button, +.p-splitbutton.p-button-info>.p-button, +.p-fileupload-choose.p-button-info { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} + +.p-button.p-button-info:enabled:hover, +.p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-info>.p-button:enabled:hover, +.p-buttonset.p-button-info>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-info>.p-button:enabled:hover, +.p-splitbutton.p-button-info>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-info:enabled:hover, +.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} + +.p-button.p-button-info:enabled:focus, +.p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, +.p-buttonset.p-button-info>.p-button:enabled:focus, +.p-buttonset.p-button-info>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-splitbutton.p-button-info>.p-button:enabled:focus, +.p-splitbutton.p-button-info>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-fileupload-choose.p-button-info:enabled:focus, +.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-button.p-button-info:enabled:active, +.p-button.p-button-info:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-info>.p-button:enabled:active, +.p-buttonset.p-button-info>.p-button:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-info>.p-button:enabled:active, +.p-splitbutton.p-button-info>.p-button:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-info:enabled:active, +.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} + +.p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info>.p-button.p-button-outlined, +.p-splitbutton.p-button-info>.p-button.p-button-outlined, +.p-fileupload-choose.p-button-info.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} + +.p-button.p-button-info.p-button-outlined:enabled:hover, +.p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:hover, +.p-buttonset.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, +.p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} + +.p-button.p-button-info.p-button-outlined:enabled:active, +.p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:active, +.p-buttonset.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, +.p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} + +.p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info>.p-button.p-button-text, +.p-splitbutton.p-button-info>.p-button.p-button-text, +.p-fileupload-choose.p-button-info.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} + +.p-button.p-button-info.p-button-text:enabled:hover, +.p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-info>.p-button.p-button-text:enabled:hover, +.p-buttonset.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-info>.p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-info.p-button-text:enabled:hover, +.p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-info.p-button-text:enabled:active, +.p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-info>.p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-info>.p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-info.p-button-text:enabled:active, +.p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-success, +.p-buttonset.p-button-success>.p-button, +.p-splitbutton.p-button-success>.p-button, +.p-fileupload-choose.p-button-success { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; +} + +.p-button.p-button-success:enabled:hover, +.p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-success>.p-button:enabled:hover, +.p-buttonset.p-button-success>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-success>.p-button:enabled:hover, +.p-splitbutton.p-button-success>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-success:enabled:hover, +.p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} + +.p-button.p-button-success:enabled:focus, +.p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, +.p-buttonset.p-button-success>.p-button:enabled:focus, +.p-buttonset.p-button-success>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-splitbutton.p-button-success>.p-button:enabled:focus, +.p-splitbutton.p-button-success>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-fileupload-choose.p-button-success:enabled:focus, +.p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; +} + +.p-button.p-button-success:enabled:active, +.p-button.p-button-success:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-success>.p-button:enabled:active, +.p-buttonset.p-button-success>.p-button:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-success>.p-button:enabled:active, +.p-splitbutton.p-button-success>.p-button:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-success:enabled:active, +.p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active { + background: #15803D; + color: #ffffff; + border-color: #15803D; +} + +.p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success>.p-button.p-button-outlined, +.p-splitbutton.p-button-success>.p-button.p-button-outlined, +.p-fileupload-choose.p-button-success.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} + +.p-button.p-button-success.p-button-outlined:enabled:hover, +.p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:hover, +.p-buttonset.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, +.p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; +} + +.p-button.p-button-success.p-button-outlined:enabled:active, +.p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:active, +.p-buttonset.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, +.p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; +} + +.p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success>.p-button.p-button-text, +.p-splitbutton.p-button-success>.p-button.p-button-text, +.p-fileupload-choose.p-button-success.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} + +.p-button.p-button-success.p-button-text:enabled:hover, +.p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-success>.p-button.p-button-text:enabled:hover, +.p-buttonset.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-success>.p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-success.p-button-text:enabled:hover, +.p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-success.p-button-text:enabled:active, +.p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-success>.p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-success>.p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-success.p-button-text:enabled:active, +.p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-warning, +.p-buttonset.p-button-warning>.p-button, +.p-splitbutton.p-button-warning>.p-button, +.p-fileupload-choose.p-button-warning { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; +} + +.p-button.p-button-warning:enabled:hover, +.p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-warning>.p-button:enabled:hover, +.p-buttonset.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-warning>.p-button:enabled:hover, +.p-splitbutton.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-warning:enabled:hover, +.p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} + +.p-button.p-button-warning:enabled:focus, +.p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, +.p-buttonset.p-button-warning>.p-button:enabled:focus, +.p-buttonset.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-splitbutton.p-button-warning>.p-button:enabled:focus, +.p-splitbutton.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-fileupload-choose.p-button-warning:enabled:focus, +.p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus { + box-shadow: 0 0 0 0.2rem #FDE68A; +} + +.p-button.p-button-warning:enabled:active, +.p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-warning>.p-button:enabled:active, +.p-buttonset.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-warning>.p-button:enabled:active, +.p-splitbutton.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-warning:enabled:active, +.p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active { + background: #B45309; + color: #ffffff; + border-color: #B45309; +} + +.p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning>.p-button.p-button-outlined, +.p-splitbutton.p-button-warning>.p-button.p-button-outlined, +.p-fileupload-choose.p-button-warning.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} + +.p-button.p-button-warning.p-button-outlined:enabled:hover, +.p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:hover, +.p-buttonset.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, +.p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; +} + +.p-button.p-button-warning.p-button-outlined:enabled:active, +.p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, +.p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; +} + +.p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning>.p-button.p-button-text, +.p-splitbutton.p-button-warning>.p-button.p-button-text, +.p-fileupload-choose.p-button-warning.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} + +.p-button.p-button-warning.p-button-text:enabled:hover, +.p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-warning>.p-button.p-button-text:enabled:hover, +.p-buttonset.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, +.p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-warning.p-button-text:enabled:active, +.p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-warning>.p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-warning.p-button-text:enabled:active, +.p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-help, +.p-buttonset.p-button-help>.p-button, +.p-splitbutton.p-button-help>.p-button, +.p-fileupload-choose.p-button-help { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; +} + +.p-button.p-button-help:enabled:hover, +.p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-help>.p-button:enabled:hover, +.p-buttonset.p-button-help>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-help>.p-button:enabled:hover, +.p-splitbutton.p-button-help>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-help:enabled:hover, +.p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} + +.p-button.p-button-help:enabled:focus, +.p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, +.p-buttonset.p-button-help>.p-button:enabled:focus, +.p-buttonset.p-button-help>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-splitbutton.p-button-help>.p-button:enabled:focus, +.p-splitbutton.p-button-help>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-fileupload-choose.p-button-help:enabled:focus, +.p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; +} + +.p-button.p-button-help:enabled:active, +.p-button.p-button-help:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-help>.p-button:enabled:active, +.p-buttonset.p-button-help>.p-button:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-help>.p-button:enabled:active, +.p-splitbutton.p-button-help>.p-button:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-help:enabled:active, +.p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; +} + +.p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help>.p-button.p-button-outlined, +.p-splitbutton.p-button-help>.p-button.p-button-outlined, +.p-fileupload-choose.p-button-help.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} + +.p-button.p-button-help.p-button-outlined:enabled:hover, +.p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:hover, +.p-buttonset.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, +.p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; +} + +.p-button.p-button-help.p-button-outlined:enabled:active, +.p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:active, +.p-buttonset.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, +.p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; +} + +.p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help>.p-button.p-button-text, +.p-splitbutton.p-button-help>.p-button.p-button-text, +.p-fileupload-choose.p-button-help.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} + +.p-button.p-button-help.p-button-text:enabled:hover, +.p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-help>.p-button.p-button-text:enabled:hover, +.p-buttonset.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-help>.p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-help.p-button-text:enabled:hover, +.p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-help.p-button-text:enabled:active, +.p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-help>.p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-help>.p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-help.p-button-text:enabled:active, +.p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-danger, +.p-buttonset.p-button-danger>.p-button, +.p-splitbutton.p-button-danger>.p-button, +.p-fileupload-choose.p-button-danger { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; +} + +.p-button.p-button-danger:enabled:hover, +.p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-danger>.p-button:enabled:hover, +.p-buttonset.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-danger>.p-button:enabled:hover, +.p-splitbutton.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-danger:enabled:hover, +.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} + +.p-button.p-button-danger:enabled:focus, +.p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, +.p-buttonset.p-button-danger>.p-button:enabled:focus, +.p-buttonset.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-splitbutton.p-button-danger>.p-button:enabled:focus, +.p-splitbutton.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):focus, +.p-fileupload-choose.p-button-danger:enabled:focus, +.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus { + box-shadow: 0 0 0 0.2rem #FECACA; +} + +.p-button.p-button-danger:enabled:active, +.p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-danger>.p-button:enabled:active, +.p-buttonset.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-danger>.p-button:enabled:active, +.p-splitbutton.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-danger:enabled:active, +.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; +} + +.p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger>.p-button.p-button-outlined, +.p-splitbutton.p-button-danger>.p-button.p-button-outlined, +.p-fileupload-choose.p-button-danger.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} + +.p-button.p-button-danger.p-button-outlined:enabled:hover, +.p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:hover, +.p-buttonset.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, +.p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; +} + +.p-button.p-button-danger.p-button-outlined:enabled:active, +.p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, +.p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; +} + +.p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger>.p-button.p-button-text, +.p-splitbutton.p-button-danger>.p-button.p-button-text, +.p-fileupload-choose.p-button-danger.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} + +.p-button.p-button-danger.p-button-text:enabled:hover, +.p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-buttonset.p-button-danger>.p-button.p-button-text:enabled:hover, +.p-buttonset.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, +.p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, +.p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-danger.p-button-text:enabled:active, +.p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-buttonset.p-button-danger>.p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active, +.p-fileupload-choose.p-button-danger.p-button-text:enabled:active, +.p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-link { + color: #C08135; + background: transparent; + border: transparent; +} + +.p-button.p-button-link:enabled:hover, +.p-button.p-button-link:not(button):not(a):not(.p-disabled):hover { + background: transparent; + color: #C08135; + border-color: transparent; +} + +.p-button.p-button-link:enabled:hover .p-button-label, +.p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label { + text-decoration: underline; +} + +.p-button.p-button-link:enabled:focus, +.p-button.p-button-link:not(button):not(a):not(.p-disabled):focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #ffd9ac; + border-color: transparent; +} + +.p-button.p-button-link:enabled:active, +.p-button.p-button-link:not(button):not(a):not(.p-disabled):active { + background: transparent; + color: #C08135; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} + +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} + +.p-speeddial-action:hover { + background: #022354; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem; +} + +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem; +} + +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} + +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} + +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} + +.p-speeddial-circle .p-speeddial-item:first-child, +.p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} + +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-carousel .p-carousel-indicators { + padding: 1rem; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #ced4da; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #adb5bd; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #C08135; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} + +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} + +.p-datatable .p-datatable-thead>tr>th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} + +.p-datatable .p-datatable-tfoot>tr>td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} + +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} + +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #C08135; + background: #EEF2FF; + margin-left: 0.5rem; +} + +.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { + background: #e9ecef; + color: #343a40; +} + +.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { + color: #343a40; +} + +.p-datatable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #C08135; +} + +.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { + background: #EEF2FF; + color: #C08135; +} + +.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { + color: #C08135; +} + +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #ffd9ac; + outline: 0 none; +} + +.p-datatable .p-datatable-tbody>tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; + outline-color: #ffd9ac; +} + +.p-datatable .p-datatable-tbody>tr>td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + outline-color: #ffd9ac; +} + +.p-datatable .p-datatable-tbody>tr>td .p-row-toggler, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save { + margin-right: 0.5rem; +} + +.p-datatable .p-datatable-tbody>tr>td>.p-column-title { + font-weight: 700; +} + +.p-datatable .p-datatable-tbody>tr>td.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-datatable .p-datatable-tbody>tr.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td { + box-shadow: inset 0 2px 0 0 #EEF2FF; +} + +.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; +} + +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { + background: #e9ecef; + color: #495057; +} + +.p-datatable .p-column-resizer-helper { + background: #D7A86E; +} + +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} + +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} + +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} + +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} + +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} + +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} + +.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th { + border-width: 1px 1px 1px 1px; +} + +.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td { + border-width: 1px; +} + +.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td { + border-width: 1px; +} + +.p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd { + background: #fcfcfc; +} + +.p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight .p-row-toggler { + color: #C08135; +} + +.p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight .p-row-toggler:hover { + color: #C08135; +} + +.p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd+.p-row-expanded { + background: #fcfcfc; +} + +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} + +.p-datatable.p-datatable-sm .p-datatable-thead>tr>th { + padding: 0.5rem 0.5rem; +} + +.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td { + padding: 0.5rem 0.5rem; +} + +.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td { + padding: 0.5rem 0.5rem; +} + +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} + +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} + +.p-datatable.p-datatable-lg .p-datatable-thead>tr>th { + padding: 1.25rem 1.25rem; +} + +.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td { + padding: 1.25rem 1.25rem; +} + +.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td { + padding: 1.25rem 1.25rem; +} + +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-datatable-drag-selection-helper { + background: rgba(99, 102, 241, 0.16); +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} + +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} + +.p-dataview.p-dataview-list .p-dataview-content>.p-grid>div { + border: solid #dee2e6; + border-width: 0 0 1px 0; +} + +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} + +.p-datascroller .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-datascroller .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-datascroller .p-datascroller-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} + +.p-datascroller .p-datascroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} + +.p-datascroller.p-datascroller-inline .p-datascroller-list>li { + border: solid #dee2e6; + border-width: 0 0 1px 0; +} + +.p-datascroller .p-datascroller-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-column-filter-menu-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-column-filter-menu-button.p-column-filter-menu-button-open, +.p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #343a40; +} + +.p-column-filter-menu-button.p-column-filter-menu-button-active, +.p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #C08135; +} + +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-column-filter-clear-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; +} + +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} + +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} + +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} + +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} + +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} + +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} + +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} + +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} + +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #343a40; +} + +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + border: 1px solid #dee2e6; + color: #495057; +} + +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} + +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} + +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} + +.fc.fc-unthemed .fc-view-container .fc-event { + background: #C08135; + border: 1px solid #C08135; + color: #ffffff; +} + +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} + +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #D7A86E; + border: 1px solid #D7A86E; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} + +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #C08135; + color: #ffffff; + border-color: #C08135; +} + +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #C08135; + color: #ffffff; + border-color: #C08135; +} + +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} + +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} + +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} + +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} + +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} + +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #D7A86E; + border-color: #D7A86E; + color: #ffffff; +} + +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #C08135; + border-color: #C08135; + color: #ffffff; +} + +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + z-index: 1; +} + +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} + +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} + +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; +} + +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} + +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} + +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #C08135; + border-color: #C08135; +} + +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} + +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #C08135; + border-color: #C08135; +} + +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} + +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #D7A86E; + border: 1px solid #D7A86E; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #C08135; + color: #ffffff; + border-color: #C08135; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #C08135; + color: #ffffff; + border-color: #C08135; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #D7A86E; + border: 1px solid #D7A86E; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #D7A86E; + border-color: #D7A86E; + color: #ffffff; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #C08135; + border-color: #C08135; + color: #ffffff; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + z-index: 1; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.fc.fc-theme-standard .fc-highlight { + color: #C08135; + background: #EEF2FF; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} + +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} + +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + font-weight: 700; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: transform 0.2s, box-shadow 0.2s; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +@media screen and (max-width: 769px) { + .p-orderlist { + flex-direction: column; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + flex-direction: row; + } + + .p-orderlist .p-orderlist-controls .p-button { + margin-right: 0.5rem; + margin-bottom: 0; + } + + .p-orderlist .p-orderlist-controls .p-button:last-child { + margin-right: 0; + } +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} + +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; +} + +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} + +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} + +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} + +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; +} + +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} + +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; +} + +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} + +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} + +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} + +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} + +.p-paginator .p-dropdown { + margin-left: 0.5rem; + height: 3rem; +} + +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} + +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} + +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} + +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} + +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} + +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #C08135; +} + +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} + +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} + +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + font-weight: 700; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: transform 0.2s, box-shadow 0.2s; +} + +.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #C08135; + background: #EEF2FF; +} + +@media screen and (max-width: 769px) { + .p-picklist { + flex-direction: column; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + flex-direction: row; + } + + .p-picklist .p-picklist-buttons .p-button { + margin-right: 0.5rem; + margin-bottom: 0; + } + + .p-picklist .p-picklist-buttons .p-button:last-child { + margin-right: 0; + } + + .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before { + content: "\e930"; + } + + .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before { + content: "\e92c"; + } + + .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before { + content: "\e933"; + } + + .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before { + content: "\e92f"; + } +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; + border-radius: 6px; +} + +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #C08135; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #C08135; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} + +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} + +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} + +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6c757d; +} + +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} + +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} + +.p-tree .p-treenode-droppoint { + height: 0.5rem; +} + +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background: #8ba7ff; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} + +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} + +.p-treetable .p-treetable-thead>tr>th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} + +.p-treetable .p-treetable-tfoot>tr>td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} + +.p-treetable .p-sortable-column { + outline-color: #ffd9ac; +} + +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} + +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #C08135; + background: #EEF2FF; + margin-left: 0.5rem; +} + +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} + +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} + +.p-treetable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #C08135; +} + +.p-treetable .p-treetable-tbody>tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; + outline-color: #ffd9ac; +} + +.p-treetable .p-treetable-tbody>tr>td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} + +.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} + +.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler+.p-checkbox { + margin-right: 0.5rem; +} + +.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler+.p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} + +.p-treetable .p-treetable-tbody>tr.p-highlight { + background: #EEF2FF; + color: #C08135; +} + +.p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler { + color: #C08135; +} + +.p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler:hover { + color: #C08135; +} + +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} + +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} + +.p-treetable .p-column-resizer-helper { + background: #D7A86E; +} + +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} + +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} + +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} + +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} + +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} + +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} + +.p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th { + border-width: 1px; +} + +.p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td { + border-width: 1px; +} + +.p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td { + border-width: 1px; +} + +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} + +.p-treetable.p-treetable-sm .p-treetable-thead>tr>th { + padding: 0.5rem 0.5rem; +} + +.p-treetable.p-treetable-sm .p-treetable-tbody>tr>td { + padding: 0.5rem 0.5rem; +} + +.p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td { + padding: 0.5rem 0.5rem; +} + +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} + +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} + +.p-treetable.p-treetable-lg .p-treetable-thead>tr>th { + padding: 1.25rem 1.25rem; +} + +.p-treetable.p-treetable-lg .p-treetable-tbody>tr>td { + padding: 1.25rem 1.25rem; +} + +.p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td { + padding: 1.25rem 1.25rem; +} + +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #D7A86E; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} + +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} + +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} + +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} + +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} + +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} + +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} + +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} + +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-accordion .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #495057; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.p-card .p-card-body { + padding: 1.25rem; +} + +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} + +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} + +.p-card .p-card-content { + padding: 1.25rem 0; +} + +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 6px; +} + +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; +} + +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #343a40; + border-radius: 6px; + transition: box-shadow 0.2s; +} + +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} + +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} + +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} + +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} + +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} + +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} + +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} + +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} + +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} + +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} + +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} + +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 6px; + color: #495057; +} + +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} + +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} + +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} + +.p-tabview .p-tabview-nav li { + margin-right: 0; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffd9ac; +} + +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} + +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #D7A86E; + color: #D7A86E; +} + +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} + +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #D7A86E; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffd9ac; +} + +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-radius: 6px; +} + +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} + +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} + +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.25rem 1.25rem 1.25rem; +} + +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} + +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} + +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} + +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} + +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} + +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} + +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} + +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; +} + +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #343a40; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} + +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} + +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} + +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} + +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} + +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} + +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} + +.p-overlaypanel .p-overlaypanel-close { + background: #D7A86E; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} + +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #C08135; + color: #ffffff; +} + +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} + +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} + +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} + +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} + +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} + +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} + +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-sidebar .p-sidebar-header+.p-sidebar-content { + padding-top: 0; +} + +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} + +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} + +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} + +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} + +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-fileupload .p-progressbar { + height: 0.25rem; +} + +.p-fileupload .p-fileupload-row>div { + padding: 1rem 1rem; +} + +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 6px; + padding: 1rem; +} + +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} + +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} + +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} + +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} + +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; +} + +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link { + background: #EEF2FF; +} + +.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text { + color: #C08135; +} + +.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon { + color: #C08135; +} + +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} + +.p-dock .p-dock-item { + padding: 0.5rem; +} + +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} + +.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, +.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} + +.p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, +.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} + +.p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, +.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} + +.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, +.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} + +.p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, +.p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} + +.p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, +.p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + + .p-dock.p-dock-top .p-dock-list-container, + .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, + .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + + .p-dock.p-dock-left .p-dock-list-container, + .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, + .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} + +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link, +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover { + background: #EEF2FF; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #C08135; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #C08135; +} + +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #C08135; +} + +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} + +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link { + background: #EEF2FF; +} + +.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text { + color: #C08135; +} + +.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon { + color: #C08135; +} + +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} + +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} + +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link, +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover { + background: #EEF2FF; +} + +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #C08135; +} + +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #C08135; +} + +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #C08135; +} + +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; +} + +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} + +.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link { + background: #EEF2FF; +} + +.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text { + color: #C08135; +} + +.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon { + color: #C08135; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; + } + + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + + .p-menubar .p-menubar-root-list>.p-menuitem { + width: 100%; + position: static; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text { + color: #495057; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; + } + + .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + + .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link>.p-submenu-icon { + transform: rotate(-180deg); + } + + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-link>.p-submenu-icon { + transform: rotate(-90deg); + } + + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} + +.p-panelmenu .p-panelmenu-header>a { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} + +.p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon { + margin-right: 0.5rem; +} + +.p-panelmenu .p-panelmenu-header>a .p-menuitem-icon { + margin-right: 0.5rem; +} + +.p-panelmenu .p-panelmenu-header>a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled)>a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} + +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} + +.p-panelmenu .p-panelmenu-header.p-highlight>a { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled)>a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} + +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} + +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} + +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} + +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link { + background: #EEF2FF; +} + +.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-text { + color: #C08135; +} + +.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-icon, +.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-icon { + color: #C08135; +} + +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} + +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #495057; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} + +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} + +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} + +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #C08135; +} + +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #495057; +} + +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} + +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} + +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} + +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} + +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffd9ac; +} + +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} + +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #D7A86E; + color: #D7A86E; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} + +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} + +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} + +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} + +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} + +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} + +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} + +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} + +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} + +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffd9ac; +} + +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link { + background: #EEF2FF; +} + +.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text { + color: #C08135; +} + +.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon { + color: #C08135; +} + +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} + +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0px; + color: #696cff; +} + +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} + +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; +} + +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} + +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0px; + color: #cc8925; +} + +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} + +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0px; + color: #ff5757; +} + +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} + +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} + +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} + +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} + +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} + +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} + +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} + +.p-message.p-message-info .p-message-icon { + color: #696cff; +} + +.p-message.p-message-info .p-message-close { + color: #696cff; +} + +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} + +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} + +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} + +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} + +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} + +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} + +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} + +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} + +.p-message.p-message-error .p-message-close { + color: #ff5757; +} + +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} + +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} + +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} + +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} + +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} + +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} + +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} + +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} + +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} + +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} + +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} + +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} + +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} + +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} + +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} + +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} + +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} + +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} + +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} + +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} + +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} + +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #ced4da; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #adb5bd; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #C08135; +} + +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, +.p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} + +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, +.p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} + +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} + +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} + +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} + +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #C08135; +} + +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} + +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} + +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} + +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; +} + +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover>.p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} + +.p-image-action.p-link:last-child { + margin-right: 0; +} + +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} + +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 6px; +} + +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} + +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} + +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} + +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.75rem; +} + +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} + +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} + +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} + +.p-chip .p-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-left: 0.5rem; +} + +.p-chip .p-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} + +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} + +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #dee2e6; + border-radius: 6px; +} + +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #D7A86E; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} + +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} + +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} + +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} + +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} + +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} + +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffd9ac; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 6px; +} + +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #D7A86E; +} + +.p-progressbar .p-progressbar-label { + color: #495057; + line-height: 1.5rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1.25rem; +} + +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +.p-badge { + background: #D7A86E; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} + +.p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; +} + +.p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; +} + +.p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; +} + +.p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; +} + +.p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; +} + +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} + +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-tag { + background: #D7A86E; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} + +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} + +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} + +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} + +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} + +.p-virtualscroller-loading-icon { + font-size: 2rem; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #D7A86E; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #D7A86E; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #D7A86E; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; +} + +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; +} + +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; +} + +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +} + +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; +} + +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; +} + +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +} \ No newline at end of file diff --git a/web-ui/web-react/public/index.html b/web-ui/web-react/public/index.html index 94d7a824..72e2d161 100644 --- a/web-ui/web-react/public/index.html +++ b/web-ui/web-react/public/index.html @@ -9,7 +9,7 @@ - + diff --git a/web-ui/web-react/src/AppConfig.js b/web-ui/web-react/src/AppConfig.js index ceb14209..bc0bdb95 100644 --- a/web-ui/web-react/src/AppConfig.js +++ b/web-ui/web-react/src/AppConfig.js @@ -2,14 +2,14 @@ import React, { useCallback, useEffect, useRef, useState } from 'react'; import { RadioButton } from 'primereact/radiobutton'; import { InputSwitch } from 'primereact/inputswitch'; import classNames from 'classnames'; -import {Button} from "primereact/button"; +import { Button } from "primereact/button"; export const AppConfig = (props) => { const [active, setActive] = useState(false); const [scale, setScale] = useState(14); - const [scales] = useState([12,13,14,15,16]); - const [theme, setTheme] = useState('lara-light-indigo'); + const [scales] = useState([12, 13, 14, 15, 16]); + const [theme, setTheme] = useState('khaki'); const config = useRef(null); let outsideClickListener = useRef(null); @@ -96,14 +96,14 @@ export const AppConfig = (props) => { } }); } - },[]) + }, []) useEffect(() => { let themeElement = document.getElementById('theme-link'); const themeHref = 'assets/themes/' + theme + '/theme.css'; replaceLink(themeElement, themeHref); - },[theme,replaceLink]) + }, [theme, replaceLink]) const isIE = () => { return /(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent) @@ -119,7 +119,7 @@ export const AppConfig = (props) => { -
@@ -189,22 +189,27 @@ export const AppConfig = (props) => {
+
+
+
@@ -213,22 +218,22 @@ export const AppConfig = (props) => {
@@ -237,7 +242,7 @@ export const AppConfig = (props) => {
@@ -246,51 +251,56 @@ export const AppConfig = (props) => {
PrimeOne Design - 2022
+
+ +
@@ -299,62 +309,62 @@ export const AppConfig = (props) => {
diff --git a/web-ui/web-react/src/components/ComunidadViviendas.js b/web-ui/web-react/src/components/ComunidadViviendas.js index 54ceef00..c1e91666 100644 --- a/web-ui/web-react/src/components/ComunidadViviendas.js +++ b/web-ui/web-react/src/components/ComunidadViviendas.js @@ -1,47 +1,346 @@ -import React, { useEffect, useState } from 'react'; +import React, { useEffect, useState, useRef } from 'react'; import { InputText } from 'primereact/inputtext'; import { Button } from 'primereact/button'; import { DataTable } from 'primereact/datatable'; import { Column } from 'primereact/column'; +import { Dropdown } from 'primereact/dropdown'; +import { Toast } from 'primereact/toast'; +import classNames from 'classnames'; const Communities = () => { - const [communitiesList, setCommunitiesList] = useState([]); - const [housesList, setHousesList] = useState([]); + let emptyCommunity = { + name: '', + province: provinciaId, + canton: cantonId, + district: districtId, + phone: '', + num_houses: 0, + status: 'activo', + date_entry: new Date(), + houses: [], + }; + + + const [communitiesList, setCommunitiesList] = useState([]); + const [community, setCommunity] = useState(emptyCommunity); + + const [housesList, setHousesList] = useState([]); + const [provincesList, setProvincesList] = useState([]); + const [provinciaId, setProvinciaId] = useState(null); + const [cantonsList, setCantonsList] = useState([]); + const [cantonId, setCantonId] = useState(null); + const [districtsList, setDistrictsList] = useState([]); + const [districtId, setDistrictId] = useState(null); + const [codeHouses, setCodeHouses] = useState(null); + const [submitted, setSubmitted] = useState(false); + const toast = useRef(null); + const dt = useRef(null); + + + + const p = provincesList.map((item) => ({ + label: item.name, + value: item.code + })) + + + const c = cantonsList.map((item) => ({ + label: item.name, + value: item.code, + parent: item.parentCode + })) + + const d = districtsList.map((item) => ({ + label: item.name, + value: item.code, + parent: item.parentCode + })) + + + + + + useEffect(() => { + fillProvinces(); + + }, []) + + useEffect(() => { + fillCantons(); + }, [provinciaId]) + + useEffect(() => { + fillDistricts(); + }, [cantonId]) + + async function getProvinces() { + const response = await fetch('assets/demo/data/provincias.json', { method: 'GET' }); + return await response.json(); + } + + async function fillProvinces() { + const getP = await getProvinces(); + setProvincesList(await getP); + } + + async function getCantons() { + const response = await fetch('assets/demo/data/cantones.json', { method: 'GET' }); + return await response.json(); + } + + async function fillCantons() { + const resJson = await getCantons(); + const cantones = await resJson.filter(function (i, n) { + return i.parentCode === provinciaId; + }); + setCantonsList(await cantones); + } + + async function getDistricts() { + const response = await fetch('assets/demo/data/distritos.json', { method: 'GET' }); + return await response.json(); + } + + async function fillDistricts() { + const resJson = await getDistricts(); + const districts = await resJson.filter(function (i, n) { + return i.parentCode === cantonId; + }); + setDistrictsList(await districts); + } + + const handleProvinces = (event) => { + const getprovinciaId = event.target.value; + setProvinciaId(getprovinciaId); + } + + const handleCanton = (event) => { + const getCantonId = event.target.value; + setCantonId(getCantonId); + } + + const handleDistrict = (event) => { + const getDistrictId = event.target.value; + setDistrictId(getDistrictId); + } + + + const handleCodeHouses = (event) => { + const getcodehouse = event.target.value; + setCodeHouses(getcodehouse); + } async function getCommunites() { let response = await fetch('http://localhost:4000/community/allCommunities', { method: 'GET' }); - let list = await response.json(); - setCommunitiesList(list.message); + let resJson = await response.json(); + let pList = await getProvinces(); + let cList = await getCantons(); + let dList = await getDistricts(); + await resJson.message.map((item) => { + item.province = pList.find(p => p.code === item.province).name + item.canton = cList.find(p => p.code === item.canton).name + item.district = dList.find(p => p.code === item.district).name + }) + setCommunitiesList(await resJson.message); } - + useEffect(() => { getCommunites(); + }, []) + const saveCommunity = () => { + setSubmitted(true); + + + if (community.name.trim()) { + let _communities = [...communitiesList]; + let _community = { ...community }; + _community.province = provinciaId; + _community.canton = cantonId; + _community.district = districtId; + + + + for (let i = 0; i < _community.num_houses; i++){ + _community.houses.push({ + number_house: codeHouses + (i+1), + }) + } + // console.log(houses) + fetch('http://localhost:4000/community/createCommunity', { + cache: 'no-cache', + method: 'POST', + body: JSON.stringify(_community), + headers: { + 'Content-Type': 'application/json' + } + }) + .then( + function (response) { + if (response.status != 201) + console.log('Ocurrió un error con el servicio: ' + response.status); + else + return response.json(); + } + ) + .then(() => { + + _community.province = provincesList.find(p => p.code === _community.province).name + _community.canton = cantonsList.find(p => p.code === _community.canton).name + _community.district = districtsList.find(p => p.code === _community.district).name + + _communities.push(_community); + toast.current.show({ severity: 'success', summary: 'Registro exitoso', detail: 'Comunidad de vivienda Creada', life: 3000 }); + + setCommunitiesList(_communities); + + + setProvinciaId(''); + setCantonId(''); + setDistrictId(''); + setCodeHouses(''); + + setCommunity(emptyCommunity); + }) + .catch( + err => console.log('Ocurrió un error con el fetch', err) + ); + + + } + + } + + const onInputChange = (e, name) => { + const val = (e.target && e.target.value) || ''; + let _community = { ...community }; + _community[`${name}`] = val; + + setCommunity(_community); + } + return (
Comunidades de Viviendas
- + + -
-
+
+
+ - -) +
Registro de comunidad de viviendas
+
+
+ +
+
+ + + + onInputChange(e, 'name')} required autoFocus className={classNames( submitted && community.name==='' ? 'p-invalid' : '' )} /> +
+ {submitted && community.name==='' && Nombre es requirido.} +
+
+
+ +
+
+ + + + +
+ {submitted && !provinciaId && Provincia es requirido.} +
+
+
+ +
+
+ + + + +
+ {submitted && !cantonId && Cantón es requirido.} +
+
+
+ +
+
+ + + + +
+ {submitted && !districtId && Distrito es requirido.} +
+
+
+ +
+
+ + + + onInputChange(e, 'phone')} required autoFocus className={classNames({ 'p-invalid': submitted && community.phone==='' } )} /> +
+ {submitted && community.phone==='' && Número de teléfono es requirido.} +
+
+
+ +
+
+ + + + onInputChange(e, 'num_houses')} required autoFocus className={classNames({ 'p-invalid': submitted && community.num_houses < 1 } )} /> +
+ {submitted && community.num_houses < 1 && Número de viviendas es requirido y debe ser mayor que 0.} +
+
+
+ +
+
+ + + + +
+ {submitted && !codeHouses && El código para las viviendas es requirido.} +
+
+
+ + +
+
+
+
+ + + + ) } export default React.memo(Communities); \ No newline at end of file