説明なし

theme-light.css 205KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800
  1. @charset "UTF-8";
  2. :root {
  3. --surface-a:#ffffff;
  4. --surface-b:#fafafa;
  5. --surface-c:rgba(0,0,0,.04);
  6. --surface-d:rgba(0,0,0,.12);
  7. --surface-e:#ffffff;
  8. --surface-f:#ffffff;
  9. --text-color:rgba(0, 0, 0, 0.87);
  10. --text-color-secondary:rgba(0, 0, 0, 0.6);
  11. --primary-color:#FFB300;
  12. --primary-color-text:#212121;
  13. --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  14. --surface-0: #ffffff;
  15. --surface-50: #FAFAFA;
  16. --surface-100: #F5F5F5;
  17. --surface-200: #EEEEEE;
  18. --surface-300: #E0E0E0;
  19. --surface-400: #BDBDBD;
  20. --surface-500: #9E9E9E;
  21. --surface-600: #757575;
  22. --surface-700: #616161;
  23. --surface-800: #424242;
  24. --surface-900: #212121;
  25. --gray-50: #FAFAFA;
  26. --gray-100: #F5F5F5;
  27. --gray-200: #EEEEEE;
  28. --gray-300: #E0E0E0;
  29. --gray-400: #BDBDBD;
  30. --gray-500: #9E9E9E;
  31. --gray-600: #757575;
  32. --gray-700: #616161;
  33. --gray-800: #424242;
  34. --gray-900: #212121;
  35. --content-padding:1rem;
  36. --inline-spacing:0.5rem;
  37. --border-radius:4px;
  38. --surface-ground:#fafafa;
  39. --surface-section:#ffffff;
  40. --surface-card:#ffffff;
  41. --surface-overlay:#ffffff;
  42. --surface-border:#rgba(0,0,0,.12);
  43. --surface-hover:rgba(0,0,0,.04);
  44. --maskbg: rgba(0, 0, 0, 0.32);
  45. --focus-ring: none;
  46. }
  47. /* Add your variable customizations of theme here */
  48. * {
  49. box-sizing: border-box;
  50. }
  51. .p-component {
  52. font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  53. font-size: 1rem;
  54. font-weight: normal;
  55. }
  56. .p-component-overlay {
  57. background-color: rgba(0, 0, 0, 0.32);
  58. transition-duration: 0.2s;
  59. }
  60. .p-disabled, .p-component:disabled {
  61. opacity: 0.38;
  62. }
  63. .p-error {
  64. color: #B00020;
  65. }
  66. .p-text-secondary {
  67. color: rgba(0, 0, 0, 0.6);
  68. }
  69. .pi {
  70. font-size: 1rem;
  71. }
  72. .p-link {
  73. font-size: 1rem;
  74. font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  75. border-radius: 4px;
  76. }
  77. .p-link:focus {
  78. outline: 0 none;
  79. outline-offset: 0;
  80. box-shadow: none;
  81. }
  82. .p-component-overlay-enter {
  83. animation: p-component-overlay-enter-animation 150ms forwards;
  84. }
  85. .p-component-overlay-leave {
  86. animation: p-component-overlay-leave-animation 150ms forwards;
  87. }
  88. @keyframes p-component-overlay-enter-animation {
  89. from {
  90. background-color: transparent;
  91. }
  92. to {
  93. background-color: var(--maskbg);
  94. }
  95. }
  96. @keyframes p-component-overlay-leave-animation {
  97. from {
  98. background-color: var(--maskbg);
  99. }
  100. to {
  101. background-color: transparent;
  102. }
  103. }
  104. :root {
  105. --blue-50:#f4fafe;
  106. --blue-100:#cae6fc;
  107. --blue-200:#a0d2fa;
  108. --blue-300:#75bef8;
  109. --blue-400:#4baaf5;
  110. --blue-500:#2196f3;
  111. --blue-600:#1c80cf;
  112. --blue-700:#1769aa;
  113. --blue-800:#125386;
  114. --blue-900:#0d3c61;
  115. --green-50:#f7faf5;
  116. --green-100:#dbe8cf;
  117. --green-200:#bed6a9;
  118. --green-300:#a1c384;
  119. --green-400:#85b15e;
  120. --green-500:#689f38;
  121. --green-600:#588730;
  122. --green-700:#496f27;
  123. --green-800:#39571f;
  124. --green-900:#2a4016;
  125. --yellow-50:#fffcf5;
  126. --yellow-100:#fef0cd;
  127. --yellow-200:#fde4a5;
  128. --yellow-300:#fdd87d;
  129. --yellow-400:#fccc55;
  130. --yellow-500:#fbc02d;
  131. --yellow-600:#d5a326;
  132. --yellow-700:#b08620;
  133. --yellow-800:#8a6a19;
  134. --yellow-900:#644d12;
  135. --cyan-50:#f2fcfd;
  136. --cyan-100:#c2eff5;
  137. --cyan-200:#91e2ed;
  138. --cyan-300:#61d5e4;
  139. --cyan-400:#30c9dc;
  140. --cyan-500:#00bcd4;
  141. --cyan-600:#00a0b4;
  142. --cyan-700:#008494;
  143. --cyan-800:#006775;
  144. --cyan-900:#004b55;
  145. --pink-50:#fef4f7;
  146. --pink-100:#fac9da;
  147. --pink-200:#f69ebc;
  148. --pink-300:#f1749e;
  149. --pink-400:#ed4981;
  150. --pink-500:#e91e63;
  151. --pink-600:#c61a54;
  152. --pink-700:#a31545;
  153. --pink-800:#801136;
  154. --pink-900:#5d0c28;
  155. --indigo-50:#f6f7fc;
  156. --indigo-100:#d5d9ef;
  157. --indigo-200:#b3bae2;
  158. --indigo-300:#919cd5;
  159. --indigo-400:#707dc8;
  160. --indigo-500:#4e5fbb;
  161. --indigo-600:#42519f;
  162. --indigo-700:#374383;
  163. --indigo-800:#2b3467;
  164. --indigo-900:#1f264b;
  165. --teal-50:#f2faf9;
  166. --teal-100:#c2e6e2;
  167. --teal-200:#91d2cc;
  168. --teal-300:#61beb5;
  169. --teal-400:#30aa9f;
  170. --teal-500:#009688;
  171. --teal-600:#008074;
  172. --teal-700:#00695f;
  173. --teal-800:#00534b;
  174. --teal-900:#003c36;
  175. --orange-50:#fffaf2;
  176. --orange-100:#ffe6c2;
  177. --orange-200:#ffd391;
  178. --orange-300:#ffbf61;
  179. --orange-400:#ffac30;
  180. --orange-500:#ff9800;
  181. --orange-600:#d98100;
  182. --orange-700:#b36a00;
  183. --orange-800:#8c5400;
  184. --orange-900:#663d00;
  185. --bluegray-50:#f7f9f9;
  186. --bluegray-100:#d9e0e3;
  187. --bluegray-200:#bbc7cd;
  188. --bluegray-300:#9caeb7;
  189. --bluegray-400:#7e96a1;
  190. --bluegray-500:#607d8b;
  191. --bluegray-600:#526a76;
  192. --bluegray-700:#435861;
  193. --bluegray-800:#35454c;
  194. --bluegray-900:#263238;
  195. --purple-50:#faf4fb;
  196. --purple-100:#e7cbec;
  197. --purple-200:#d4a2dd;
  198. --purple-300:#c279ce;
  199. --purple-400:#af50bf;
  200. --purple-500:#9c27b0;
  201. --purple-600:#852196;
  202. --purple-700:#6d1b7b;
  203. --purple-800:#561561;
  204. --purple-900:#3e1046;
  205. }
  206. .p-autocomplete .p-autocomplete-loader {
  207. right: 0.75rem;
  208. }
  209. .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  210. right: 3.5rem;
  211. }
  212. .p-autocomplete .p-autocomplete-multiple-container {
  213. padding: 0.375rem 0.75rem;
  214. }
  215. .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  216. border-color: rgba(0, 0, 0, 0.87);
  217. }
  218. .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  219. outline: 0 none;
  220. outline-offset: 0;
  221. box-shadow: none;
  222. border-color: #FFB300;
  223. }
  224. .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  225. padding: 0.375rem 0;
  226. }
  227. .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
  228. font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  229. font-size: 1rem;
  230. color: rgba(0, 0, 0, 0.87);
  231. padding: 0;
  232. margin: 0;
  233. }
  234. .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  235. padding: 0.375rem 0.75rem;
  236. margin-right: 0.5rem;
  237. background: rgba(255, 179, 0, 0.12);
  238. color: #FFB300;
  239. border-radius: 4px;
  240. }
  241. .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  242. margin-left: 0.5rem;
  243. }
  244. p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  245. border-color: #B00020;
  246. }
  247. .p-autocomplete-panel {
  248. background: #ffffff;
  249. color: rgba(0, 0, 0, 0.87);
  250. border: 0 none;
  251. border-radius: 4px;
  252. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  253. }
  254. .p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
  255. padding: 0;
  256. }
  257. .p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
  258. padding: 0;
  259. }
  260. .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  261. margin: 0;
  262. padding: 0.75rem 0.75rem;
  263. border: 0 none;
  264. color: rgba(0, 0, 0, 0.87);
  265. background: transparent;
  266. transition: none;
  267. border-radius: 0;
  268. }
  269. .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  270. color: rgba(0, 0, 0, 0.87);
  271. background: rgba(0, 0, 0, 0.04);
  272. }
  273. .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  274. color: #FFB300;
  275. background: rgba(255, 179, 0, 0.12);
  276. }
  277. .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  278. padding: 0.75rem 0.75rem;
  279. color: rgba(0, 0, 0, 0.87);
  280. background: transparent;
  281. }
  282. .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  283. margin: 0;
  284. padding: 0.75rem;
  285. color: rgba(0, 0, 0, 0.6);
  286. background: #ffffff;
  287. font-weight: 400;
  288. }
  289. p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  290. border-color: #B00020;
  291. }
  292. .p-datepicker {
  293. padding: 0.5rem;
  294. background: #ffffff;
  295. color: rgba(0, 0, 0, 0.87);
  296. border: 1px solid rgba(0, 0, 0, 0.38);
  297. border-radius: 4px;
  298. }
  299. .p-datepicker:not(.p-datepicker-inline) {
  300. background: #ffffff;
  301. border: 0 none;
  302. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  303. }
  304. .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  305. background: #ffffff;
  306. }
  307. .p-datepicker .p-datepicker-header {
  308. padding: 0.5rem;
  309. color: rgba(0, 0, 0, 0.87);
  310. background: #ffffff;
  311. font-weight: 500;
  312. margin: 0;
  313. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  314. border-top-right-radius: 4px;
  315. border-top-left-radius: 4px;
  316. }
  317. .p-datepicker .p-datepicker-header .p-datepicker-prev,
  318. .p-datepicker .p-datepicker-header .p-datepicker-next {
  319. width: 2rem;
  320. height: 2rem;
  321. color: rgba(0, 0, 0, 0.6);
  322. border: 0 none;
  323. background: transparent;
  324. border-radius: 50%;
  325. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  326. }
  327. .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  328. .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  329. color: rgba(0, 0, 0, 0.6);
  330. border-color: transparent;
  331. background: rgba(0, 0, 0, 0.04);
  332. }
  333. .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
  334. .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  335. outline: 0 none;
  336. outline-offset: 0;
  337. box-shadow: none;
  338. }
  339. .p-datepicker .p-datepicker-header .p-datepicker-title {
  340. line-height: 2rem;
  341. }
  342. .p-datepicker .p-datepicker-header .p-datepicker-title select {
  343. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  344. }
  345. .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  346. outline: 0 none;
  347. outline-offset: 0;
  348. box-shadow: none;
  349. border-color: #FFB300;
  350. }
  351. .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  352. margin-right: 0.5rem;
  353. }
  354. .p-datepicker table {
  355. font-size: 1rem;
  356. margin: 0.5rem 0;
  357. }
  358. .p-datepicker table th {
  359. padding: 0.5rem;
  360. }
  361. .p-datepicker table th > span {
  362. width: 2.25rem;
  363. height: 2.25rem;
  364. }
  365. .p-datepicker table td {
  366. padding: 0.5rem;
  367. }
  368. .p-datepicker table td > span {
  369. width: 2.25rem;
  370. height: 2.25rem;
  371. border-radius: 50%;
  372. transition: none;
  373. border: 1px solid transparent;
  374. }
  375. .p-datepicker table td > span.p-highlight {
  376. color: #FFB300;
  377. background: rgba(255, 179, 0, 0.12);
  378. }
  379. .p-datepicker table td > span:focus {
  380. outline: 0 none;
  381. outline-offset: 0;
  382. box-shadow: none;
  383. }
  384. .p-datepicker table td.p-datepicker-today > span {
  385. background: #ffffff;
  386. color: rgba(0, 0, 0, 0.87);
  387. border-color: black;
  388. }
  389. .p-datepicker table td.p-datepicker-today > span.p-highlight {
  390. color: #FFB300;
  391. background: rgba(255, 179, 0, 0.12);
  392. }
  393. .p-datepicker .p-datepicker-buttonbar {
  394. padding: 0.75rem 0;
  395. border-top: 1px solid rgba(0, 0, 0, 0.12);
  396. }
  397. .p-datepicker .p-datepicker-buttonbar .p-button {
  398. width: auto;
  399. }
  400. .p-datepicker .p-timepicker {
  401. border-top: 1px solid rgba(0, 0, 0, 0.12);
  402. padding: 0.5rem;
  403. }
  404. .p-datepicker .p-timepicker button {
  405. width: 2rem;
  406. height: 2rem;
  407. color: rgba(0, 0, 0, 0.6);
  408. border: 0 none;
  409. background: transparent;
  410. border-radius: 50%;
  411. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  412. }
  413. .p-datepicker .p-timepicker button:enabled:hover {
  414. color: rgba(0, 0, 0, 0.6);
  415. border-color: transparent;
  416. background: rgba(0, 0, 0, 0.04);
  417. }
  418. .p-datepicker .p-timepicker button:focus {
  419. outline: 0 none;
  420. outline-offset: 0;
  421. box-shadow: none;
  422. }
  423. .p-datepicker .p-timepicker button:last-child {
  424. margin-top: 0.2em;
  425. }
  426. .p-datepicker .p-timepicker span {
  427. font-size: 1.25rem;
  428. }
  429. .p-datepicker .p-timepicker > div {
  430. padding: 0 0.5rem;
  431. }
  432. .p-datepicker.p-datepicker-timeonly .p-timepicker {
  433. border-top: 0 none;
  434. }
  435. .p-datepicker .p-monthpicker {
  436. margin: 0.5rem 0;
  437. }
  438. .p-datepicker .p-monthpicker .p-monthpicker-month {
  439. padding: 0.5rem;
  440. transition: none;
  441. border-radius: 4px;
  442. }
  443. .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  444. color: #FFB300;
  445. background: rgba(255, 179, 0, 0.12);
  446. }
  447. .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  448. border-right: 1px solid rgba(0, 0, 0, 0.12);
  449. padding-right: 0.5rem;
  450. padding-left: 0.5rem;
  451. padding-top: 0;
  452. padding-bottom: 0;
  453. }
  454. .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  455. padding-left: 0;
  456. }
  457. .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  458. padding-right: 0;
  459. border-right: 0 none;
  460. }
  461. .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  462. background: rgba(0, 0, 0, 0.04);
  463. }
  464. .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  465. outline: 0 none;
  466. outline-offset: 0;
  467. box-shadow: none;
  468. }
  469. .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
  470. background: rgba(0, 0, 0, 0.04);
  471. }
  472. .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
  473. outline: 0 none;
  474. outline-offset: 0;
  475. box-shadow: none;
  476. }
  477. @media screen and (max-width: 769px) {
  478. .p-datepicker table th, .p-datepicker table td {
  479. padding: 0;
  480. }
  481. }
  482. .p-cascadeselect {
  483. background: #ffffff;
  484. border: 1px solid rgba(0, 0, 0, 0.38);
  485. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  486. border-radius: 4px;
  487. }
  488. .p-cascadeselect:not(.p-disabled):hover {
  489. border-color: rgba(0, 0, 0, 0.87);
  490. }
  491. .p-cascadeselect:not(.p-disabled).p-focus {
  492. outline: 0 none;
  493. outline-offset: 0;
  494. box-shadow: none;
  495. border-color: #FFB300;
  496. }
  497. .p-cascadeselect .p-cascadeselect-label {
  498. background: transparent;
  499. border: 0 none;
  500. padding: 0.75rem 0.75rem;
  501. }
  502. .p-cascadeselect .p-cascadeselect-label.p-placeholder {
  503. color: rgba(0, 0, 0, 0.6);
  504. }
  505. .p-cascadeselect .p-cascadeselect-label:enabled:focus {
  506. outline: 0 none;
  507. box-shadow: none;
  508. }
  509. .p-cascadeselect .p-cascadeselect-trigger {
  510. background: transparent;
  511. color: rgba(0, 0, 0, 0.6);
  512. width: 2.75rem;
  513. border-top-right-radius: 4px;
  514. border-bottom-right-radius: 4px;
  515. }
  516. .p-cascadeselect-panel {
  517. background: #ffffff;
  518. color: rgba(0, 0, 0, 0.87);
  519. border: 0 none;
  520. border-radius: 4px;
  521. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  522. }
  523. .p-cascadeselect-panel .p-cascadeselect-items {
  524. padding: 0;
  525. }
  526. .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  527. margin: 0;
  528. border: 0 none;
  529. color: rgba(0, 0, 0, 0.87);
  530. background: transparent;
  531. transition: none;
  532. border-radius: 0;
  533. }
  534. .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
  535. padding: 0.75rem 0.75rem;
  536. }
  537. .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  538. outline: 0 none;
  539. outline-offset: 0;
  540. box-shadow: none;
  541. }
  542. .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  543. color: #FFB300;
  544. background: rgba(255, 179, 0, 0.12);
  545. }
  546. .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  547. color: rgba(0, 0, 0, 0.87);
  548. background: rgba(0, 0, 0, 0.04);
  549. }
  550. .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
  551. font-size: 0.875rem;
  552. }
  553. p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  554. border-color: #B00020;
  555. }
  556. .p-input-filled .p-cascadeselect {
  557. background: #f5f5f5;
  558. }
  559. .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  560. background-color: #ececec;
  561. }
  562. .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  563. background-color: #dcdcdc;
  564. }
  565. .p-checkbox {
  566. width: 18px;
  567. height: 18px;
  568. }
  569. .p-checkbox .p-checkbox-box {
  570. border: 2px solid #757575;
  571. background: #ffffff;
  572. width: 18px;
  573. height: 18px;
  574. color: rgba(0, 0, 0, 0.87);
  575. border-radius: 4px;
  576. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  577. }
  578. .p-checkbox .p-checkbox-box .p-checkbox-icon {
  579. transition-duration: 0.2s;
  580. color: #212121;
  581. font-size: 14px;
  582. }
  583. .p-checkbox .p-checkbox-box.p-highlight {
  584. border-color: #FFB300;
  585. background: #FFB300;
  586. }
  587. .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  588. border-color: rgba(0, 0, 0, 0.87);
  589. }
  590. .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  591. outline: 0 none;
  592. outline-offset: 0;
  593. box-shadow: none;
  594. border-color: #FFB300;
  595. }
  596. .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  597. border-color: #FFB300;
  598. background: #FFB300;
  599. color: #212121;
  600. }
  601. p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  602. border-color: #B00020;
  603. }
  604. .p-input-filled .p-checkbox .p-checkbox-box {
  605. background-color: #f5f5f5;
  606. }
  607. .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  608. background: #FFB300;
  609. }
  610. .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  611. background-color: #ececec;
  612. }
  613. .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  614. background: #FFB300;
  615. }
  616. .p-checkbox-label {
  617. margin-left: 0.5rem;
  618. }
  619. .p-chips .p-chips-multiple-container {
  620. padding: 0.375rem 0.75rem;
  621. }
  622. .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  623. border-color: rgba(0, 0, 0, 0.87);
  624. }
  625. .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  626. outline: 0 none;
  627. outline-offset: 0;
  628. box-shadow: none;
  629. border-color: #FFB300;
  630. }
  631. .p-chips .p-chips-multiple-container .p-chips-token {
  632. padding: 0.375rem 0.75rem;
  633. margin-right: 0.5rem;
  634. background: rgba(255, 179, 0, 0.12);
  635. color: #FFB300;
  636. border-radius: 4px;
  637. }
  638. .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  639. margin-left: 0.5rem;
  640. }
  641. .p-chips .p-chips-multiple-container .p-chips-input-token {
  642. padding: 0.375rem 0;
  643. }
  644. .p-chips .p-chips-multiple-container .p-chips-input-token input {
  645. font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  646. font-size: 1rem;
  647. color: rgba(0, 0, 0, 0.87);
  648. padding: 0;
  649. margin: 0;
  650. }
  651. p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  652. border-color: #B00020;
  653. }
  654. .p-colorpicker-preview,
  655. .p-fluid .p-colorpicker-preview.p-inputtext {
  656. width: 2rem;
  657. height: 2rem;
  658. }
  659. .p-colorpicker-panel {
  660. background: #323232;
  661. border-color: #191919;
  662. }
  663. .p-colorpicker-panel .p-colorpicker-color-handle,
  664. .p-colorpicker-panel .p-colorpicker-hue-handle {
  665. border-color: #ffffff;
  666. }
  667. .p-colorpicker-overlay-panel {
  668. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  669. }
  670. .p-dropdown {
  671. background: #ffffff;
  672. border: 1px solid rgba(0, 0, 0, 0.38);
  673. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  674. border-radius: 4px;
  675. }
  676. .p-dropdown:not(.p-disabled):hover {
  677. border-color: rgba(0, 0, 0, 0.87);
  678. }
  679. .p-dropdown:not(.p-disabled).p-focus {
  680. outline: 0 none;
  681. outline-offset: 0;
  682. box-shadow: none;
  683. border-color: #FFB300;
  684. }
  685. .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  686. padding-right: 1.75rem;
  687. }
  688. .p-dropdown .p-dropdown-label {
  689. background: transparent;
  690. border: 0 none;
  691. }
  692. .p-dropdown .p-dropdown-label.p-placeholder {
  693. color: rgba(0, 0, 0, 0.6);
  694. }
  695. .p-dropdown .p-dropdown-label:enabled:focus {
  696. outline: 0 none;
  697. box-shadow: none;
  698. }
  699. .p-dropdown .p-dropdown-trigger {
  700. background: transparent;
  701. color: rgba(0, 0, 0, 0.6);
  702. width: 2.75rem;
  703. border-top-right-radius: 4px;
  704. border-bottom-right-radius: 4px;
  705. }
  706. .p-dropdown .p-dropdown-clear-icon {
  707. color: rgba(0, 0, 0, 0.6);
  708. right: 2.75rem;
  709. }
  710. .p-dropdown-panel {
  711. background: #ffffff;
  712. color: rgba(0, 0, 0, 0.87);
  713. border: 0 none;
  714. border-radius: 4px;
  715. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  716. }
  717. .p-dropdown-panel .p-dropdown-header {
  718. padding: 0.75rem;
  719. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  720. color: rgba(0, 0, 0, 0.87);
  721. background: #ffffff;
  722. margin: 0;
  723. border-top-right-radius: 4px;
  724. border-top-left-radius: 4px;
  725. }
  726. .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  727. padding-right: 1.75rem;
  728. margin-right: -1.75rem;
  729. }
  730. .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  731. right: 0.75rem;
  732. color: rgba(0, 0, 0, 0.6);
  733. }
  734. .p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
  735. padding: 0;
  736. }
  737. .p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
  738. padding: 0;
  739. }
  740. .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  741. margin: 0;
  742. padding: 0.75rem 0.75rem;
  743. border: 0 none;
  744. color: rgba(0, 0, 0, 0.87);
  745. background: transparent;
  746. transition: none;
  747. border-radius: 0;
  748. }
  749. .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  750. color: #FFB300;
  751. background: rgba(255, 179, 0, 0.12);
  752. }
  753. .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  754. color: rgba(0, 0, 0, 0.87);
  755. background: rgba(0, 0, 0, 0.04);
  756. }
  757. .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  758. padding: 0.75rem 0.75rem;
  759. color: rgba(0, 0, 0, 0.87);
  760. background: transparent;
  761. }
  762. .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  763. margin: 0;
  764. padding: 0.75rem;
  765. color: rgba(0, 0, 0, 0.6);
  766. background: #ffffff;
  767. font-weight: 400;
  768. }
  769. p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  770. border-color: #B00020;
  771. }
  772. .p-input-filled .p-dropdown {
  773. background: #f5f5f5;
  774. }
  775. .p-input-filled .p-dropdown:not(.p-disabled):hover {
  776. background-color: #ececec;
  777. }
  778. .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  779. background-color: #dcdcdc;
  780. }
  781. .p-editor-container .p-editor-toolbar {
  782. background: #ffffff;
  783. border-top-right-radius: 4px;
  784. border-top-left-radius: 4px;
  785. }
  786. .p-editor-container .p-editor-toolbar.ql-snow {
  787. border: 1px solid #e0e0e0;
  788. }
  789. .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  790. stroke: rgba(0, 0, 0, 0.6);
  791. }
  792. .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  793. fill: rgba(0, 0, 0, 0.6);
  794. }
  795. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  796. border: 0 none;
  797. color: rgba(0, 0, 0, 0.6);
  798. }
  799. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  800. color: rgba(0, 0, 0, 0.87);
  801. }
  802. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  803. stroke: rgba(0, 0, 0, 0.87);
  804. }
  805. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  806. fill: rgba(0, 0, 0, 0.87);
  807. }
  808. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  809. color: rgba(0, 0, 0, 0.87);
  810. }
  811. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  812. stroke: rgba(0, 0, 0, 0.87);
  813. }
  814. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  815. fill: rgba(0, 0, 0, 0.87);
  816. }
  817. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  818. background: #ffffff;
  819. border: 0 none;
  820. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  821. border-radius: 4px;
  822. padding: 0;
  823. }
  824. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  825. color: rgba(0, 0, 0, 0.87);
  826. }
  827. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  828. color: rgba(0, 0, 0, 0.87);
  829. background: rgba(0, 0, 0, 0.04);
  830. }
  831. .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  832. padding: 0.75rem 0.75rem;
  833. }
  834. .p-editor-container .p-editor-content {
  835. border-bottom-right-radius: 4px;
  836. border-bottom-left-radius: 4px;
  837. }
  838. .p-editor-container .p-editor-content.ql-snow {
  839. border: 1px solid #e0e0e0;
  840. }
  841. .p-editor-container .p-editor-content .ql-editor {
  842. background: #ffffff;
  843. color: rgba(0, 0, 0, 0.87);
  844. border-bottom-right-radius: 4px;
  845. border-bottom-left-radius: 4px;
  846. }
  847. .p-editor-container .ql-snow.ql-toolbar button:hover,
  848. .p-editor-container .ql-snow.ql-toolbar button:focus {
  849. color: rgba(0, 0, 0, 0.87);
  850. }
  851. .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
  852. .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  853. stroke: rgba(0, 0, 0, 0.87);
  854. }
  855. .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
  856. .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  857. fill: rgba(0, 0, 0, 0.87);
  858. }
  859. .p-editor-container .ql-snow.ql-toolbar button.ql-active,
  860. .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  861. .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  862. color: #FFB300;
  863. }
  864. .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  865. .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  866. .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  867. stroke: #FFB300;
  868. }
  869. .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
  870. .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  871. .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  872. fill: #FFB300;
  873. }
  874. .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
  875. .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
  876. .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  877. color: #FFB300;
  878. }
  879. .p-inputgroup-addon {
  880. background: #ffffff;
  881. color: rgba(0, 0, 0, 0.6);
  882. border-top: 1px solid rgba(0, 0, 0, 0.38);
  883. border-left: 1px solid rgba(0, 0, 0, 0.38);
  884. border-bottom: 1px solid rgba(0, 0, 0, 0.38);
  885. padding: 0.75rem 0.75rem;
  886. min-width: 2.75rem;
  887. }
  888. .p-inputgroup-addon:last-child {
  889. border-right: 1px solid rgba(0, 0, 0, 0.38);
  890. }
  891. .p-inputgroup > .p-component,
  892. .p-inputgroup > .p-element,
  893. .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
  894. .p-inputgroup > .p-float-label > .p-component {
  895. border-radius: 0;
  896. margin: 0;
  897. }
  898. .p-inputgroup > .p-component + .p-inputgroup-addon,
  899. .p-inputgroup > .p-element + .p-inputgroup-addon,
  900. .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
  901. .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  902. border-left: 0 none;
  903. }
  904. .p-inputgroup > .p-component:focus,
  905. .p-inputgroup > .p-element:focus,
  906. .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
  907. .p-inputgroup > .p-float-label > .p-component:focus {
  908. z-index: 1;
  909. }
  910. .p-inputgroup > .p-component:focus ~ label,
  911. .p-inputgroup > .p-element:focus ~ label,
  912. .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
  913. .p-inputgroup > .p-float-label > .p-component:focus ~ label {
  914. z-index: 1;
  915. }
  916. .p-inputgroup-addon:first-child,
  917. .p-inputgroup button:first-child,
  918. .p-inputgroup input:first-child,
  919. .p-inputgroup > .p-inputwrapper:first-child > .p-component,
  920. .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
  921. border-top-left-radius: 4px;
  922. border-bottom-left-radius: 4px;
  923. }
  924. .p-inputgroup .p-float-label:first-child input {
  925. border-top-left-radius: 4px;
  926. border-bottom-left-radius: 4px;
  927. }
  928. .p-inputgroup-addon:last-child,
  929. .p-inputgroup button:last-child,
  930. .p-inputgroup input:last-child,
  931. .p-inputgroup > .p-inputwrapper:last-child > .p-component,
  932. .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
  933. border-top-right-radius: 4px;
  934. border-bottom-right-radius: 4px;
  935. }
  936. .p-inputgroup .p-float-label:last-child input {
  937. border-top-right-radius: 4px;
  938. border-bottom-right-radius: 4px;
  939. }
  940. .p-fluid .p-inputgroup .p-button {
  941. width: auto;
  942. }
  943. .p-fluid .p-inputgroup .p-button.p-button-icon-only {
  944. width: 2.75rem;
  945. }
  946. p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  947. border-color: #B00020;
  948. }
  949. p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  950. border-color: #B00020;
  951. }
  952. .p-inputswitch {
  953. width: 2.75rem;
  954. height: 1rem;
  955. }
  956. .p-inputswitch .p-inputswitch-slider {
  957. background: rgba(0, 0, 0, 0.38);
  958. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  959. border-radius: 0.5rem;
  960. }
  961. .p-inputswitch .p-inputswitch-slider:before {
  962. background: #ffffff;
  963. width: 1.5rem;
  964. height: 1.5rem;
  965. left: -1px;
  966. margin-top: -0.75rem;
  967. border-radius: 50%;
  968. transition-duration: 0.2s;
  969. }
  970. .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  971. transform: translateX(1.5rem);
  972. }
  973. .p-inputswitch.p-focus .p-inputswitch-slider {
  974. outline: 0 none;
  975. outline-offset: 0;
  976. box-shadow: none;
  977. }
  978. .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  979. background: rgba(0, 0, 0, 0.38);
  980. }
  981. .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  982. background: rgba(255, 179, 0, 0.5);
  983. }
  984. .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  985. background: #FFB300;
  986. }
  987. .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  988. background: rgba(255, 179, 0, 0.5);
  989. }
  990. p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
  991. border-color: #B00020;
  992. }
  993. .p-inputtext {
  994. font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  995. font-size: 1rem;
  996. color: rgba(0, 0, 0, 0.87);
  997. background: #ffffff;
  998. padding: 0.75rem 0.75rem;
  999. border: 1px solid rgba(0, 0, 0, 0.38);
  1000. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1001. appearance: none;
  1002. border-radius: 4px;
  1003. }
  1004. .p-inputtext:enabled:hover {
  1005. border-color: rgba(0, 0, 0, 0.87);
  1006. }
  1007. .p-inputtext:enabled:focus {
  1008. outline: 0 none;
  1009. outline-offset: 0;
  1010. box-shadow: none;
  1011. border-color: #FFB300;
  1012. }
  1013. .p-inputtext.ng-dirty.ng-invalid {
  1014. border-color: #B00020;
  1015. }
  1016. .p-inputtext.p-inputtext-sm {
  1017. font-size: 0.875rem;
  1018. padding: 0.65625rem 0.65625rem;
  1019. }
  1020. .p-inputtext.p-inputtext-lg {
  1021. font-size: 1.25rem;
  1022. padding: 0.9375rem 0.9375rem;
  1023. }
  1024. .p-float-label > label {
  1025. left: 0.75rem;
  1026. color: rgba(0, 0, 0, 0.6);
  1027. transition-duration: 0.2s;
  1028. }
  1029. .p-float-label > .ng-invalid.ng-dirty + label {
  1030. color: #B00020;
  1031. }
  1032. .p-input-icon-left > i:first-of-type {
  1033. left: 0.75rem;
  1034. color: rgba(0, 0, 0, 0.6);
  1035. }
  1036. .p-input-icon-left > .p-inputtext {
  1037. padding-left: 2.5rem;
  1038. }
  1039. .p-input-icon-left.p-float-label > label {
  1040. left: 2.5rem;
  1041. }
  1042. .p-input-icon-right > i:last-of-type {
  1043. right: 0.75rem;
  1044. color: rgba(0, 0, 0, 0.6);
  1045. }
  1046. .p-input-icon-right > .p-inputtext {
  1047. padding-right: 2.5rem;
  1048. }
  1049. ::-webkit-input-placeholder {
  1050. color: rgba(0, 0, 0, 0.6);
  1051. }
  1052. :-moz-placeholder {
  1053. color: rgba(0, 0, 0, 0.6);
  1054. }
  1055. ::-moz-placeholder {
  1056. color: rgba(0, 0, 0, 0.6);
  1057. }
  1058. :-ms-input-placeholder {
  1059. color: rgba(0, 0, 0, 0.6);
  1060. }
  1061. .p-input-filled .p-inputtext {
  1062. background-color: #f5f5f5;
  1063. }
  1064. .p-input-filled .p-inputtext:enabled:hover {
  1065. background-color: #ececec;
  1066. }
  1067. .p-input-filled .p-inputtext:enabled:focus {
  1068. background-color: #dcdcdc;
  1069. }
  1070. .p-inputtext-sm .p-inputtext {
  1071. font-size: 0.875rem;
  1072. padding: 0.65625rem 0.65625rem;
  1073. }
  1074. .p-inputtext-lg .p-inputtext {
  1075. font-size: 1.25rem;
  1076. padding: 0.9375rem 0.9375rem;
  1077. }
  1078. .p-listbox {
  1079. background: #ffffff;
  1080. color: rgba(0, 0, 0, 0.87);
  1081. border: 1px solid rgba(0, 0, 0, 0.38);
  1082. border-radius: 4px;
  1083. }
  1084. .p-listbox .p-listbox-header {
  1085. padding: 0.75rem;
  1086. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  1087. color: rgba(0, 0, 0, 0.87);
  1088. background: #ffffff;
  1089. margin: 0;
  1090. border-top-right-radius: 4px;
  1091. border-top-left-radius: 4px;
  1092. }
  1093. .p-listbox .p-listbox-header .p-listbox-filter {
  1094. padding-right: 1.75rem;
  1095. }
  1096. .p-listbox .p-listbox-header .p-listbox-filter-icon {
  1097. right: 0.75rem;
  1098. color: rgba(0, 0, 0, 0.6);
  1099. }
  1100. .p-listbox .p-listbox-header .p-checkbox {
  1101. margin-right: 0.5rem;
  1102. }
  1103. .p-listbox .p-listbox-list {
  1104. padding: 0;
  1105. }
  1106. .p-listbox .p-listbox-list .p-listbox-item {
  1107. margin: 0;
  1108. padding: 0.75rem 0.75rem;
  1109. border: 0 none;
  1110. color: rgba(0, 0, 0, 0.87);
  1111. transition: none;
  1112. border-radius: 0;
  1113. }
  1114. .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  1115. color: #FFB300;
  1116. background: rgba(255, 179, 0, 0.12);
  1117. }
  1118. .p-listbox .p-listbox-list .p-listbox-item:focus {
  1119. outline: 0 none;
  1120. outline-offset: 0;
  1121. box-shadow: none;
  1122. }
  1123. .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
  1124. margin-right: 0.5rem;
  1125. }
  1126. .p-listbox .p-listbox-list .p-listbox-item-group {
  1127. margin: 0;
  1128. padding: 0.75rem;
  1129. color: rgba(0, 0, 0, 0.6);
  1130. background: #ffffff;
  1131. font-weight: 400;
  1132. }
  1133. .p-listbox .p-listbox-list .p-listbox-empty-message {
  1134. padding: 0.75rem 0.75rem;
  1135. color: rgba(0, 0, 0, 0.87);
  1136. background: transparent;
  1137. }
  1138. .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  1139. color: rgba(0, 0, 0, 0.87);
  1140. background: rgba(0, 0, 0, 0.04);
  1141. }
  1142. p-listbox.ng-dirty.ng-invalid > .p-listbox {
  1143. border-color: #B00020;
  1144. }
  1145. .p-multiselect {
  1146. background: #ffffff;
  1147. border: 1px solid rgba(0, 0, 0, 0.38);
  1148. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1149. border-radius: 4px;
  1150. }
  1151. .p-multiselect:not(.p-disabled):hover {
  1152. border-color: rgba(0, 0, 0, 0.87);
  1153. }
  1154. .p-multiselect:not(.p-disabled).p-focus {
  1155. outline: 0 none;
  1156. outline-offset: 0;
  1157. box-shadow: none;
  1158. border-color: #FFB300;
  1159. }
  1160. .p-multiselect .p-multiselect-label {
  1161. padding: 0.75rem 0.75rem;
  1162. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1163. }
  1164. .p-multiselect .p-multiselect-label.p-placeholder {
  1165. color: rgba(0, 0, 0, 0.6);
  1166. }
  1167. .p-multiselect.p-multiselect-chip .p-multiselect-token {
  1168. padding: 0.375rem 0.75rem;
  1169. margin-right: 0.5rem;
  1170. background: rgba(255, 179, 0, 0.12);
  1171. color: #FFB300;
  1172. border-radius: 4px;
  1173. }
  1174. .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  1175. margin-left: 0.5rem;
  1176. }
  1177. .p-multiselect .p-multiselect-trigger {
  1178. background: transparent;
  1179. color: rgba(0, 0, 0, 0.6);
  1180. width: 2.75rem;
  1181. border-top-right-radius: 4px;
  1182. border-bottom-right-radius: 4px;
  1183. }
  1184. .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
  1185. padding: 0.375rem 0.75rem;
  1186. }
  1187. .p-multiselect-panel {
  1188. background: #ffffff;
  1189. color: rgba(0, 0, 0, 0.87);
  1190. border: 0 none;
  1191. border-radius: 4px;
  1192. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  1193. }
  1194. .p-multiselect-panel .p-multiselect-header {
  1195. padding: 0.75rem;
  1196. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  1197. color: rgba(0, 0, 0, 0.87);
  1198. background: #ffffff;
  1199. margin: 0;
  1200. border-top-right-radius: 4px;
  1201. border-top-left-radius: 4px;
  1202. }
  1203. .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  1204. padding-right: 1.75rem;
  1205. }
  1206. .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  1207. right: 0.75rem;
  1208. color: rgba(0, 0, 0, 0.6);
  1209. }
  1210. .p-multiselect-panel .p-multiselect-header .p-checkbox {
  1211. margin-right: 0.5rem;
  1212. }
  1213. .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  1214. margin-left: 0.5rem;
  1215. width: 2rem;
  1216. height: 2rem;
  1217. color: rgba(0, 0, 0, 0.6);
  1218. border: 0 none;
  1219. background: transparent;
  1220. border-radius: 50%;
  1221. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  1222. }
  1223. .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  1224. color: rgba(0, 0, 0, 0.6);
  1225. border-color: transparent;
  1226. background: rgba(0, 0, 0, 0.04);
  1227. }
  1228. .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  1229. outline: 0 none;
  1230. outline-offset: 0;
  1231. box-shadow: none;
  1232. }
  1233. .p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
  1234. padding: 0;
  1235. }
  1236. .p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
  1237. padding: 0;
  1238. }
  1239. .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  1240. margin: 0;
  1241. padding: 0.75rem 0.75rem;
  1242. border: 0 none;
  1243. color: rgba(0, 0, 0, 0.87);
  1244. background: transparent;
  1245. transition: none;
  1246. border-radius: 0;
  1247. }
  1248. .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  1249. color: #FFB300;
  1250. background: rgba(255, 179, 0, 0.12);
  1251. }
  1252. .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  1253. color: rgba(0, 0, 0, 0.87);
  1254. background: rgba(0, 0, 0, 0.04);
  1255. }
  1256. .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  1257. outline: 0 none;
  1258. outline-offset: 0;
  1259. box-shadow: none;
  1260. }
  1261. .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  1262. margin-right: 0.5rem;
  1263. }
  1264. .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  1265. margin: 0;
  1266. padding: 0.75rem;
  1267. color: rgba(0, 0, 0, 0.6);
  1268. background: #ffffff;
  1269. font-weight: 400;
  1270. }
  1271. .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  1272. padding: 0.75rem 0.75rem;
  1273. color: rgba(0, 0, 0, 0.87);
  1274. background: transparent;
  1275. }
  1276. p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  1277. border-color: #B00020;
  1278. }
  1279. .p-input-filled .p-multiselect {
  1280. background: #f5f5f5;
  1281. }
  1282. .p-input-filled .p-multiselect:not(.p-disabled):hover {
  1283. background-color: #ececec;
  1284. }
  1285. .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  1286. background-color: #dcdcdc;
  1287. }
  1288. .p-password.p-invalid.p-component > .p-inputtext {
  1289. border-color: #B00020;
  1290. }
  1291. .p-password-panel {
  1292. padding: 0.75rem;
  1293. background: #ffffff;
  1294. color: rgba(0, 0, 0, 0.87);
  1295. border: 0 none;
  1296. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  1297. border-radius: 4px;
  1298. }
  1299. .p-password-panel .p-password-meter {
  1300. margin-bottom: 0.5rem;
  1301. background: rgba(255, 179, 0, 0.32);
  1302. }
  1303. .p-password-panel .p-password-meter .p-password-strength.weak {
  1304. background: #D32F2F;
  1305. }
  1306. .p-password-panel .p-password-meter .p-password-strength.medium {
  1307. background: #FBC02D;
  1308. }
  1309. .p-password-panel .p-password-meter .p-password-strength.strong {
  1310. background: #689F38;
  1311. }
  1312. .p-radiobutton {
  1313. width: 20px;
  1314. height: 20px;
  1315. }
  1316. .p-radiobutton .p-radiobutton-box {
  1317. border: 2px solid #757575;
  1318. background: #ffffff;
  1319. width: 20px;
  1320. height: 20px;
  1321. color: rgba(0, 0, 0, 0.87);
  1322. border-radius: 50%;
  1323. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1324. }
  1325. .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  1326. border-color: rgba(0, 0, 0, 0.87);
  1327. }
  1328. .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  1329. outline: 0 none;
  1330. outline-offset: 0;
  1331. box-shadow: none;
  1332. border-color: #FFB300;
  1333. }
  1334. .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  1335. width: 10px;
  1336. height: 10px;
  1337. transition-duration: 0.2s;
  1338. background-color: #FFB300;
  1339. }
  1340. .p-radiobutton .p-radiobutton-box.p-highlight {
  1341. border-color: #FFB300;
  1342. background: #212121;
  1343. }
  1344. .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  1345. border-color: #FFB300;
  1346. background: #212121;
  1347. color: #FFB300;
  1348. }
  1349. p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
  1350. border-color: #B00020;
  1351. }
  1352. .p-input-filled .p-radiobutton .p-radiobutton-box {
  1353. background-color: #f5f5f5;
  1354. }
  1355. .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  1356. background-color: #ececec;
  1357. }
  1358. .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  1359. background: #212121;
  1360. }
  1361. .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  1362. background: #212121;
  1363. }
  1364. .p-radiobutton-label {
  1365. margin-left: 0.5rem;
  1366. }
  1367. .p-rating .p-rating-icon {
  1368. color: #FFB300;
  1369. margin-left: 0.5rem;
  1370. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1371. font-size: 1rem;
  1372. }
  1373. .p-rating .p-rating-icon.p-rating-cancel {
  1374. color: #B00020;
  1375. }
  1376. .p-rating .p-rating-icon:focus {
  1377. outline: 0 none;
  1378. outline-offset: 0;
  1379. box-shadow: none;
  1380. }
  1381. .p-rating .p-rating-icon:first-child {
  1382. margin-left: 0;
  1383. }
  1384. .p-rating .p-rating-icon.pi-star {
  1385. color: #FFB300;
  1386. }
  1387. .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  1388. color: #FFB300;
  1389. }
  1390. .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
  1391. color: #B00020;
  1392. }
  1393. .p-selectbutton .p-button {
  1394. background: #ffffff;
  1395. border: 1px solid rgba(0, 0, 0, 0.12);
  1396. color: rgba(0, 0, 0, 0.87);
  1397. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1398. }
  1399. .p-selectbutton .p-button .p-button-icon-left,
  1400. .p-selectbutton .p-button .p-button-icon-right {
  1401. color: rgba(0, 0, 0, 0.6);
  1402. }
  1403. .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  1404. background: #f6f6f6;
  1405. border-color: rgba(0, 0, 0, 0.12);
  1406. color: rgba(0, 0, 0, 0.87);
  1407. }
  1408. .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  1409. .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  1410. color: rgba(0, 0, 0, 0.6);
  1411. }
  1412. .p-selectbutton .p-button.p-highlight {
  1413. background: #e0e0e1;
  1414. border-color: #e0e0e1;
  1415. color: rgba(0, 0, 0, 0.87);
  1416. }
  1417. .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  1418. .p-selectbutton .p-button.p-highlight .p-button-icon-right {
  1419. color: rgba(0, 0, 0, 0.6);
  1420. }
  1421. .p-selectbutton .p-button.p-highlight:hover {
  1422. background: #d9d8d9;
  1423. border-color: #d9d8d9;
  1424. color: rgba(0, 0, 0, 0.87);
  1425. }
  1426. .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  1427. .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  1428. color: rgba(0, 0, 0, 0.6);
  1429. }
  1430. p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  1431. border-color: #B00020;
  1432. }
  1433. .p-slider {
  1434. background: #c1c1c1;
  1435. border: 0 none;
  1436. border-radius: 4px;
  1437. }
  1438. .p-slider.p-slider-horizontal {
  1439. height: 2px;
  1440. }
  1441. .p-slider.p-slider-horizontal .p-slider-handle {
  1442. margin-top: -10px;
  1443. margin-left: -10px;
  1444. }
  1445. .p-slider.p-slider-vertical {
  1446. width: 2px;
  1447. }
  1448. .p-slider.p-slider-vertical .p-slider-handle {
  1449. margin-left: -10px;
  1450. margin-bottom: -10px;
  1451. }
  1452. .p-slider .p-slider-handle {
  1453. height: 20px;
  1454. width: 20px;
  1455. background: #FFB300;
  1456. border: 0 none;
  1457. border-radius: 50%;
  1458. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1459. }
  1460. .p-slider .p-slider-handle:focus {
  1461. outline: 0 none;
  1462. outline-offset: 0;
  1463. box-shadow: none;
  1464. }
  1465. .p-slider .p-slider-range {
  1466. background: #FFB300;
  1467. }
  1468. .p-slider:not(.p-disabled) .p-slider-handle:hover {
  1469. background: #FFB300;
  1470. border-color: 0 none;
  1471. }
  1472. .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
  1473. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s;
  1474. }
  1475. .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
  1476. transition: width 0.2s;
  1477. }
  1478. .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
  1479. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s;
  1480. }
  1481. .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
  1482. transition: height 0.2s;
  1483. }
  1484. .p-togglebutton.p-button {
  1485. background: #ffffff;
  1486. border: 1px solid rgba(0, 0, 0, 0.12);
  1487. color: rgba(0, 0, 0, 0.87);
  1488. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1489. }
  1490. .p-togglebutton.p-button .p-button-icon-left,
  1491. .p-togglebutton.p-button .p-button-icon-right {
  1492. color: rgba(0, 0, 0, 0.6);
  1493. }
  1494. .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  1495. background: #f6f6f6;
  1496. border-color: rgba(0, 0, 0, 0.12);
  1497. color: rgba(0, 0, 0, 0.87);
  1498. }
  1499. .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  1500. .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  1501. color: rgba(0, 0, 0, 0.6);
  1502. }
  1503. .p-togglebutton.p-button.p-highlight {
  1504. background: #e0e0e1;
  1505. border-color: #e0e0e1;
  1506. color: rgba(0, 0, 0, 0.87);
  1507. }
  1508. .p-togglebutton.p-button.p-highlight .p-button-icon-left,
  1509. .p-togglebutton.p-button.p-highlight .p-button-icon-right {
  1510. color: rgba(0, 0, 0, 0.6);
  1511. }
  1512. .p-togglebutton.p-button.p-highlight:hover {
  1513. background: #d9d8d9;
  1514. border-color: #d9d8d9;
  1515. color: rgba(0, 0, 0, 0.87);
  1516. }
  1517. .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
  1518. .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  1519. color: rgba(0, 0, 0, 0.6);
  1520. }
  1521. p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
  1522. border-color: #B00020;
  1523. }
  1524. .p-treeselect {
  1525. background: #ffffff;
  1526. border: 1px solid rgba(0, 0, 0, 0.38);
  1527. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1528. border-radius: 4px;
  1529. }
  1530. .p-treeselect:not(.p-disabled):hover {
  1531. border-color: rgba(0, 0, 0, 0.87);
  1532. }
  1533. .p-treeselect:not(.p-disabled).p-focus {
  1534. outline: 0 none;
  1535. outline-offset: 0;
  1536. box-shadow: none;
  1537. border-color: #FFB300;
  1538. }
  1539. .p-treeselect .p-treeselect-label {
  1540. padding: 0.75rem 0.75rem;
  1541. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1542. }
  1543. .p-treeselect .p-treeselect-label.p-placeholder {
  1544. color: rgba(0, 0, 0, 0.6);
  1545. }
  1546. .p-treeselect.p-treeselect-chip .p-treeselect-token {
  1547. padding: 0.375rem 0.75rem;
  1548. margin-right: 0.5rem;
  1549. background: rgba(0, 0, 0, 0.12);
  1550. color: rgba(0, 0, 0, 0.87);
  1551. border-radius: 16px;
  1552. }
  1553. .p-treeselect .p-treeselect-trigger {
  1554. background: transparent;
  1555. color: rgba(0, 0, 0, 0.6);
  1556. width: 2.75rem;
  1557. border-top-right-radius: 4px;
  1558. border-bottom-right-radius: 4px;
  1559. }
  1560. .p-treeselect.p-invalid.p-component {
  1561. border-color: #B00020;
  1562. }
  1563. .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
  1564. padding: 0.375rem 0.75rem;
  1565. }
  1566. .p-treeselect-panel {
  1567. background: #ffffff;
  1568. color: rgba(0, 0, 0, 0.87);
  1569. border: 0 none;
  1570. border-radius: 4px;
  1571. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  1572. }
  1573. .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  1574. border: 0 none;
  1575. }
  1576. .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  1577. padding: 0.75rem 0.75rem;
  1578. color: rgba(0, 0, 0, 0.87);
  1579. background: transparent;
  1580. }
  1581. .p-input-filled .p-treeselect {
  1582. background: #f5f5f5;
  1583. }
  1584. .p-input-filled .p-treeselect:not(.p-disabled):hover {
  1585. background-color: #ececec;
  1586. }
  1587. .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  1588. background-color: #dcdcdc;
  1589. }
  1590. .p-button {
  1591. color: #212121;
  1592. background: #FFB300;
  1593. border: 0 none;
  1594. padding: 0.643rem 0.75rem;
  1595. font-size: 1rem;
  1596. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  1597. border-radius: 4px;
  1598. }
  1599. .p-button:enabled:hover {
  1600. background: rgba(255, 179, 0, 0.92);
  1601. color: #212121;
  1602. border-color: transparent;
  1603. }
  1604. .p-button:enabled:active {
  1605. background: rgba(255, 179, 0, 0.68);
  1606. color: #212121;
  1607. border-color: transparent;
  1608. }
  1609. .p-button.p-button-outlined {
  1610. background-color: transparent;
  1611. color: #FFB300;
  1612. border: 0 none;
  1613. }
  1614. .p-button.p-button-outlined:enabled:hover {
  1615. background: rgba(255, 179, 0, 0.04);
  1616. color: #FFB300;
  1617. border: 0 none;
  1618. }
  1619. .p-button.p-button-outlined:enabled:active {
  1620. background: rgba(255, 179, 0, 0.16);
  1621. color: #FFB300;
  1622. border: 0 none;
  1623. }
  1624. .p-button.p-button-outlined.p-button-plain {
  1625. color: rgba(0, 0, 0, 0.6);
  1626. border-color: rgba(0, 0, 0, 0.6);
  1627. }
  1628. .p-button.p-button-outlined.p-button-plain:enabled:hover {
  1629. background: rgba(0, 0, 0, 0.04);
  1630. color: rgba(0, 0, 0, 0.6);
  1631. }
  1632. .p-button.p-button-outlined.p-button-plain:enabled:active {
  1633. background: rgba(0, 0, 0, 0.16);
  1634. color: rgba(0, 0, 0, 0.6);
  1635. }
  1636. .p-button.p-button-text {
  1637. background-color: transparent;
  1638. color: #FFB300;
  1639. border-color: transparent;
  1640. }
  1641. .p-button.p-button-text:enabled:hover {
  1642. background: rgba(255, 179, 0, 0.04);
  1643. color: #FFB300;
  1644. border-color: transparent;
  1645. }
  1646. .p-button.p-button-text:enabled:active {
  1647. background: rgba(255, 179, 0, 0.16);
  1648. color: #FFB300;
  1649. border-color: transparent;
  1650. }
  1651. .p-button.p-button-text.p-button-plain {
  1652. color: rgba(0, 0, 0, 0.6);
  1653. }
  1654. .p-button.p-button-text.p-button-plain:enabled:hover {
  1655. background: rgba(0, 0, 0, 0.04);
  1656. color: rgba(0, 0, 0, 0.6);
  1657. }
  1658. .p-button.p-button-text.p-button-plain:enabled:active {
  1659. background: rgba(0, 0, 0, 0.16);
  1660. color: rgba(0, 0, 0, 0.6);
  1661. }
  1662. .p-button:focus {
  1663. outline: 0 none;
  1664. outline-offset: 0;
  1665. box-shadow: none;
  1666. }
  1667. .p-button .p-button-icon-left {
  1668. margin-right: 0.5rem;
  1669. }
  1670. .p-button .p-button-icon-right {
  1671. margin-left: 0.5rem;
  1672. }
  1673. .p-button .p-button-icon-bottom {
  1674. margin-top: 0.5rem;
  1675. }
  1676. .p-button .p-button-icon-top {
  1677. margin-bottom: 0.5rem;
  1678. }
  1679. .p-button .p-badge {
  1680. margin-left: 0.5rem;
  1681. min-width: 1rem;
  1682. height: 1rem;
  1683. line-height: 1rem;
  1684. color: #FFB300;
  1685. background-color: #212121;
  1686. }
  1687. .p-button.p-button-raised {
  1688. 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);
  1689. }
  1690. .p-button.p-button-rounded {
  1691. border-radius: 2rem;
  1692. }
  1693. .p-button.p-button-icon-only {
  1694. width: 2.75rem;
  1695. padding: 0.643rem;
  1696. }
  1697. .p-button.p-button-icon-only .p-button-icon-left,
  1698. .p-button.p-button-icon-only .p-button-icon-right {
  1699. margin: 0;
  1700. }
  1701. .p-button.p-button-icon-only.p-button-rounded {
  1702. border-radius: 50%;
  1703. height: 2.75rem;
  1704. }
  1705. .p-button.p-button-sm {
  1706. font-size: 0.875rem;
  1707. padding: 0.562625rem 0.65625rem;
  1708. }
  1709. .p-button.p-button-sm .p-button-icon {
  1710. font-size: 0.875rem;
  1711. }
  1712. .p-button.p-button-lg {
  1713. font-size: 1.25rem;
  1714. padding: 0.80375rem 0.9375rem;
  1715. }
  1716. .p-button.p-button-lg .p-button-icon {
  1717. font-size: 1.25rem;
  1718. }
  1719. .p-button.p-button-loading-label-only .p-button-label {
  1720. margin-left: 0.5rem;
  1721. }
  1722. .p-button.p-button-loading-label-only .p-button-loading-icon {
  1723. margin-right: 0;
  1724. }
  1725. .p-fluid .p-button {
  1726. width: 100%;
  1727. }
  1728. .p-fluid .p-button-icon-only {
  1729. width: 2.75rem;
  1730. }
  1731. .p-fluid .p-buttonset {
  1732. display: flex;
  1733. }
  1734. .p-fluid .p-buttonset .p-button {
  1735. flex: 1;
  1736. }
  1737. .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
  1738. color: #ffffff;
  1739. background: #0745ff;
  1740. border: 0 none;
  1741. }
  1742. .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  1743. background: rgba(7, 69, 255, 0.92);
  1744. color: #ffffff;
  1745. border-color: transparent;
  1746. }
  1747. .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  1748. box-shadow: none;
  1749. }
  1750. .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  1751. background: rgba(7, 69, 255, 0.68);
  1752. color: #ffffff;
  1753. border-color: transparent;
  1754. }
  1755. .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 {
  1756. background-color: transparent;
  1757. color: #0745ff;
  1758. border: 0 none;
  1759. }
  1760. .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  1761. background: rgba(7, 69, 255, 0.04);
  1762. color: #0745ff;
  1763. border: 0 none;
  1764. }
  1765. .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  1766. background: rgba(7, 69, 255, 0.16);
  1767. color: #0745ff;
  1768. border: 0 none;
  1769. }
  1770. .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 {
  1771. background-color: transparent;
  1772. color: #0745ff;
  1773. border-color: transparent;
  1774. }
  1775. .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  1776. background: rgba(7, 69, 255, 0.04);
  1777. border-color: transparent;
  1778. color: #0745ff;
  1779. }
  1780. .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  1781. background: rgba(7, 69, 255, 0.16);
  1782. border-color: transparent;
  1783. color: #0745ff;
  1784. }
  1785. .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
  1786. color: #ffffff;
  1787. background: #2196F3;
  1788. border: 0 none;
  1789. }
  1790. .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
  1791. background: rgba(33, 150, 243, 0.92);
  1792. color: #ffffff;
  1793. border-color: transparent;
  1794. }
  1795. .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
  1796. box-shadow: none;
  1797. }
  1798. .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
  1799. background: rgba(33, 150, 243, 0.68);
  1800. color: #ffffff;
  1801. border-color: transparent;
  1802. }
  1803. .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 {
  1804. background-color: transparent;
  1805. color: #2196F3;
  1806. border: 0 none;
  1807. }
  1808. .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  1809. background: rgba(33, 150, 243, 0.04);
  1810. color: #2196F3;
  1811. border: 0 none;
  1812. }
  1813. .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  1814. background: rgba(33, 150, 243, 0.16);
  1815. color: #2196F3;
  1816. border: 0 none;
  1817. }
  1818. .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 {
  1819. background-color: transparent;
  1820. color: #2196F3;
  1821. border-color: transparent;
  1822. }
  1823. .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  1824. background: rgba(33, 150, 243, 0.04);
  1825. border-color: transparent;
  1826. color: #2196F3;
  1827. }
  1828. .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  1829. background: rgba(33, 150, 243, 0.16);
  1830. border-color: transparent;
  1831. color: #2196F3;
  1832. }
  1833. .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
  1834. color: #ffffff;
  1835. background: #689F38;
  1836. border: 0 none;
  1837. }
  1838. .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
  1839. background: rgba(104, 159, 56, 0.92);
  1840. color: #ffffff;
  1841. border-color: transparent;
  1842. }
  1843. .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
  1844. box-shadow: none;
  1845. }
  1846. .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
  1847. background: rgba(104, 159, 56, 0.68);
  1848. color: #ffffff;
  1849. border-color: transparent;
  1850. }
  1851. .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 {
  1852. background-color: transparent;
  1853. color: #689F38;
  1854. border: 0 none;
  1855. }
  1856. .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  1857. background: rgba(104, 159, 56, 0.04);
  1858. color: #689F38;
  1859. border: 0 none;
  1860. }
  1861. .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  1862. background: rgba(104, 159, 56, 0.16);
  1863. color: #689F38;
  1864. border: 0 none;
  1865. }
  1866. .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 {
  1867. background-color: transparent;
  1868. color: #689F38;
  1869. border-color: transparent;
  1870. }
  1871. .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  1872. background: rgba(104, 159, 56, 0.04);
  1873. border-color: transparent;
  1874. color: #689F38;
  1875. }
  1876. .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  1877. background: rgba(104, 159, 56, 0.16);
  1878. border-color: transparent;
  1879. color: #689F38;
  1880. }
  1881. .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
  1882. color: #212529;
  1883. background: #FBC02D;
  1884. border: 0 none;
  1885. }
  1886. .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  1887. background: rgba(251, 192, 45, 0.92);
  1888. color: #212529;
  1889. border-color: transparent;
  1890. }
  1891. .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
  1892. box-shadow: none;
  1893. }
  1894. .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
  1895. background: rgba(251, 192, 45, 0.68);
  1896. color: #212529;
  1897. border-color: transparent;
  1898. }
  1899. .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 {
  1900. background-color: transparent;
  1901. color: #FBC02D;
  1902. border: 0 none;
  1903. }
  1904. .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  1905. background: rgba(251, 192, 45, 0.04);
  1906. color: #FBC02D;
  1907. border: 0 none;
  1908. }
  1909. .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  1910. background: rgba(251, 192, 45, 0.16);
  1911. color: #FBC02D;
  1912. border: 0 none;
  1913. }
  1914. .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 {
  1915. background-color: transparent;
  1916. color: #FBC02D;
  1917. border-color: transparent;
  1918. }
  1919. .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  1920. background: rgba(251, 192, 45, 0.04);
  1921. border-color: transparent;
  1922. color: #FBC02D;
  1923. }
  1924. .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  1925. background: rgba(251, 192, 45, 0.16);
  1926. border-color: transparent;
  1927. color: #FBC02D;
  1928. }
  1929. .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
  1930. color: #ffffff;
  1931. background: #9C27B0;
  1932. border: 0 none;
  1933. }
  1934. .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
  1935. background: rgba(156, 39, 176, 0.92);
  1936. color: #ffffff;
  1937. border-color: transparent;
  1938. }
  1939. .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
  1940. box-shadow: none;
  1941. }
  1942. .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
  1943. background: rgba(156, 39, 176, 0.68);
  1944. color: #ffffff;
  1945. border-color: transparent;
  1946. }
  1947. .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 {
  1948. background-color: transparent;
  1949. color: #9C27B0;
  1950. border: 0 none;
  1951. }
  1952. .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  1953. background: rgba(156, 39, 176, 0.04);
  1954. color: #9C27B0;
  1955. border: 0 none;
  1956. }
  1957. .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  1958. background: rgba(156, 39, 176, 0.16);
  1959. color: #9C27B0;
  1960. border: 0 none;
  1961. }
  1962. .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 {
  1963. background-color: transparent;
  1964. color: #9C27B0;
  1965. border-color: transparent;
  1966. }
  1967. .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  1968. background: rgba(156, 39, 176, 0.04);
  1969. border-color: transparent;
  1970. color: #9C27B0;
  1971. }
  1972. .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  1973. background: rgba(156, 39, 176, 0.16);
  1974. border-color: transparent;
  1975. color: #9C27B0;
  1976. }
  1977. .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
  1978. color: #ffffff;
  1979. background: #D32F2F;
  1980. border: 0 none;
  1981. }
  1982. .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
  1983. background: rgba(211, 47, 47, 0.92);
  1984. color: #ffffff;
  1985. border-color: transparent;
  1986. }
  1987. .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
  1988. box-shadow: none;
  1989. }
  1990. .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
  1991. background: rgba(211, 47, 47, 0.68);
  1992. color: #ffffff;
  1993. border-color: transparent;
  1994. }
  1995. .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 {
  1996. background-color: transparent;
  1997. color: #D32F2F;
  1998. border: 0 none;
  1999. }
  2000. .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  2001. background: rgba(211, 47, 47, 0.04);
  2002. color: #D32F2F;
  2003. border: 0 none;
  2004. }
  2005. .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  2006. background: rgba(211, 47, 47, 0.16);
  2007. color: #D32F2F;
  2008. border: 0 none;
  2009. }
  2010. .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 {
  2011. background-color: transparent;
  2012. color: #D32F2F;
  2013. border-color: transparent;
  2014. }
  2015. .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  2016. background: rgba(211, 47, 47, 0.04);
  2017. border-color: transparent;
  2018. color: #D32F2F;
  2019. }
  2020. .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  2021. background: rgba(211, 47, 47, 0.16);
  2022. border-color: transparent;
  2023. color: #D32F2F;
  2024. }
  2025. .p-button.p-button-link {
  2026. color: #FFB300;
  2027. background: transparent;
  2028. border: transparent;
  2029. }
  2030. .p-button.p-button-link:enabled:hover {
  2031. background: transparent;
  2032. color: #FFB300;
  2033. border-color: transparent;
  2034. }
  2035. .p-button.p-button-link:enabled:hover .p-button-label {
  2036. text-decoration: underline;
  2037. }
  2038. .p-button.p-button-link:enabled:focus {
  2039. background: transparent;
  2040. box-shadow: none;
  2041. border-color: transparent;
  2042. }
  2043. .p-button.p-button-link:enabled:active {
  2044. background: transparent;
  2045. color: #FFB300;
  2046. border-color: transparent;
  2047. }
  2048. .p-speeddial-button.p-button.p-button-icon-only {
  2049. width: 4rem;
  2050. height: 4rem;
  2051. }
  2052. .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
  2053. font-size: 2rem;
  2054. }
  2055. .p-speeddial-action {
  2056. width: 3rem;
  2057. height: 3rem;
  2058. background: #0745ff;
  2059. color: #fff;
  2060. }
  2061. .p-speeddial-action:hover {
  2062. background: rgba(7, 69, 255, 0.92);
  2063. color: #fff;
  2064. }
  2065. .p-speeddial-direction-up .p-speeddial-item {
  2066. margin: 0.25rem 0;
  2067. }
  2068. .p-speeddial-direction-up .p-speeddial-item:first-child {
  2069. margin-bottom: 0.5rem;
  2070. }
  2071. .p-speeddial-direction-down .p-speeddial-item {
  2072. margin: 0.25rem 0;
  2073. }
  2074. .p-speeddial-direction-down .p-speeddial-item:first-child {
  2075. margin-top: 0.5rem;
  2076. }
  2077. .p-speeddial-direction-left .p-speeddial-item {
  2078. margin: 0 0.25rem;
  2079. }
  2080. .p-speeddial-direction-left .p-speeddial-item:first-child {
  2081. margin-right: 0.5rem;
  2082. }
  2083. .p-speeddial-direction-right .p-speeddial-item {
  2084. margin: 0 0.25rem;
  2085. }
  2086. .p-speeddial-direction-right .p-speeddial-item:first-child {
  2087. margin-left: 0.5rem;
  2088. }
  2089. .p-speeddial-circle .p-speeddial-item,
  2090. .p-speeddial-semi-circle .p-speeddial-item,
  2091. .p-speeddial-quarter-circle .p-speeddial-item {
  2092. margin: 0;
  2093. }
  2094. .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
  2095. .p-speeddial-semi-circle .p-speeddial-item:first-child,
  2096. .p-speeddial-semi-circle .p-speeddial-item:last-child,
  2097. .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  2098. .p-speeddial-quarter-circle .p-speeddial-item:last-child {
  2099. margin: 0;
  2100. }
  2101. .p-speeddial-mask {
  2102. background-color: rgba(0, 0, 0, 0.32);
  2103. }
  2104. .p-carousel .p-carousel-content .p-carousel-prev,
  2105. .p-carousel .p-carousel-content .p-carousel-next {
  2106. width: 2rem;
  2107. height: 2rem;
  2108. color: rgba(0, 0, 0, 0.6);
  2109. border: 0 none;
  2110. background: transparent;
  2111. border-radius: 50%;
  2112. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  2113. margin: 0.5rem;
  2114. }
  2115. .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  2116. .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  2117. color: rgba(0, 0, 0, 0.6);
  2118. border-color: transparent;
  2119. background: rgba(0, 0, 0, 0.04);
  2120. }
  2121. .p-carousel .p-carousel-content .p-carousel-prev:focus,
  2122. .p-carousel .p-carousel-content .p-carousel-next:focus {
  2123. outline: 0 none;
  2124. outline-offset: 0;
  2125. box-shadow: none;
  2126. }
  2127. .p-carousel .p-carousel-indicators {
  2128. padding: 1rem;
  2129. }
  2130. .p-carousel .p-carousel-indicators .p-carousel-indicator {
  2131. margin-right: 0.5rem;
  2132. margin-bottom: 0.5rem;
  2133. }
  2134. .p-carousel .p-carousel-indicators .p-carousel-indicator button {
  2135. background-color: #dcdcdc;
  2136. width: 2rem;
  2137. height: 0.5rem;
  2138. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  2139. border-radius: 0;
  2140. }
  2141. .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  2142. background: #ececec;
  2143. }
  2144. .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  2145. background: rgba(255, 179, 0, 0.12);
  2146. color: #FFB300;
  2147. }
  2148. .p-datatable .p-paginator-top {
  2149. border-width: 0 0 1px 0;
  2150. border-radius: 0;
  2151. }
  2152. .p-datatable .p-paginator-bottom {
  2153. border-width: 0 0 1px 0;
  2154. border-radius: 0;
  2155. }
  2156. .p-datatable .p-datatable-header {
  2157. background: #ffffff;
  2158. color: rgba(0, 0, 0, 0.87);
  2159. border: 1px solid #e4e4e4;
  2160. border-width: 0 0 1px 0;
  2161. padding: 0.75rem 0.75rem;
  2162. font-weight: 500;
  2163. }
  2164. .p-datatable .p-datatable-footer {
  2165. background: #ffffff;
  2166. color: rgba(0, 0, 0, 0.87);
  2167. border: 1px solid #e4e4e4;
  2168. border-width: 0 0 1px 0;
  2169. padding: 0.75rem 0.75rem;
  2170. font-weight: 500;
  2171. }
  2172. .p-datatable .p-datatable-thead > tr > th {
  2173. text-align: left;
  2174. padding: 0.75rem 0.75rem;
  2175. border: 1px solid #e4e4e4;
  2176. border-width: 0 0 1px 0;
  2177. font-weight: 500;
  2178. color: rgba(0, 0, 0, 0.87);
  2179. background: #ffffff;
  2180. transition: none;
  2181. }
  2182. .p-datatable .p-datatable-tfoot > tr > td {
  2183. text-align: left;
  2184. padding: 0.75rem 0.75rem;
  2185. border: 1px solid #e4e4e4;
  2186. border-width: 0 0 1px 0;
  2187. font-weight: 500;
  2188. color: rgba(0, 0, 0, 0.87);
  2189. background: #ffffff;
  2190. }
  2191. .p-datatable .p-sortable-column .p-sortable-column-icon {
  2192. color: rgba(0, 0, 0, 0.6);
  2193. margin-left: 0.5rem;
  2194. }
  2195. .p-datatable .p-sortable-column .p-sortable-column-badge {
  2196. border-radius: 50%;
  2197. height: 1.143rem;
  2198. min-width: 1.143rem;
  2199. line-height: 1.143rem;
  2200. color: #FFB300;
  2201. background: rgba(255, 179, 0, 0.12);
  2202. margin-left: 0.5rem;
  2203. }
  2204. .p-datatable .p-sortable-column:not(.p-highlight):hover {
  2205. background: rgba(0, 0, 0, 0.04);
  2206. color: rgba(0, 0, 0, 0.87);
  2207. }
  2208. .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  2209. color: rgba(0, 0, 0, 0.6);
  2210. }
  2211. .p-datatable .p-sortable-column.p-highlight {
  2212. background: #ffffff;
  2213. color: rgba(0, 0, 0, 0.87);
  2214. }
  2215. .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  2216. color: rgba(0, 0, 0, 0.87);
  2217. }
  2218. .p-datatable .p-sortable-column.p-highlight:hover {
  2219. background: rgba(0, 0, 0, 0.04);
  2220. color: rgba(0, 0, 0, 0.87);
  2221. }
  2222. .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  2223. color: rgba(0, 0, 0, 0.87);
  2224. }
  2225. .p-datatable .p-sortable-column:focus {
  2226. box-shadow: none;
  2227. outline: 0 none;
  2228. }
  2229. .p-datatable .p-datatable-tbody > tr {
  2230. background: #ffffff;
  2231. color: rgba(0, 0, 0, 0.87);
  2232. transition: none;
  2233. outline-color: transparent;
  2234. }
  2235. .p-datatable .p-datatable-tbody > tr > td {
  2236. text-align: left;
  2237. border: 1px solid #e4e4e4;
  2238. border-width: 0 0 1px 0;
  2239. padding: 0.75rem 0.75rem;
  2240. }
  2241. .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  2242. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  2243. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  2244. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  2245. width: 2rem;
  2246. height: 2rem;
  2247. color: rgba(0, 0, 0, 0.6);
  2248. border: 0 none;
  2249. background: transparent;
  2250. border-radius: 50%;
  2251. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  2252. }
  2253. .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  2254. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  2255. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  2256. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  2257. color: rgba(0, 0, 0, 0.6);
  2258. border-color: transparent;
  2259. background: rgba(0, 0, 0, 0.04);
  2260. }
  2261. .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
  2262. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
  2263. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
  2264. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  2265. outline: 0 none;
  2266. outline-offset: 0;
  2267. box-shadow: none;
  2268. }
  2269. .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  2270. margin-right: 0.5rem;
  2271. }
  2272. .p-datatable .p-datatable-tbody > tr.p-highlight {
  2273. background: rgba(255, 179, 0, 0.12);
  2274. color: #FFB300;
  2275. }
  2276. .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  2277. box-shadow: inset 0 2px 0 0 rgba(255, 179, 0, 0.12);
  2278. }
  2279. .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  2280. box-shadow: inset 0 -2px 0 0 rgba(255, 179, 0, 0.12);
  2281. }
  2282. .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  2283. background: rgba(0, 0, 0, 0.04);
  2284. color: rgba(0, 0, 0, 0.87);
  2285. }
  2286. .p-datatable .p-column-resizer-helper {
  2287. background: #FFB300;
  2288. }
  2289. .p-datatable .p-datatable-scrollable-header,
  2290. .p-datatable .p-datatable-scrollable-footer {
  2291. background: #ffffff;
  2292. }
  2293. .p-datatable .p-datatable-loading-icon {
  2294. font-size: 2rem;
  2295. }
  2296. .p-datatable.p-datatable-gridlines .p-datatable-header {
  2297. border-width: 1px 1px 0 1px;
  2298. }
  2299. .p-datatable.p-datatable-gridlines .p-datatable-footer {
  2300. border-width: 0 1px 1px 1px;
  2301. }
  2302. .p-datatable.p-datatable-gridlines .p-paginator-top {
  2303. border-width: 0 1px 0 1px;
  2304. }
  2305. .p-datatable.p-datatable-gridlines .p-paginator-bottom {
  2306. border-width: 0 1px 1px 1px;
  2307. }
  2308. .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  2309. border-width: 1px 1px 1px 1px;
  2310. }
  2311. .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  2312. border-width: 1px;
  2313. }
  2314. .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  2315. border-width: 1px;
  2316. }
  2317. .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  2318. background: rgba(0, 0, 0, 0.02);
  2319. }
  2320. .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  2321. background: rgba(255, 179, 0, 0.12);
  2322. color: #FFB300;
  2323. }
  2324. .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
  2325. color: #FFB300;
  2326. }
  2327. .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  2328. color: #FFB300;
  2329. }
  2330. .p-datatable.p-datatable-sm .p-datatable-header {
  2331. padding: 0.375rem 0.375rem;
  2332. }
  2333. .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  2334. padding: 0.375rem 0.375rem;
  2335. }
  2336. .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  2337. padding: 0.375rem 0.375rem;
  2338. }
  2339. .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  2340. padding: 0.375rem 0.375rem;
  2341. }
  2342. .p-datatable.p-datatable-sm .p-datatable-footer {
  2343. padding: 0.375rem 0.375rem;
  2344. }
  2345. .p-datatable.p-datatable-lg .p-datatable-header {
  2346. padding: 0.9375rem 0.9375rem;
  2347. }
  2348. .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  2349. padding: 0.9375rem 0.9375rem;
  2350. }
  2351. .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  2352. padding: 0.9375rem 0.9375rem;
  2353. }
  2354. .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  2355. padding: 0.9375rem 0.9375rem;
  2356. }
  2357. .p-datatable.p-datatable-lg .p-datatable-footer {
  2358. padding: 0.9375rem 0.9375rem;
  2359. }
  2360. .p-dataview .p-paginator-top {
  2361. border-width: 0 0 1px 0;
  2362. border-radius: 0;
  2363. }
  2364. .p-dataview .p-paginator-bottom {
  2365. border-width: 0 0 1px 0;
  2366. border-radius: 0;
  2367. }
  2368. .p-dataview .p-dataview-header {
  2369. background: #ffffff;
  2370. color: rgba(0, 0, 0, 0.87);
  2371. border: 1px solid #e4e4e4;
  2372. border-width: 0 0 1px 0;
  2373. padding: 0.75rem 0.75rem;
  2374. font-weight: 500;
  2375. }
  2376. .p-dataview .p-dataview-content {
  2377. background: #ffffff;
  2378. color: rgba(0, 0, 0, 0.87);
  2379. border: 0 none;
  2380. padding: 0.75rem;
  2381. }
  2382. .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  2383. border: solid rgba(0, 0, 0, 0.12);
  2384. border-width: 0 0 1px 0;
  2385. }
  2386. .p-dataview .p-dataview-footer {
  2387. background: #ffffff;
  2388. color: rgba(0, 0, 0, 0.87);
  2389. border: 1px solid #e4e4e4;
  2390. border-width: 0 0 1px 0;
  2391. padding: 0.75rem 0.75rem;
  2392. font-weight: 500;
  2393. border-bottom-left-radius: 4px;
  2394. border-bottom-right-radius: 4px;
  2395. }
  2396. .p-dataview .p-dataview-loading-icon {
  2397. font-size: 2rem;
  2398. }
  2399. .p-dataview .p-dataview-emptymessage {
  2400. padding: 0.75rem;
  2401. }
  2402. .p-column-filter-row .p-column-filter-menu-button,
  2403. .p-column-filter-row .p-column-filter-clear-button {
  2404. margin-left: 0.5rem;
  2405. }
  2406. .p-column-filter-menu-button {
  2407. width: 2rem;
  2408. height: 2rem;
  2409. color: rgba(0, 0, 0, 0.6);
  2410. border: 0 none;
  2411. background: transparent;
  2412. border-radius: 50%;
  2413. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  2414. }
  2415. .p-column-filter-menu-button:hover {
  2416. color: rgba(0, 0, 0, 0.6);
  2417. border-color: transparent;
  2418. background: rgba(0, 0, 0, 0.04);
  2419. }
  2420. .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  2421. background: rgba(0, 0, 0, 0.04);
  2422. color: rgba(0, 0, 0, 0.6);
  2423. }
  2424. .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  2425. background: rgba(255, 179, 0, 0.12);
  2426. color: #FFB300;
  2427. }
  2428. .p-column-filter-menu-button:focus {
  2429. outline: 0 none;
  2430. outline-offset: 0;
  2431. box-shadow: none;
  2432. }
  2433. .p-column-filter-clear-button {
  2434. width: 2rem;
  2435. height: 2rem;
  2436. color: rgba(0, 0, 0, 0.6);
  2437. border: 0 none;
  2438. background: transparent;
  2439. border-radius: 50%;
  2440. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  2441. }
  2442. .p-column-filter-clear-button:hover {
  2443. color: rgba(0, 0, 0, 0.6);
  2444. border-color: transparent;
  2445. background: rgba(0, 0, 0, 0.04);
  2446. }
  2447. .p-column-filter-clear-button:focus {
  2448. outline: 0 none;
  2449. outline-offset: 0;
  2450. box-shadow: none;
  2451. }
  2452. .p-column-filter-overlay {
  2453. background: #ffffff;
  2454. color: rgba(0, 0, 0, 0.87);
  2455. border: 0 none;
  2456. border-radius: 4px;
  2457. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  2458. min-width: 12.5rem;
  2459. }
  2460. .p-column-filter-overlay .p-column-filter-row-items {
  2461. padding: 0;
  2462. }
  2463. .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  2464. margin: 0;
  2465. padding: 0.75rem 0.75rem;
  2466. border: 0 none;
  2467. color: rgba(0, 0, 0, 0.87);
  2468. background: transparent;
  2469. transition: none;
  2470. border-radius: 0;
  2471. }
  2472. .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  2473. color: #FFB300;
  2474. background: rgba(255, 179, 0, 0.12);
  2475. }
  2476. .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  2477. color: rgba(0, 0, 0, 0.87);
  2478. background: rgba(0, 0, 0, 0.04);
  2479. }
  2480. .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  2481. outline: 0 none;
  2482. outline-offset: 0;
  2483. box-shadow: none;
  2484. }
  2485. .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  2486. border-top: 1px solid rgba(0, 0, 0, 0.12);
  2487. margin: 0.5rem 0;
  2488. }
  2489. .p-column-filter-overlay-menu .p-column-filter-operator {
  2490. padding: 0.75rem;
  2491. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  2492. color: rgba(0, 0, 0, 0.87);
  2493. background: #ffffff;
  2494. margin: 0;
  2495. border-top-right-radius: 4px;
  2496. border-top-left-radius: 4px;
  2497. }
  2498. .p-column-filter-overlay-menu .p-column-filter-constraint {
  2499. padding: 0.75rem;
  2500. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  2501. }
  2502. .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  2503. margin-bottom: 0.5rem;
  2504. }
  2505. .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
  2506. margin-top: 0.5rem;
  2507. }
  2508. .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  2509. border-bottom: 0 none;
  2510. }
  2511. .p-column-filter-overlay-menu .p-column-filter-add-rule {
  2512. padding: 0.75rem 0.75rem;
  2513. }
  2514. .p-column-filter-overlay-menu .p-column-filter-buttonbar {
  2515. padding: 0.75rem;
  2516. }
  2517. .fc {
  2518. /* FullCalendar 4 */
  2519. /* FullCalendar 5 */
  2520. }
  2521. .fc.fc-unthemed .fc-view-container th {
  2522. background: #ffffff;
  2523. border: 1px solid #e0e0e0;
  2524. color: rgba(0, 0, 0, 0.87);
  2525. }
  2526. .fc.fc-unthemed .fc-view-container td.fc-widget-content {
  2527. background: #ffffff;
  2528. border: 1px solid #e0e0e0;
  2529. color: rgba(0, 0, 0, 0.87);
  2530. }
  2531. .fc.fc-unthemed .fc-view-container td.fc-head-container {
  2532. border: 1px solid #e0e0e0;
  2533. }
  2534. .fc.fc-unthemed .fc-view-container .fc-row {
  2535. border-right: 1px solid #e0e0e0;
  2536. }
  2537. .fc.fc-unthemed .fc-view-container .fc-event {
  2538. background: rgba(255, 179, 0, 0.12);
  2539. border: 1px solid rgba(255, 179, 0, 0.12);
  2540. color: #FFB300;
  2541. }
  2542. .fc.fc-unthemed .fc-view-container .fc-divider {
  2543. background: #ffffff;
  2544. border: 1px solid #e0e0e0;
  2545. }
  2546. .fc.fc-unthemed .fc-toolbar .fc-button {
  2547. color: #212121;
  2548. background: #FFB300;
  2549. border: 0 none;
  2550. font-size: 1rem;
  2551. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  2552. border-radius: 4px;
  2553. display: flex;
  2554. align-items: center;
  2555. }
  2556. .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  2557. background: rgba(255, 179, 0, 0.92);
  2558. color: #212121;
  2559. border-color: transparent;
  2560. }
  2561. .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  2562. background: rgba(255, 179, 0, 0.68);
  2563. color: #212121;
  2564. border-color: transparent;
  2565. }
  2566. .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  2567. outline: 0 none;
  2568. outline-offset: 0;
  2569. box-shadow: none;
  2570. }
  2571. .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
  2572. font-family: "PrimeIcons" !important;
  2573. text-indent: 0;
  2574. font-size: 1rem;
  2575. }
  2576. .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  2577. content: "";
  2578. }
  2579. .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
  2580. font-family: "PrimeIcons" !important;
  2581. text-indent: 0;
  2582. font-size: 1rem;
  2583. }
  2584. .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  2585. content: "";
  2586. }
  2587. .fc.fc-unthemed .fc-toolbar .fc-button:focus {
  2588. outline: 0 none;
  2589. outline-offset: 0;
  2590. box-shadow: none;
  2591. }
  2592. .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 {
  2593. background: #ffffff;
  2594. border: 1px solid rgba(0, 0, 0, 0.12);
  2595. color: rgba(0, 0, 0, 0.87);
  2596. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  2597. }
  2598. .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 {
  2599. background: #f6f6f6;
  2600. border-color: rgba(0, 0, 0, 0.12);
  2601. color: rgba(0, 0, 0, 0.87);
  2602. }
  2603. .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 {
  2604. background: #e0e0e1;
  2605. border-color: #e0e0e1;
  2606. color: rgba(0, 0, 0, 0.87);
  2607. }
  2608. .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 {
  2609. background: #d9d8d9;
  2610. border-color: #d9d8d9;
  2611. color: rgba(0, 0, 0, 0.87);
  2612. }
  2613. .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 {
  2614. outline: 0 none;
  2615. outline-offset: 0;
  2616. box-shadow: none;
  2617. z-index: 1;
  2618. }
  2619. .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
  2620. border-radius: 0;
  2621. }
  2622. .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  2623. border-top-left-radius: 4px;
  2624. border-bottom-left-radius: 4px;
  2625. }
  2626. .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  2627. border-top-right-radius: 4px;
  2628. border-bottom-right-radius: 4px;
  2629. }
  2630. .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  2631. border-color: #e0e0e0;
  2632. }
  2633. .fc.fc-theme-standard .fc-view-harness th {
  2634. background: #ffffff;
  2635. border-color: #e0e0e0;
  2636. color: rgba(0, 0, 0, 0.87);
  2637. }
  2638. .fc.fc-theme-standard .fc-view-harness td {
  2639. color: rgba(0, 0, 0, 0.87);
  2640. border-color: #e0e0e0;
  2641. }
  2642. .fc.fc-theme-standard .fc-view-harness .fc-view {
  2643. background: #ffffff;
  2644. }
  2645. .fc.fc-theme-standard .fc-view-harness .fc-popover {
  2646. background: none;
  2647. border: 0 none;
  2648. }
  2649. .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  2650. border: 1px solid #e0e0e0;
  2651. padding: 0.75rem;
  2652. background: #ffffff;
  2653. color: rgba(0, 0, 0, 0.87);
  2654. }
  2655. .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  2656. opacity: 1;
  2657. display: flex;
  2658. align-items: center;
  2659. justify-content: center;
  2660. overflow: hidden;
  2661. font-family: "PrimeIcons" !important;
  2662. font-size: 1rem;
  2663. width: 2rem;
  2664. height: 2rem;
  2665. color: rgba(0, 0, 0, 0.6);
  2666. border: 0 none;
  2667. background: transparent;
  2668. border-radius: 50%;
  2669. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  2670. }
  2671. .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
  2672. content: "";
  2673. }
  2674. .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
  2675. color: rgba(0, 0, 0, 0.6);
  2676. border-color: transparent;
  2677. background: rgba(0, 0, 0, 0.04);
  2678. }
  2679. .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
  2680. outline: 0 none;
  2681. outline-offset: 0;
  2682. box-shadow: none;
  2683. }
  2684. .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  2685. padding: 0.75rem;
  2686. border: 1px solid #e0e0e0;
  2687. background: #ffffff;
  2688. color: rgba(0, 0, 0, 0.87);
  2689. border-top: 0 none;
  2690. }
  2691. .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  2692. color: #FFB300;
  2693. background: rgba(255, 179, 0, 0.12);
  2694. border-color: rgba(255, 179, 0, 0.12);
  2695. }
  2696. .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
  2697. color: #FFB300;
  2698. }
  2699. .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
  2700. background: rgba(255, 179, 0, 0.12);
  2701. border-color: rgba(255, 179, 0, 0.12);
  2702. }
  2703. .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  2704. background: rgba(0, 0, 0, 0.04);
  2705. color: rgba(0, 0, 0, 0.87);
  2706. }
  2707. .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  2708. background: #ffffff;
  2709. }
  2710. .fc.fc-theme-standard .fc-toolbar .fc-button {
  2711. color: #212121;
  2712. background: #FFB300;
  2713. border: 0 none;
  2714. font-size: 1rem;
  2715. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  2716. border-radius: 4px;
  2717. }
  2718. .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  2719. background: rgba(255, 179, 0, 0.92);
  2720. color: #212121;
  2721. border-color: transparent;
  2722. }
  2723. .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  2724. background: rgba(255, 179, 0, 0.68);
  2725. color: #212121;
  2726. border-color: transparent;
  2727. }
  2728. .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  2729. outline: 0 none;
  2730. outline-offset: 0;
  2731. box-shadow: none;
  2732. }
  2733. .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  2734. opacity: 0.38;
  2735. color: #212121;
  2736. background: #FFB300;
  2737. border: 0 none;
  2738. }
  2739. .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
  2740. font-family: "PrimeIcons" !important;
  2741. text-indent: 0;
  2742. font-size: 1rem;
  2743. }
  2744. .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  2745. content: "";
  2746. }
  2747. .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
  2748. font-family: "PrimeIcons" !important;
  2749. text-indent: 0;
  2750. font-size: 1rem;
  2751. }
  2752. .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  2753. content: "";
  2754. }
  2755. .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  2756. outline: 0 none;
  2757. outline-offset: 0;
  2758. box-shadow: none;
  2759. }
  2760. .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 {
  2761. background: #ffffff;
  2762. border: 1px solid rgba(0, 0, 0, 0.12);
  2763. color: rgba(0, 0, 0, 0.87);
  2764. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  2765. }
  2766. .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 {
  2767. background: #f6f6f6;
  2768. border-color: rgba(0, 0, 0, 0.12);
  2769. color: rgba(0, 0, 0, 0.87);
  2770. }
  2771. .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 {
  2772. background: #e0e0e1;
  2773. border-color: #e0e0e1;
  2774. color: rgba(0, 0, 0, 0.87);
  2775. }
  2776. .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 {
  2777. background: #d9d8d9;
  2778. border-color: #d9d8d9;
  2779. color: rgba(0, 0, 0, 0.87);
  2780. }
  2781. .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 {
  2782. outline: 0 none;
  2783. outline-offset: 0;
  2784. box-shadow: none;
  2785. z-index: 1;
  2786. }
  2787. .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
  2788. border-radius: 0;
  2789. }
  2790. .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  2791. border-top-left-radius: 4px;
  2792. border-bottom-left-radius: 4px;
  2793. }
  2794. .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  2795. border-top-right-radius: 4px;
  2796. border-bottom-right-radius: 4px;
  2797. }
  2798. .fc.fc-theme-standard a {
  2799. color: rgba(0, 0, 0, 0.87);
  2800. }
  2801. .p-orderlist .p-orderlist-controls {
  2802. padding: 0.75rem;
  2803. }
  2804. .p-orderlist .p-orderlist-controls .p-button {
  2805. margin-bottom: 0.5rem;
  2806. }
  2807. .p-orderlist .p-orderlist-header {
  2808. background: #ffffff;
  2809. color: rgba(0, 0, 0, 0.87);
  2810. border: 1px solid #e0e0e0;
  2811. padding: 0.75rem;
  2812. border-bottom: 0 none;
  2813. border-top-right-radius: 4px;
  2814. border-top-left-radius: 4px;
  2815. }
  2816. .p-orderlist .p-orderlist-header .p-orderlist-title {
  2817. font-weight: 500;
  2818. }
  2819. .p-orderlist .p-orderlist-filter-container {
  2820. padding: 0.75rem;
  2821. background: #ffffff;
  2822. border: 1px solid #e0e0e0;
  2823. border-bottom: 0 none;
  2824. }
  2825. .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
  2826. padding-right: 1.75rem;
  2827. }
  2828. .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  2829. right: 0.75rem;
  2830. color: rgba(0, 0, 0, 0.6);
  2831. }
  2832. .p-orderlist .p-orderlist-list {
  2833. border: 1px solid #e0e0e0;
  2834. background: #ffffff;
  2835. color: rgba(0, 0, 0, 0.87);
  2836. padding: 0;
  2837. border-bottom-right-radius: 4px;
  2838. border-bottom-left-radius: 4px;
  2839. }
  2840. .p-orderlist .p-orderlist-list .p-orderlist-item {
  2841. padding: 0.75rem 0.75rem;
  2842. margin: 0;
  2843. border: 0 none;
  2844. color: rgba(0, 0, 0, 0.87);
  2845. background: transparent;
  2846. transition: none;
  2847. }
  2848. .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  2849. outline: 0 none;
  2850. outline-offset: 0;
  2851. box-shadow: none;
  2852. }
  2853. .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  2854. color: #FFB300;
  2855. background: rgba(255, 179, 0, 0.12);
  2856. }
  2857. .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
  2858. padding: 0.75rem 0.75rem;
  2859. color: rgba(0, 0, 0, 0.87);
  2860. }
  2861. .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
  2862. background: rgba(0, 0, 0, 0.04);
  2863. color: rgba(0, 0, 0, 0.87);
  2864. }
  2865. .p-orderlist-item.cdk-drag-preview {
  2866. padding: 0.75rem 0.75rem;
  2867. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  2868. border: 0 none;
  2869. color: rgba(0, 0, 0, 0.87);
  2870. background: #ffffff;
  2871. margin: 0;
  2872. }
  2873. .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  2874. background: rgba(0, 0, 0, 0.04);
  2875. color: rgba(0, 0, 0, 0.87);
  2876. }
  2877. .p-organizationchart .p-organizationchart-node-content.p-highlight {
  2878. background: rgba(255, 179, 0, 0.12);
  2879. color: #FFB300;
  2880. }
  2881. .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
  2882. color: rgba(128, 90, 0, 0.12);
  2883. }
  2884. .p-organizationchart .p-organizationchart-line-down {
  2885. background: rgba(0, 0, 0, 0.12);
  2886. }
  2887. .p-organizationchart .p-organizationchart-line-left {
  2888. border-right: 1px solid #e0e0e0;
  2889. border-color: rgba(0, 0, 0, 0.12);
  2890. }
  2891. .p-organizationchart .p-organizationchart-line-top {
  2892. border-top: 1px solid #e0e0e0;
  2893. border-color: rgba(0, 0, 0, 0.12);
  2894. }
  2895. .p-organizationchart .p-organizationchart-node-content {
  2896. border: 1px solid #e0e0e0;
  2897. background: #ffffff;
  2898. color: rgba(0, 0, 0, 0.87);
  2899. padding: 0.75rem;
  2900. }
  2901. .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  2902. background: inherit;
  2903. color: inherit;
  2904. border-radius: 50%;
  2905. }
  2906. .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  2907. outline: 0 none;
  2908. outline-offset: 0;
  2909. box-shadow: none;
  2910. }
  2911. .p-paginator {
  2912. background: #ffffff;
  2913. color: rgba(0, 0, 0, 0.87);
  2914. border: solid #e4e4e4;
  2915. border-width: 0;
  2916. padding: 0.375rem 0.75rem;
  2917. border-radius: 4px;
  2918. }
  2919. .p-paginator .p-paginator-first,
  2920. .p-paginator .p-paginator-prev,
  2921. .p-paginator .p-paginator-next,
  2922. .p-paginator .p-paginator-last {
  2923. background-color: transparent;
  2924. border: 0 none;
  2925. color: rgba(0, 0, 0, 0.6);
  2926. min-width: 3rem;
  2927. height: 3rem;
  2928. margin: 0.143rem;
  2929. transition: none;
  2930. border-radius: 50%;
  2931. }
  2932. .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  2933. .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  2934. .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  2935. .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  2936. background: rgba(0, 0, 0, 0.04);
  2937. border-color: transparent;
  2938. color: rgba(0, 0, 0, 0.6);
  2939. }
  2940. .p-paginator .p-paginator-first {
  2941. border-top-left-radius: 4px;
  2942. border-bottom-left-radius: 4px;
  2943. }
  2944. .p-paginator .p-paginator-last {
  2945. border-top-right-radius: 4px;
  2946. border-bottom-right-radius: 4px;
  2947. }
  2948. .p-paginator .p-dropdown {
  2949. margin-left: 0.5rem;
  2950. margin-right: 0.5rem;
  2951. height: 3rem;
  2952. }
  2953. .p-paginator .p-dropdown .p-dropdown-label {
  2954. padding-right: 0;
  2955. }
  2956. .p-paginator .p-paginator-page-input {
  2957. margin-left: 0.5rem;
  2958. margin-right: 0.5rem;
  2959. }
  2960. .p-paginator .p-paginator-page-input .p-inputtext {
  2961. max-width: 3rem;
  2962. }
  2963. .p-paginator .p-paginator-current {
  2964. background-color: transparent;
  2965. border: 0 none;
  2966. color: rgba(0, 0, 0, 0.6);
  2967. min-width: 3rem;
  2968. height: 3rem;
  2969. margin: 0.143rem;
  2970. padding: 0 0.5rem;
  2971. }
  2972. .p-paginator .p-paginator-pages .p-paginator-page {
  2973. background-color: transparent;
  2974. border: 0 none;
  2975. color: rgba(0, 0, 0, 0.6);
  2976. min-width: 3rem;
  2977. height: 3rem;
  2978. margin: 0.143rem;
  2979. transition: none;
  2980. border-radius: 50%;
  2981. }
  2982. .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  2983. background: rgba(255, 179, 0, 0.12);
  2984. border-color: rgba(255, 179, 0, 0.12);
  2985. color: #FFB300;
  2986. }
  2987. .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  2988. background: rgba(0, 0, 0, 0.04);
  2989. border-color: transparent;
  2990. color: rgba(0, 0, 0, 0.6);
  2991. }
  2992. .p-picklist .p-picklist-buttons {
  2993. padding: 0.75rem;
  2994. }
  2995. .p-picklist .p-picklist-buttons .p-button {
  2996. margin-bottom: 0.5rem;
  2997. }
  2998. .p-picklist .p-picklist-header {
  2999. background: #ffffff;
  3000. color: rgba(0, 0, 0, 0.87);
  3001. border: 1px solid #e0e0e0;
  3002. padding: 0.75rem;
  3003. border-bottom: 0 none;
  3004. border-top-right-radius: 4px;
  3005. border-top-left-radius: 4px;
  3006. }
  3007. .p-picklist .p-picklist-header .p-picklist-title {
  3008. font-weight: 500;
  3009. }
  3010. .p-picklist .p-picklist-filter-container {
  3011. padding: 0.75rem;
  3012. background: #ffffff;
  3013. border: 1px solid #e0e0e0;
  3014. border-bottom: 0 none;
  3015. }
  3016. .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
  3017. padding-right: 1.75rem;
  3018. }
  3019. .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  3020. right: 0.75rem;
  3021. color: rgba(0, 0, 0, 0.6);
  3022. }
  3023. .p-picklist .p-picklist-list {
  3024. border: 1px solid #e0e0e0;
  3025. background: #ffffff;
  3026. color: rgba(0, 0, 0, 0.87);
  3027. padding: 0;
  3028. border-bottom-right-radius: 4px;
  3029. border-bottom-left-radius: 4px;
  3030. }
  3031. .p-picklist .p-picklist-list .p-picklist-item {
  3032. padding: 0.75rem 0.75rem;
  3033. margin: 0;
  3034. border: 0 none;
  3035. color: rgba(0, 0, 0, 0.87);
  3036. background: transparent;
  3037. transition: none;
  3038. }
  3039. .p-picklist .p-picklist-list .p-picklist-item:focus {
  3040. outline: 0 none;
  3041. outline-offset: 0;
  3042. box-shadow: none;
  3043. }
  3044. .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  3045. color: #FFB300;
  3046. background: rgba(255, 179, 0, 0.12);
  3047. }
  3048. .p-picklist .p-picklist-list .p-picklist-empty-message {
  3049. padding: 0.75rem 0.75rem;
  3050. color: rgba(0, 0, 0, 0.87);
  3051. }
  3052. .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
  3053. background: rgba(0, 0, 0, 0.04);
  3054. color: rgba(0, 0, 0, 0.87);
  3055. }
  3056. .p-picklist-item.cdk-drag-preview {
  3057. padding: 0.75rem 0.75rem;
  3058. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  3059. border: 0 none;
  3060. color: rgba(0, 0, 0, 0.87);
  3061. background: #ffffff;
  3062. margin: 0;
  3063. }
  3064. .p-timeline .p-timeline-event-marker {
  3065. border: 0 none;
  3066. border-radius: 50%;
  3067. width: 1rem;
  3068. height: 1rem;
  3069. background-color: #bdbdbd;
  3070. }
  3071. .p-timeline .p-timeline-event-connector {
  3072. background-color: #bdbdbd;
  3073. }
  3074. .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  3075. .p-timeline.p-timeline-vertical .p-timeline-event-content {
  3076. padding: 0 1rem;
  3077. }
  3078. .p-timeline.p-timeline-vertical .p-timeline-event-connector {
  3079. width: 2px;
  3080. }
  3081. .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  3082. .p-timeline.p-timeline-horizontal .p-timeline-event-content {
  3083. padding: 1rem 0;
  3084. }
  3085. .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  3086. height: 2px;
  3087. }
  3088. .p-tree {
  3089. border: 1px solid #e0e0e0;
  3090. background: #ffffff;
  3091. color: rgba(0, 0, 0, 0.87);
  3092. padding: 0.75rem;
  3093. border-radius: 4px;
  3094. }
  3095. .p-tree .p-tree-container .p-treenode {
  3096. padding: 0.25rem;
  3097. }
  3098. .p-tree .p-tree-container .p-treenode .p-treenode-content {
  3099. border-radius: 4px;
  3100. transition: none;
  3101. padding: 0.571rem;
  3102. }
  3103. .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  3104. margin-right: 0.5rem;
  3105. width: 2rem;
  3106. height: 2rem;
  3107. color: rgba(0, 0, 0, 0.6);
  3108. border: 0 none;
  3109. background: transparent;
  3110. border-radius: 50%;
  3111. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3112. }
  3113. .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  3114. color: rgba(0, 0, 0, 0.6);
  3115. border-color: transparent;
  3116. background: rgba(0, 0, 0, 0.04);
  3117. }
  3118. .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  3119. outline: 0 none;
  3120. outline-offset: 0;
  3121. box-shadow: none;
  3122. }
  3123. .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  3124. margin-right: 0.5rem;
  3125. color: rgba(0, 0, 0, 0.6);
  3126. }
  3127. .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  3128. margin-right: 0.5rem;
  3129. }
  3130. .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
  3131. color: rgba(0, 0, 0, 0.87);
  3132. }
  3133. .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  3134. outline: 0 none;
  3135. outline-offset: 0;
  3136. box-shadow: none;
  3137. }
  3138. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  3139. background: rgba(255, 179, 0, 0.12);
  3140. color: #FFB300;
  3141. }
  3142. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  3143. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  3144. color: #FFB300;
  3145. }
  3146. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  3147. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
  3148. color: #FFB300;
  3149. }
  3150. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  3151. background: rgba(0, 0, 0, 0.04);
  3152. color: rgba(0, 0, 0, 0.87);
  3153. }
  3154. .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  3155. background: rgba(0, 0, 0, 0.04);
  3156. color: rgba(0, 0, 0, 0.87);
  3157. }
  3158. .p-tree .p-tree-filter-container {
  3159. margin-bottom: 0.5rem;
  3160. }
  3161. .p-tree .p-tree-filter-container .p-tree-filter {
  3162. width: 100%;
  3163. padding-right: 1.75rem;
  3164. }
  3165. .p-tree .p-tree-filter-container .p-tree-filter-icon {
  3166. right: 0.75rem;
  3167. color: rgba(0, 0, 0, 0.6);
  3168. }
  3169. .p-tree .p-treenode-children {
  3170. padding: 0 0 0 1rem;
  3171. }
  3172. .p-tree .p-tree-loading-icon {
  3173. font-size: 2rem;
  3174. }
  3175. .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
  3176. background-color: rgba(204, 143, 0, 0.12);
  3177. }
  3178. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  3179. border-radius: 4px;
  3180. border: 1px solid #e0e0e0;
  3181. background-color: #ffffff;
  3182. color: rgba(0, 0, 0, 0.87);
  3183. padding: 0.571rem;
  3184. transition: none;
  3185. }
  3186. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  3187. background-color: rgba(255, 179, 0, 0.12);
  3188. color: #FFB300;
  3189. }
  3190. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  3191. color: #FFB300;
  3192. }
  3193. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
  3194. margin-right: 0.5rem;
  3195. }
  3196. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
  3197. color: rgba(0, 0, 0, 0.6);
  3198. margin-right: 0.5rem;
  3199. }
  3200. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
  3201. margin-right: 0.5rem;
  3202. }
  3203. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
  3204. background-color: inherit;
  3205. color: inherit;
  3206. }
  3207. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  3208. background: rgba(0, 0, 0, 0.04);
  3209. color: rgba(0, 0, 0, 0.87);
  3210. }
  3211. .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  3212. outline: 0 none;
  3213. outline-offset: 0;
  3214. box-shadow: none;
  3215. }
  3216. .p-treetable .p-paginator-top {
  3217. border-width: 0 0 1px 0;
  3218. border-radius: 0;
  3219. }
  3220. .p-treetable .p-paginator-bottom {
  3221. border-width: 0 0 1px 0;
  3222. border-radius: 0;
  3223. }
  3224. .p-treetable .p-treetable-header {
  3225. background: #ffffff;
  3226. color: rgba(0, 0, 0, 0.87);
  3227. border: 1px solid #e4e4e4;
  3228. border-width: 0 0 1px 0;
  3229. padding: 0.75rem 0.75rem;
  3230. font-weight: 500;
  3231. }
  3232. .p-treetable .p-treetable-footer {
  3233. background: #ffffff;
  3234. color: rgba(0, 0, 0, 0.87);
  3235. border: 1px solid #e4e4e4;
  3236. border-width: 0 0 1px 0;
  3237. padding: 0.75rem 0.75rem;
  3238. font-weight: 500;
  3239. }
  3240. .p-treetable .p-treetable-thead > tr > th {
  3241. text-align: left;
  3242. padding: 0.75rem 0.75rem;
  3243. border: 1px solid #e4e4e4;
  3244. border-width: 0 0 1px 0;
  3245. font-weight: 500;
  3246. color: rgba(0, 0, 0, 0.87);
  3247. background: #ffffff;
  3248. transition: none;
  3249. }
  3250. .p-treetable .p-treetable-tfoot > tr > td {
  3251. text-align: left;
  3252. padding: 0.75rem 0.75rem;
  3253. border: 1px solid #e4e4e4;
  3254. border-width: 0 0 1px 0;
  3255. font-weight: 500;
  3256. color: rgba(0, 0, 0, 0.87);
  3257. background: #ffffff;
  3258. }
  3259. .p-treetable .p-sortable-column {
  3260. outline-color: transparent;
  3261. }
  3262. .p-treetable .p-sortable-column .p-sortable-column-icon {
  3263. color: rgba(0, 0, 0, 0.6);
  3264. margin-left: 0.5rem;
  3265. }
  3266. .p-treetable .p-sortable-column .p-sortable-column-badge {
  3267. border-radius: 50%;
  3268. height: 1.143rem;
  3269. min-width: 1.143rem;
  3270. line-height: 1.143rem;
  3271. color: #FFB300;
  3272. background: rgba(255, 179, 0, 0.12);
  3273. margin-left: 0.5rem;
  3274. }
  3275. .p-treetable .p-sortable-column:not(.p-highlight):hover {
  3276. background: rgba(0, 0, 0, 0.04);
  3277. color: rgba(0, 0, 0, 0.87);
  3278. }
  3279. .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  3280. color: rgba(0, 0, 0, 0.6);
  3281. }
  3282. .p-treetable .p-sortable-column.p-highlight {
  3283. background: #ffffff;
  3284. color: rgba(0, 0, 0, 0.87);
  3285. }
  3286. .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  3287. color: rgba(0, 0, 0, 0.87);
  3288. }
  3289. .p-treetable .p-treetable-tbody > tr {
  3290. background: #ffffff;
  3291. color: rgba(0, 0, 0, 0.87);
  3292. transition: none;
  3293. outline-color: transparent;
  3294. }
  3295. .p-treetable .p-treetable-tbody > tr > td {
  3296. text-align: left;
  3297. border: 1px solid #e4e4e4;
  3298. border-width: 0 0 1px 0;
  3299. padding: 0.75rem 0.75rem;
  3300. }
  3301. .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  3302. width: 2rem;
  3303. height: 2rem;
  3304. color: rgba(0, 0, 0, 0.6);
  3305. border: 0 none;
  3306. background: transparent;
  3307. border-radius: 50%;
  3308. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3309. margin-right: 0.5rem;
  3310. }
  3311. .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  3312. color: rgba(0, 0, 0, 0.6);
  3313. border-color: transparent;
  3314. background: rgba(0, 0, 0, 0.04);
  3315. }
  3316. .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  3317. outline: 0 none;
  3318. outline-offset: 0;
  3319. box-shadow: none;
  3320. }
  3321. .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
  3322. margin-right: 0.5rem;
  3323. }
  3324. .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
  3325. color: rgba(0, 0, 0, 0.87);
  3326. }
  3327. .p-treetable .p-treetable-tbody > tr.p-highlight {
  3328. background: rgba(255, 179, 0, 0.12);
  3329. color: #FFB300;
  3330. }
  3331. .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  3332. color: #FFB300;
  3333. }
  3334. .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  3335. color: #FFB300;
  3336. }
  3337. .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  3338. background: rgba(0, 0, 0, 0.04);
  3339. color: rgba(0, 0, 0, 0.87);
  3340. }
  3341. .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
  3342. color: rgba(0, 0, 0, 0.87);
  3343. }
  3344. .p-treetable .p-column-resizer-helper {
  3345. background: #FFB300;
  3346. }
  3347. .p-treetable .p-treetable-scrollable-header,
  3348. .p-treetable .p-treetable-scrollable-footer {
  3349. background: #ffffff;
  3350. }
  3351. .p-treetable .p-treetable-loading-icon {
  3352. font-size: 2rem;
  3353. }
  3354. .p-treetable.p-treetable-gridlines .p-datatable-header {
  3355. border-width: 1px 1px 0 1px;
  3356. }
  3357. .p-treetable.p-treetable-gridlines .p-treetable-footer {
  3358. border-width: 0 1px 1px 1px;
  3359. }
  3360. .p-treetable.p-treetable-gridlines .p-treetable-top {
  3361. border-width: 0 1px 0 1px;
  3362. }
  3363. .p-treetable.p-treetable-gridlines .p-treetable-bottom {
  3364. border-width: 0 1px 1px 1px;
  3365. }
  3366. .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  3367. border-width: 1px;
  3368. }
  3369. .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  3370. border-width: 1px;
  3371. }
  3372. .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  3373. border-width: 1px;
  3374. }
  3375. .p-treetable.p-treetable-sm .p-treetable-header {
  3376. padding: 0.65625rem 0.65625rem;
  3377. }
  3378. .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  3379. padding: 0.375rem 0.375rem;
  3380. }
  3381. .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  3382. padding: 0.375rem 0.375rem;
  3383. }
  3384. .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  3385. padding: 0.375rem 0.375rem;
  3386. }
  3387. .p-treetable.p-treetable-sm .p-treetable-footer {
  3388. padding: 0.375rem 0.375rem;
  3389. }
  3390. .p-treetable.p-treetable-lg .p-treetable-header {
  3391. padding: 0.9375rem 0.9375rem;
  3392. }
  3393. .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  3394. padding: 0.9375rem 0.9375rem;
  3395. }
  3396. .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  3397. padding: 0.9375rem 0.9375rem;
  3398. }
  3399. .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  3400. padding: 0.9375rem 0.9375rem;
  3401. }
  3402. .p-treetable.p-treetable-lg .p-treetable-footer {
  3403. padding: 0.9375rem 0.9375rem;
  3404. }
  3405. .p-virtualscroller .p-virtualscroller-header {
  3406. background: #ffffff;
  3407. color: rgba(0, 0, 0, 0.87);
  3408. border: 1px solid #e4e4e4;
  3409. border-width: 0 0 1px 0;
  3410. padding: 0.75rem 0.75rem;
  3411. font-weight: 500;
  3412. }
  3413. .p-virtualscroller .p-virtualscroller-content {
  3414. background: #ffffff;
  3415. color: rgba(0, 0, 0, 0.87);
  3416. border: 0 none;
  3417. padding: 0.75rem;
  3418. }
  3419. .p-virtualscroller .p-virtualscroller-footer {
  3420. background: #ffffff;
  3421. color: rgba(0, 0, 0, 0.87);
  3422. border: 1px solid #e4e4e4;
  3423. border-width: 0 0 1px 0;
  3424. padding: 0.75rem 0.75rem;
  3425. font-weight: 500;
  3426. border-bottom-left-radius: 4px;
  3427. border-bottom-right-radius: 4px;
  3428. }
  3429. .p-accordion .p-accordion-header .p-accordion-header-link {
  3430. padding: 1.25rem;
  3431. border: 0 none;
  3432. color: rgba(0, 0, 0, 0.87);
  3433. background: #ffffff;
  3434. font-weight: 400;
  3435. border-radius: 4px;
  3436. transition: none;
  3437. }
  3438. .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  3439. margin-right: 0.5rem;
  3440. }
  3441. .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  3442. outline: 0 none;
  3443. outline-offset: 0;
  3444. box-shadow: none;
  3445. }
  3446. .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  3447. background: #f6f6f6;
  3448. border-color: transparent;
  3449. color: rgba(0, 0, 0, 0.87);
  3450. }
  3451. .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  3452. background: #ffffff;
  3453. border-color: transparent;
  3454. color: rgba(0, 0, 0, 0.87);
  3455. border-bottom-right-radius: 0;
  3456. border-bottom-left-radius: 0;
  3457. }
  3458. .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  3459. border-color: transparent;
  3460. background: #ffffff;
  3461. color: rgba(0, 0, 0, 0.87);
  3462. }
  3463. .p-accordion .p-accordion-content {
  3464. padding: 0.75rem 1.25rem;
  3465. border: 0 none;
  3466. background: #ffffff;
  3467. color: rgba(0, 0, 0, 0.87);
  3468. border-top: 0;
  3469. border-top-right-radius: 0;
  3470. border-top-left-radius: 0;
  3471. border-bottom-right-radius: 4px;
  3472. border-bottom-left-radius: 4px;
  3473. }
  3474. .p-accordion p-accordiontab .p-accordion-tab {
  3475. margin-bottom: 0;
  3476. }
  3477. .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  3478. border-radius: 0;
  3479. }
  3480. .p-accordion p-accordiontab .p-accordion-content {
  3481. border-radius: 0;
  3482. }
  3483. .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
  3484. border-top: 0 none;
  3485. }
  3486. .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  3487. border-top: 0 none;
  3488. }
  3489. .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
  3490. border-top-right-radius: 4px;
  3491. border-top-left-radius: 4px;
  3492. }
  3493. .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  3494. border-bottom-right-radius: 4px;
  3495. border-bottom-left-radius: 4px;
  3496. }
  3497. .p-accordion p-accordiontab:last-child .p-accordion-content {
  3498. border-bottom-right-radius: 4px;
  3499. border-bottom-left-radius: 4px;
  3500. }
  3501. .p-card {
  3502. background: #ffffff;
  3503. color: rgba(0, 0, 0, 0.87);
  3504. 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);
  3505. border-radius: 4px;
  3506. }
  3507. .p-card .p-card-body {
  3508. padding: 0.75rem;
  3509. }
  3510. .p-card .p-card-title {
  3511. font-size: 1.5rem;
  3512. font-weight: 700;
  3513. margin-bottom: 0.5rem;
  3514. }
  3515. .p-card .p-card-subtitle {
  3516. font-weight: 400;
  3517. margin-bottom: 0.5rem;
  3518. color: rgba(0, 0, 0, 0.6);
  3519. }
  3520. .p-card .p-card-content {
  3521. padding: 0.75rem 0;
  3522. }
  3523. .p-card .p-card-footer {
  3524. padding: 0.75rem 0 0 0;
  3525. }
  3526. .p-divider .p-divider-content {
  3527. background-color: #ffffff;
  3528. }
  3529. .p-divider.p-divider-horizontal {
  3530. margin: 1.25rem 0;
  3531. padding: 0 1.25rem;
  3532. }
  3533. .p-divider.p-divider-horizontal:before {
  3534. border-top: 1px rgba(0, 0, 0, 0.12);
  3535. }
  3536. .p-divider.p-divider-horizontal .p-divider-content {
  3537. padding: 0 0.5rem;
  3538. }
  3539. .p-divider.p-divider-vertical {
  3540. margin: 0 1.25rem;
  3541. padding: 1.25rem 0;
  3542. }
  3543. .p-divider.p-divider-vertical:before {
  3544. border-left: 1px rgba(0, 0, 0, 0.12);
  3545. }
  3546. .p-divider.p-divider-vertical .p-divider-content {
  3547. padding: 0.5rem 0;
  3548. }
  3549. .p-fieldset {
  3550. border: 1px solid #e0e0e0;
  3551. background: #ffffff;
  3552. color: rgba(0, 0, 0, 0.87);
  3553. border-radius: 4px;
  3554. }
  3555. .p-fieldset .p-fieldset-legend {
  3556. padding: 0.75rem;
  3557. border: 1px solid #e0e0e0;
  3558. color: rgba(0, 0, 0, 0.87);
  3559. background: #ffffff;
  3560. font-weight: 500;
  3561. border-radius: 4px;
  3562. }
  3563. .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  3564. padding: 0;
  3565. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3566. }
  3567. .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  3568. padding: 0.75rem;
  3569. color: rgba(0, 0, 0, 0.87);
  3570. border-radius: 4px;
  3571. transition: none;
  3572. }
  3573. .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  3574. margin-right: 0.5rem;
  3575. }
  3576. .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  3577. outline: 0 none;
  3578. outline-offset: 0;
  3579. box-shadow: none;
  3580. }
  3581. .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  3582. background: rgba(0, 0, 0, 0.04);
  3583. border-color: #e0e0e0;
  3584. color: rgba(0, 0, 0, 0.87);
  3585. }
  3586. .p-fieldset .p-fieldset-content {
  3587. padding: 0.75rem;
  3588. }
  3589. .p-panel .p-panel-header {
  3590. border: 1px solid #e0e0e0;
  3591. padding: 0.75rem;
  3592. background: #ffffff;
  3593. color: rgba(0, 0, 0, 0.87);
  3594. border-top-right-radius: 4px;
  3595. border-top-left-radius: 4px;
  3596. }
  3597. .p-panel .p-panel-header .p-panel-title {
  3598. font-weight: 500;
  3599. }
  3600. .p-panel .p-panel-header .p-panel-header-icon {
  3601. width: 2rem;
  3602. height: 2rem;
  3603. color: rgba(0, 0, 0, 0.6);
  3604. border: 0 none;
  3605. background: transparent;
  3606. border-radius: 50%;
  3607. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3608. }
  3609. .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  3610. color: rgba(0, 0, 0, 0.6);
  3611. border-color: transparent;
  3612. background: rgba(0, 0, 0, 0.04);
  3613. }
  3614. .p-panel .p-panel-header .p-panel-header-icon:focus {
  3615. outline: 0 none;
  3616. outline-offset: 0;
  3617. box-shadow: none;
  3618. }
  3619. .p-panel.p-panel-toggleable .p-panel-header {
  3620. padding: 0.5rem 1rem;
  3621. }
  3622. .p-panel .p-panel-content {
  3623. padding: 0.75rem;
  3624. border: 1px solid #e0e0e0;
  3625. background: #ffffff;
  3626. color: rgba(0, 0, 0, 0.87);
  3627. border-bottom-right-radius: 4px;
  3628. border-bottom-left-radius: 4px;
  3629. border-top: 0 none;
  3630. }
  3631. .p-panel .p-panel-footer {
  3632. padding: 0.75rem 0.75rem;
  3633. border: 1px solid #e0e0e0;
  3634. background: #ffffff;
  3635. color: rgba(0, 0, 0, 0.87);
  3636. border-top: 0 none;
  3637. }
  3638. .p-scrollpanel .p-scrollpanel-bar {
  3639. background: rgba(0, 0, 0, 0.12);
  3640. border: 0 none;
  3641. }
  3642. .p-splitter {
  3643. border: 1px solid #e0e0e0;
  3644. background: #ffffff;
  3645. border-radius: 4px;
  3646. color: rgba(0, 0, 0, 0.87);
  3647. }
  3648. .p-splitter .p-splitter-gutter {
  3649. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3650. background: rgba(0, 0, 0, 0.04);
  3651. }
  3652. .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  3653. background: rgba(0, 0, 0, 0.12);
  3654. }
  3655. .p-splitter .p-splitter-gutter-resizing {
  3656. background: rgba(0, 0, 0, 0.12);
  3657. }
  3658. .p-tabview .p-tabview-nav {
  3659. background: #ffffff;
  3660. border: solid rgba(0, 0, 0, 0.12);
  3661. border-width: 0 0 1px 0;
  3662. }
  3663. .p-tabview .p-tabview-nav li {
  3664. margin-right: 0;
  3665. }
  3666. .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  3667. border: none;
  3668. border-width: 0 0 0 0;
  3669. border-color: transparent transparent transparent transparent;
  3670. background: #ffffff;
  3671. color: rgba(0, 0, 0, 0.6);
  3672. padding: 0.75rem 1.25rem;
  3673. font-weight: 500;
  3674. border-top-right-radius: 4px;
  3675. border-top-left-radius: 4px;
  3676. transition: none;
  3677. margin: 0 0 0 0;
  3678. }
  3679. .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  3680. outline: 0 none;
  3681. outline-offset: 0;
  3682. box-shadow: inset none;
  3683. }
  3684. .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  3685. background: rgba(255, 179, 0, 0.04);
  3686. border-color: transparent;
  3687. color: rgba(0, 0, 0, 0.6);
  3688. }
  3689. .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  3690. background: #ffffff;
  3691. border-color: transparent;
  3692. color: #FFB300;
  3693. }
  3694. .p-tabview .p-tabview-left-icon {
  3695. margin-right: 0.5rem;
  3696. }
  3697. .p-tabview .p-tabview-right-icon {
  3698. margin-left: 0.5rem;
  3699. }
  3700. .p-tabview .p-tabview-close {
  3701. margin-left: 0.5rem;
  3702. }
  3703. .p-tabview .p-tabview-nav-btn.p-link {
  3704. background: #ffffff;
  3705. color: #FFB300;
  3706. width: 2.75rem;
  3707. 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);
  3708. border-radius: 0;
  3709. }
  3710. .p-tabview .p-tabview-nav-btn.p-link:focus {
  3711. outline: 0 none;
  3712. outline-offset: 0;
  3713. box-shadow: inset none;
  3714. }
  3715. .p-tabview .p-tabview-panels {
  3716. background: #ffffff;
  3717. padding: 0.75rem;
  3718. border: 0 none;
  3719. color: rgba(0, 0, 0, 0.87);
  3720. border-bottom-right-radius: 4px;
  3721. border-bottom-left-radius: 4px;
  3722. }
  3723. .p-toolbar {
  3724. background: #ffffff;
  3725. border: 1px solid #e0e0e0;
  3726. padding: 0.75rem;
  3727. border-radius: 4px;
  3728. }
  3729. .p-toolbar .p-toolbar-separator {
  3730. margin: 0 0.5rem;
  3731. }
  3732. .p-confirm-popup {
  3733. background: #ffffff;
  3734. color: rgba(0, 0, 0, 0.87);
  3735. border: 0 none;
  3736. border-radius: 4px;
  3737. box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  3738. }
  3739. .p-confirm-popup .p-confirm-popup-content {
  3740. padding: 0.75rem;
  3741. }
  3742. .p-confirm-popup .p-confirm-popup-footer {
  3743. text-align: right;
  3744. padding: 0.75rem 0.75rem;
  3745. }
  3746. .p-confirm-popup .p-confirm-popup-footer button {
  3747. margin: 0 0.5rem 0 0;
  3748. width: auto;
  3749. }
  3750. .p-confirm-popup .p-confirm-popup-footer button:last-child {
  3751. margin: 0;
  3752. }
  3753. .p-confirm-popup:after {
  3754. border: solid transparent;
  3755. border-color: rgba(255, 255, 255, 0);
  3756. border-bottom-color: #ffffff;
  3757. }
  3758. .p-confirm-popup:before {
  3759. border: solid transparent;
  3760. border-color: rgba(255, 255, 255, 0);
  3761. border-bottom-color: #ffffff;
  3762. }
  3763. .p-confirm-popup.p-confirm-popup-flipped:after {
  3764. border-top-color: #ffffff;
  3765. }
  3766. .p-confirm-popup.p-confirm-popup-flipped:before {
  3767. border-top-color: #ffffff;
  3768. }
  3769. .p-confirm-popup .p-confirm-popup-icon {
  3770. font-size: 1.5rem;
  3771. }
  3772. .p-confirm-popup .p-confirm-popup-message {
  3773. margin-left: 1rem;
  3774. }
  3775. .p-dialog {
  3776. border-radius: 4px;
  3777. box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  3778. border: 0 none;
  3779. }
  3780. .p-dialog .p-dialog-header {
  3781. border-bottom: 0 none;
  3782. background: #ffffff;
  3783. color: rgba(0, 0, 0, 0.87);
  3784. padding: 1.25rem;
  3785. border-top-right-radius: 4px;
  3786. border-top-left-radius: 4px;
  3787. }
  3788. .p-dialog .p-dialog-header .p-dialog-title {
  3789. font-weight: 500;
  3790. font-size: 1.25rem;
  3791. }
  3792. .p-dialog .p-dialog-header .p-dialog-header-icon {
  3793. width: 2rem;
  3794. height: 2rem;
  3795. color: rgba(0, 0, 0, 0.6);
  3796. border: 0 none;
  3797. background: transparent;
  3798. border-radius: 50%;
  3799. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3800. margin-right: 0.5rem;
  3801. }
  3802. .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  3803. color: rgba(0, 0, 0, 0.6);
  3804. border-color: transparent;
  3805. background: rgba(0, 0, 0, 0.04);
  3806. }
  3807. .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  3808. outline: 0 none;
  3809. outline-offset: 0;
  3810. box-shadow: none;
  3811. }
  3812. .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  3813. margin-right: 0;
  3814. }
  3815. .p-dialog .p-dialog-content {
  3816. background: #ffffff;
  3817. color: rgba(0, 0, 0, 0.87);
  3818. padding: 0 1.25rem 1.25rem 1.25rem;
  3819. }
  3820. .p-dialog .p-dialog-footer {
  3821. border-top: 0 none;
  3822. background: #ffffff;
  3823. color: rgba(0, 0, 0, 0.87);
  3824. padding: 0.75rem 1.25rem;
  3825. text-align: right;
  3826. border-bottom-right-radius: 4px;
  3827. border-bottom-left-radius: 4px;
  3828. }
  3829. .p-dialog .p-dialog-footer button {
  3830. margin: 0 0.5rem 0 0;
  3831. width: auto;
  3832. }
  3833. .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  3834. font-size: 2rem;
  3835. }
  3836. .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  3837. margin-left: 1rem;
  3838. }
  3839. .p-overlaypanel {
  3840. background: #ffffff;
  3841. color: rgba(0, 0, 0, 0.87);
  3842. border: 0 none;
  3843. border-radius: 4px;
  3844. box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  3845. }
  3846. .p-overlaypanel .p-overlaypanel-content {
  3847. padding: 0.75rem;
  3848. }
  3849. .p-overlaypanel .p-overlaypanel-close {
  3850. background: #FFB300;
  3851. color: #212121;
  3852. width: 2rem;
  3853. height: 2rem;
  3854. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3855. border-radius: 50%;
  3856. position: absolute;
  3857. top: -1rem;
  3858. right: -1rem;
  3859. }
  3860. .p-overlaypanel .p-overlaypanel-close:enabled:hover {
  3861. background: rgba(255, 179, 0, 0.92);
  3862. color: #212121;
  3863. }
  3864. .p-overlaypanel:after {
  3865. border: solid transparent;
  3866. border-color: rgba(255, 255, 255, 0);
  3867. border-bottom-color: #ffffff;
  3868. }
  3869. .p-overlaypanel:before {
  3870. border: solid transparent;
  3871. border-color: rgba(255, 255, 255, 0);
  3872. border-bottom-color: #ffffff;
  3873. }
  3874. .p-overlaypanel.p-overlaypanel-flipped:after {
  3875. border-top-color: #ffffff;
  3876. }
  3877. .p-overlaypanel.p-overlaypanel-flipped:before {
  3878. border-top-color: #ffffff;
  3879. }
  3880. .p-sidebar {
  3881. background: #ffffff;
  3882. color: rgba(0, 0, 0, 0.87);
  3883. border: 0 none;
  3884. box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  3885. }
  3886. .p-sidebar .p-sidebar-header {
  3887. padding: 0.75rem;
  3888. }
  3889. .p-sidebar .p-sidebar-header .p-sidebar-close,
  3890. .p-sidebar .p-sidebar-header .p-sidebar-icon {
  3891. width: 2rem;
  3892. height: 2rem;
  3893. color: rgba(0, 0, 0, 0.6);
  3894. border: 0 none;
  3895. background: transparent;
  3896. border-radius: 50%;
  3897. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  3898. }
  3899. .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  3900. .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  3901. color: rgba(0, 0, 0, 0.6);
  3902. border-color: transparent;
  3903. background: rgba(0, 0, 0, 0.04);
  3904. }
  3905. .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
  3906. .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  3907. outline: 0 none;
  3908. outline-offset: 0;
  3909. box-shadow: none;
  3910. }
  3911. .p-sidebar .p-sidebar-header + .p-sidebar-content {
  3912. padding-top: 0;
  3913. }
  3914. .p-sidebar .p-sidebar-content {
  3915. padding: 0.75rem;
  3916. }
  3917. .p-tooltip .p-tooltip-text {
  3918. background: rgba(97, 97, 97, 0.9);
  3919. color: #ffffff;
  3920. padding: 0.5rem;
  3921. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  3922. border-radius: 4px;
  3923. }
  3924. .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  3925. border-right-color: rgba(97, 97, 97, 0.9);
  3926. }
  3927. .p-tooltip.p-tooltip-left .p-tooltip-arrow {
  3928. border-left-color: rgba(97, 97, 97, 0.9);
  3929. }
  3930. .p-tooltip.p-tooltip-top .p-tooltip-arrow {
  3931. border-top-color: rgba(97, 97, 97, 0.9);
  3932. }
  3933. .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  3934. border-bottom-color: rgba(97, 97, 97, 0.9);
  3935. }
  3936. .p-fileupload .p-fileupload-buttonbar {
  3937. background: #ffffff;
  3938. padding: 0.75rem;
  3939. border: 1px solid #e0e0e0;
  3940. color: rgba(0, 0, 0, 0.87);
  3941. border-bottom: 0 none;
  3942. border-top-right-radius: 4px;
  3943. border-top-left-radius: 4px;
  3944. }
  3945. .p-fileupload .p-fileupload-buttonbar .p-button {
  3946. margin-right: 0.5rem;
  3947. }
  3948. .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  3949. outline: 0 none;
  3950. outline-offset: 0;
  3951. box-shadow: none;
  3952. }
  3953. .p-fileupload .p-fileupload-content {
  3954. background: #ffffff;
  3955. padding: 2rem 1rem;
  3956. border: 1px solid #e0e0e0;
  3957. color: rgba(0, 0, 0, 0.87);
  3958. border-bottom-right-radius: 4px;
  3959. border-bottom-left-radius: 4px;
  3960. }
  3961. .p-fileupload .p-progressbar {
  3962. height: 4px;
  3963. }
  3964. .p-fileupload .p-fileupload-row > div {
  3965. padding: 0.75rem 0.75rem;
  3966. }
  3967. .p-fileupload.p-fileupload-advanced .p-message {
  3968. margin-top: 0;
  3969. }
  3970. .p-fileupload-choose:not(.p-disabled):hover {
  3971. background: rgba(255, 179, 0, 0.92);
  3972. color: #212121;
  3973. border-color: transparent;
  3974. }
  3975. .p-fileupload-choose:not(.p-disabled):active {
  3976. background: rgba(255, 179, 0, 0.68);
  3977. color: #212121;
  3978. border-color: transparent;
  3979. }
  3980. .p-breadcrumb {
  3981. background: #ffffff;
  3982. border: 1px solid #e5e5e5;
  3983. border-radius: 4px;
  3984. padding: 0.75rem;
  3985. }
  3986. .p-breadcrumb ul li .p-menuitem-link {
  3987. transition: none;
  3988. border-radius: 4px;
  3989. }
  3990. .p-breadcrumb ul li .p-menuitem-link:focus {
  3991. outline: 0 none;
  3992. outline-offset: 0;
  3993. box-shadow: none;
  3994. }
  3995. .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  3996. color: rgba(0, 0, 0, 0.87);
  3997. }
  3998. .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  3999. color: rgba(0, 0, 0, 0.6);
  4000. }
  4001. .p-breadcrumb ul li.p-breadcrumb-chevron {
  4002. margin: 0 0.5rem 0 0.5rem;
  4003. color: rgba(0, 0, 0, 0.6);
  4004. }
  4005. .p-breadcrumb ul li:last-child .p-menuitem-text {
  4006. color: rgba(0, 0, 0, 0.87);
  4007. }
  4008. .p-breadcrumb ul li:last-child .p-menuitem-icon {
  4009. color: rgba(0, 0, 0, 0.6);
  4010. }
  4011. .p-contextmenu {
  4012. padding: 0.5rem 0;
  4013. background: #ffffff;
  4014. color: rgba(0, 0, 0, 0.87);
  4015. border: 0 none;
  4016. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4017. width: 12.5rem;
  4018. }
  4019. .p-contextmenu .p-menuitem-link {
  4020. padding: 0.75rem 0.75rem;
  4021. color: rgba(0, 0, 0, 0.87);
  4022. border-radius: 0;
  4023. transition: none;
  4024. user-select: none;
  4025. }
  4026. .p-contextmenu .p-menuitem-link .p-menuitem-text {
  4027. color: rgba(0, 0, 0, 0.87);
  4028. }
  4029. .p-contextmenu .p-menuitem-link .p-menuitem-icon {
  4030. color: rgba(0, 0, 0, 0.6);
  4031. margin-right: 0.5rem;
  4032. }
  4033. .p-contextmenu .p-menuitem-link .p-submenu-icon {
  4034. color: rgba(0, 0, 0, 0.6);
  4035. }
  4036. .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  4037. background: rgba(0, 0, 0, 0.04);
  4038. }
  4039. .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4040. color: rgba(0, 0, 0, 0.87);
  4041. }
  4042. .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4043. color: rgba(0, 0, 0, 0.6);
  4044. }
  4045. .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4046. color: rgba(0, 0, 0, 0.6);
  4047. }
  4048. .p-contextmenu .p-menuitem-link:focus {
  4049. outline: 0 none;
  4050. outline-offset: 0;
  4051. box-shadow: none;
  4052. }
  4053. .p-contextmenu .p-submenu-list {
  4054. padding: 0.5rem 0;
  4055. background: #ffffff;
  4056. border: 0 none;
  4057. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4058. }
  4059. .p-contextmenu .p-menuitem {
  4060. margin: 0;
  4061. }
  4062. .p-contextmenu .p-menuitem:last-child {
  4063. margin: 0;
  4064. }
  4065. .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  4066. background: rgba(0, 0, 0, 0.04);
  4067. }
  4068. .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  4069. color: rgba(0, 0, 0, 0.87);
  4070. }
  4071. .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 {
  4072. color: rgba(0, 0, 0, 0.6);
  4073. }
  4074. .p-contextmenu .p-menu-separator {
  4075. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4076. margin: 0.5rem 0;
  4077. }
  4078. .p-contextmenu .p-submenu-icon {
  4079. font-size: 0.875rem;
  4080. }
  4081. .p-dock .p-dock-list {
  4082. background: rgba(255, 255, 255, 0.1);
  4083. border: 1px solid rgba(255, 255, 255, 0.2);
  4084. padding: 0.5rem 0.5rem;
  4085. border-radius: 0.5rem;
  4086. }
  4087. .p-dock .p-dock-item {
  4088. padding: 0.5rem;
  4089. }
  4090. .p-dock .p-dock-action {
  4091. width: 4rem;
  4092. height: 4rem;
  4093. }
  4094. .p-dock.p-dock-top .p-dock-item-second-prev,
  4095. .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
  4096. .p-dock.p-dock-bottom .p-dock-item-second-next {
  4097. margin: 0 0.9rem;
  4098. }
  4099. .p-dock.p-dock-top .p-dock-item-prev,
  4100. .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
  4101. .p-dock.p-dock-bottom .p-dock-item-next {
  4102. margin: 0 1.3rem;
  4103. }
  4104. .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
  4105. margin: 0 1.5rem;
  4106. }
  4107. .p-dock.p-dock-left .p-dock-item-second-prev,
  4108. .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
  4109. .p-dock.p-dock-right .p-dock-item-second-next {
  4110. margin: 0.9rem 0;
  4111. }
  4112. .p-dock.p-dock-left .p-dock-item-prev,
  4113. .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
  4114. .p-dock.p-dock-right .p-dock-item-next {
  4115. margin: 1.3rem 0;
  4116. }
  4117. .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
  4118. margin: 1.5rem 0;
  4119. }
  4120. @media screen and (max-width: 960px) {
  4121. .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
  4122. overflow-x: auto;
  4123. width: 100%;
  4124. }
  4125. .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
  4126. margin: 0 auto;
  4127. }
  4128. .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
  4129. overflow-y: auto;
  4130. height: 100%;
  4131. }
  4132. .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
  4133. margin: auto 0;
  4134. }
  4135. .p-dock .p-dock-list .p-dock-item {
  4136. transform: none;
  4137. margin: 0;
  4138. }
  4139. }
  4140. .p-megamenu {
  4141. padding: 0.75rem;
  4142. background: transparent;
  4143. color: rgba(0, 0, 0, 0.87);
  4144. border: 1px solid #e5e5e5;
  4145. border-radius: 4px;
  4146. }
  4147. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  4148. padding: 0.75rem;
  4149. color: rgba(0, 0, 0, 0.87);
  4150. border-radius: 4px;
  4151. transition: none;
  4152. user-select: none;
  4153. }
  4154. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  4155. color: rgba(0, 0, 0, 0.87);
  4156. }
  4157. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  4158. color: rgba(0, 0, 0, 0.6);
  4159. margin-right: 0.5rem;
  4160. }
  4161. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  4162. color: rgba(0, 0, 0, 0.6);
  4163. margin-left: 0.5rem;
  4164. }
  4165. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  4166. background: rgba(0, 0, 0, 0.04);
  4167. }
  4168. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4169. color: rgba(0, 0, 0, 0.87);
  4170. }
  4171. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4172. color: rgba(0, 0, 0, 0.6);
  4173. }
  4174. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4175. color: rgba(0, 0, 0, 0.6);
  4176. }
  4177. .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  4178. outline: 0 none;
  4179. outline-offset: 0;
  4180. box-shadow: none;
  4181. }
  4182. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
  4183. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  4184. background: rgba(0, 0, 0, 0.04);
  4185. }
  4186. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
  4187. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4188. color: rgba(0, 0, 0, 0.87);
  4189. }
  4190. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
  4191. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4192. color: rgba(0, 0, 0, 0.6);
  4193. }
  4194. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
  4195. .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4196. color: rgba(0, 0, 0, 0.6);
  4197. }
  4198. .p-megamenu .p-menuitem-link {
  4199. padding: 0.75rem 0.75rem;
  4200. color: rgba(0, 0, 0, 0.87);
  4201. border-radius: 0;
  4202. transition: none;
  4203. user-select: none;
  4204. }
  4205. .p-megamenu .p-menuitem-link .p-menuitem-text {
  4206. color: rgba(0, 0, 0, 0.87);
  4207. }
  4208. .p-megamenu .p-menuitem-link .p-menuitem-icon {
  4209. color: rgba(0, 0, 0, 0.6);
  4210. margin-right: 0.5rem;
  4211. }
  4212. .p-megamenu .p-menuitem-link .p-submenu-icon {
  4213. color: rgba(0, 0, 0, 0.6);
  4214. }
  4215. .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  4216. background: rgba(0, 0, 0, 0.04);
  4217. }
  4218. .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4219. color: rgba(0, 0, 0, 0.87);
  4220. }
  4221. .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4222. color: rgba(0, 0, 0, 0.6);
  4223. }
  4224. .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4225. color: rgba(0, 0, 0, 0.6);
  4226. }
  4227. .p-megamenu .p-menuitem-link:focus {
  4228. outline: 0 none;
  4229. outline-offset: 0;
  4230. box-shadow: none;
  4231. }
  4232. .p-megamenu .p-megamenu-panel {
  4233. background: #ffffff;
  4234. color: rgba(0, 0, 0, 0.87);
  4235. border: 0 none;
  4236. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4237. }
  4238. .p-megamenu .p-megamenu-submenu-header {
  4239. margin: 0;
  4240. padding: 0.75rem;
  4241. color: rgba(0, 0, 0, 0.6);
  4242. background: #ffffff;
  4243. font-weight: 400;
  4244. border-top-right-radius: 4px;
  4245. border-top-left-radius: 4px;
  4246. }
  4247. .p-megamenu .p-megamenu-submenu {
  4248. padding: 0.5rem 0;
  4249. width: 12.5rem;
  4250. }
  4251. .p-megamenu .p-megamenu-submenu .p-menu-separator {
  4252. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4253. margin: 0.5rem 0;
  4254. }
  4255. .p-megamenu .p-megamenu-submenu .p-menuitem {
  4256. margin: 0;
  4257. }
  4258. .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
  4259. margin: 0;
  4260. }
  4261. .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  4262. background: rgba(0, 0, 0, 0.04);
  4263. }
  4264. .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  4265. color: rgba(0, 0, 0, 0.87);
  4266. }
  4267. .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 {
  4268. color: rgba(0, 0, 0, 0.6);
  4269. }
  4270. .p-megamenu.p-megamenu-vertical {
  4271. width: 12.5rem;
  4272. padding: 0.5rem 0;
  4273. }
  4274. .p-megamenu.p-megamenu-vertical .p-menuitem {
  4275. margin: 0;
  4276. }
  4277. .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
  4278. margin: 0;
  4279. }
  4280. .p-menu {
  4281. padding: 0.5rem 0;
  4282. background: #ffffff;
  4283. color: rgba(0, 0, 0, 0.87);
  4284. border: 1px solid #e5e5e5;
  4285. border-radius: 4px;
  4286. width: 12.5rem;
  4287. }
  4288. .p-menu .p-menuitem-link {
  4289. padding: 0.75rem 0.75rem;
  4290. color: rgba(0, 0, 0, 0.87);
  4291. border-radius: 0;
  4292. transition: none;
  4293. user-select: none;
  4294. }
  4295. .p-menu .p-menuitem-link .p-menuitem-text {
  4296. color: rgba(0, 0, 0, 0.87);
  4297. }
  4298. .p-menu .p-menuitem-link .p-menuitem-icon {
  4299. color: rgba(0, 0, 0, 0.6);
  4300. margin-right: 0.5rem;
  4301. }
  4302. .p-menu .p-menuitem-link .p-submenu-icon {
  4303. color: rgba(0, 0, 0, 0.6);
  4304. }
  4305. .p-menu .p-menuitem-link:not(.p-disabled):hover {
  4306. background: rgba(0, 0, 0, 0.04);
  4307. }
  4308. .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4309. color: rgba(0, 0, 0, 0.87);
  4310. }
  4311. .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4312. color: rgba(0, 0, 0, 0.6);
  4313. }
  4314. .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4315. color: rgba(0, 0, 0, 0.6);
  4316. }
  4317. .p-menu .p-menuitem-link:focus {
  4318. outline: 0 none;
  4319. outline-offset: 0;
  4320. box-shadow: none;
  4321. }
  4322. .p-menu.p-menu-overlay {
  4323. background: #ffffff;
  4324. border: 0 none;
  4325. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4326. }
  4327. .p-menu .p-submenu-header {
  4328. margin: 0;
  4329. padding: 0.75rem;
  4330. color: rgba(0, 0, 0, 0.6);
  4331. background: #ffffff;
  4332. font-weight: 400;
  4333. border-top-right-radius: 0;
  4334. border-top-left-radius: 0;
  4335. }
  4336. .p-menu .p-menu-separator {
  4337. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4338. margin: 0.5rem 0;
  4339. }
  4340. .p-menu .p-menuitem {
  4341. margin: 0;
  4342. }
  4343. .p-menu .p-menuitem:last-child {
  4344. margin: 0;
  4345. }
  4346. .p-menubar {
  4347. padding: 0.75rem;
  4348. background: transparent;
  4349. color: rgba(0, 0, 0, 0.87);
  4350. border: 1px solid #e5e5e5;
  4351. border-radius: 4px;
  4352. }
  4353. .p-menubar .p-menuitem-link {
  4354. padding: 0.75rem 0.75rem;
  4355. color: rgba(0, 0, 0, 0.87);
  4356. border-radius: 0;
  4357. transition: none;
  4358. user-select: none;
  4359. }
  4360. .p-menubar .p-menuitem-link .p-menuitem-text {
  4361. color: rgba(0, 0, 0, 0.87);
  4362. }
  4363. .p-menubar .p-menuitem-link .p-menuitem-icon {
  4364. color: rgba(0, 0, 0, 0.6);
  4365. margin-right: 0.5rem;
  4366. }
  4367. .p-menubar .p-menuitem-link .p-submenu-icon {
  4368. color: rgba(0, 0, 0, 0.6);
  4369. }
  4370. .p-menubar .p-menuitem-link:not(.p-disabled):hover {
  4371. background: rgba(0, 0, 0, 0.04);
  4372. }
  4373. .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4374. color: rgba(0, 0, 0, 0.87);
  4375. }
  4376. .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4377. color: rgba(0, 0, 0, 0.6);
  4378. }
  4379. .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4380. color: rgba(0, 0, 0, 0.6);
  4381. }
  4382. .p-menubar .p-menuitem-link:focus {
  4383. outline: 0 none;
  4384. outline-offset: 0;
  4385. box-shadow: none;
  4386. }
  4387. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  4388. padding: 0.75rem;
  4389. color: rgba(0, 0, 0, 0.87);
  4390. border-radius: 4px;
  4391. transition: none;
  4392. user-select: none;
  4393. }
  4394. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  4395. color: rgba(0, 0, 0, 0.87);
  4396. }
  4397. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  4398. color: rgba(0, 0, 0, 0.6);
  4399. margin-right: 0.5rem;
  4400. }
  4401. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  4402. color: rgba(0, 0, 0, 0.6);
  4403. margin-left: 0.5rem;
  4404. }
  4405. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  4406. background: rgba(0, 0, 0, 0.04);
  4407. }
  4408. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4409. color: rgba(0, 0, 0, 0.87);
  4410. }
  4411. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4412. color: rgba(0, 0, 0, 0.6);
  4413. }
  4414. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4415. color: rgba(0, 0, 0, 0.6);
  4416. }
  4417. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  4418. outline: 0 none;
  4419. outline-offset: 0;
  4420. box-shadow: none;
  4421. }
  4422. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
  4423. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  4424. background: rgba(0, 0, 0, 0.04);
  4425. }
  4426. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
  4427. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4428. color: rgba(0, 0, 0, 0.87);
  4429. }
  4430. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
  4431. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4432. color: rgba(0, 0, 0, 0.6);
  4433. }
  4434. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
  4435. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4436. color: rgba(0, 0, 0, 0.6);
  4437. }
  4438. .p-menubar .p-submenu-list {
  4439. padding: 0.5rem 0;
  4440. background: #ffffff;
  4441. border: 0 none;
  4442. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4443. width: 12.5rem;
  4444. }
  4445. .p-menubar .p-submenu-list .p-menu-separator {
  4446. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4447. margin: 0.5rem 0;
  4448. }
  4449. .p-menubar .p-submenu-list .p-submenu-icon {
  4450. font-size: 0.875rem;
  4451. }
  4452. .p-menubar .p-submenu-list .p-menuitem {
  4453. margin: 0;
  4454. }
  4455. .p-menubar .p-submenu-list .p-menuitem:last-child {
  4456. margin: 0;
  4457. }
  4458. .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  4459. background: rgba(0, 0, 0, 0.04);
  4460. }
  4461. .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  4462. color: rgba(0, 0, 0, 0.87);
  4463. }
  4464. .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 {
  4465. color: rgba(0, 0, 0, 0.6);
  4466. }
  4467. @media screen and (max-width: 960px) {
  4468. .p-menubar {
  4469. position: relative;
  4470. }
  4471. .p-menubar .p-menubar-button {
  4472. display: flex;
  4473. width: 2rem;
  4474. height: 2rem;
  4475. color: rgba(0, 0, 0, 0.6);
  4476. border-radius: 50%;
  4477. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  4478. }
  4479. .p-menubar .p-menubar-button:hover {
  4480. color: rgba(0, 0, 0, 0.6);
  4481. background: rgba(0, 0, 0, 0.04);
  4482. }
  4483. .p-menubar .p-menubar-button:focus {
  4484. outline: 0 none;
  4485. outline-offset: 0;
  4486. box-shadow: none;
  4487. }
  4488. .p-menubar .p-menubar-root-list {
  4489. position: absolute;
  4490. display: none;
  4491. padding: 0.5rem 0;
  4492. background: #ffffff;
  4493. border: 0 none;
  4494. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4495. width: 100%;
  4496. }
  4497. .p-menubar .p-menubar-root-list .p-menu-separator {
  4498. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4499. margin: 0.5rem 0;
  4500. }
  4501. .p-menubar .p-menubar-root-list .p-submenu-icon {
  4502. font-size: 0.875rem;
  4503. }
  4504. .p-menubar .p-menubar-root-list > .p-menuitem {
  4505. width: 100%;
  4506. position: static;
  4507. }
  4508. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  4509. padding: 0.75rem 0.75rem;
  4510. color: rgba(0, 0, 0, 0.87);
  4511. border-radius: 0;
  4512. transition: none;
  4513. user-select: none;
  4514. }
  4515. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  4516. color: rgba(0, 0, 0, 0.87);
  4517. }
  4518. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  4519. color: rgba(0, 0, 0, 0.6);
  4520. margin-right: 0.5rem;
  4521. }
  4522. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  4523. color: rgba(0, 0, 0, 0.6);
  4524. }
  4525. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  4526. background: rgba(0, 0, 0, 0.04);
  4527. }
  4528. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4529. color: rgba(0, 0, 0, 0.87);
  4530. }
  4531. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4532. color: rgba(0, 0, 0, 0.6);
  4533. }
  4534. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4535. color: rgba(0, 0, 0, 0.6);
  4536. }
  4537. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  4538. outline: 0 none;
  4539. outline-offset: 0;
  4540. box-shadow: none;
  4541. }
  4542. .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
  4543. margin-left: auto;
  4544. transition: transform 0.2s;
  4545. }
  4546. .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
  4547. transform: rotate(-180deg);
  4548. }
  4549. .p-menubar .p-menubar-root-list .p-submenu-list {
  4550. width: 100%;
  4551. position: static;
  4552. box-shadow: none;
  4553. border: 0 none;
  4554. }
  4555. .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
  4556. transition: transform 0.2s;
  4557. transform: rotate(90deg);
  4558. }
  4559. .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
  4560. transform: rotate(-90deg);
  4561. }
  4562. .p-menubar .p-menubar-root-list .p-menuitem {
  4563. width: 100%;
  4564. position: static;
  4565. }
  4566. .p-menubar .p-menubar-root-list ul li a {
  4567. padding-left: 2.25rem;
  4568. }
  4569. .p-menubar .p-menubar-root-list ul li ul li a {
  4570. padding-left: 3.75rem;
  4571. }
  4572. .p-menubar .p-menubar-root-list ul li ul li ul li a {
  4573. padding-left: 5.25rem;
  4574. }
  4575. .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
  4576. padding-left: 6.75rem;
  4577. }
  4578. .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
  4579. padding-left: 8.25rem;
  4580. }
  4581. .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
  4582. display: flex;
  4583. flex-direction: column;
  4584. top: 100%;
  4585. left: 0;
  4586. z-index: 1;
  4587. }
  4588. }
  4589. .p-panelmenu .p-panelmenu-header > a {
  4590. padding: 1.25rem;
  4591. border: 0 none;
  4592. color: rgba(0, 0, 0, 0.87);
  4593. background: #ffffff;
  4594. font-weight: 400;
  4595. border-radius: 4px;
  4596. transition: none;
  4597. }
  4598. .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  4599. margin-right: 0.5rem;
  4600. }
  4601. .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  4602. margin-right: 0.5rem;
  4603. }
  4604. .p-panelmenu .p-panelmenu-header > a:focus {
  4605. outline: 0 none;
  4606. outline-offset: 0;
  4607. box-shadow: none;
  4608. }
  4609. .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  4610. background: #f6f6f6;
  4611. border-color: transparent;
  4612. color: rgba(0, 0, 0, 0.87);
  4613. }
  4614. .p-panelmenu .p-panelmenu-header.p-highlight {
  4615. margin-bottom: 0;
  4616. }
  4617. .p-panelmenu .p-panelmenu-header.p-highlight > a {
  4618. background: #ffffff;
  4619. border-color: transparent;
  4620. color: rgba(0, 0, 0, 0.87);
  4621. border-bottom-right-radius: 0;
  4622. border-bottom-left-radius: 0;
  4623. }
  4624. .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  4625. border-color: transparent;
  4626. background: #ffffff;
  4627. color: rgba(0, 0, 0, 0.87);
  4628. }
  4629. .p-panelmenu .p-panelmenu-content {
  4630. padding: 0.5rem 0;
  4631. border: 0 none;
  4632. background: #ffffff;
  4633. color: rgba(0, 0, 0, 0.87);
  4634. margin-bottom: 0;
  4635. border-top: 0;
  4636. border-top-right-radius: 0;
  4637. border-top-left-radius: 0;
  4638. border-bottom-right-radius: 4px;
  4639. border-bottom-left-radius: 4px;
  4640. }
  4641. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  4642. padding: 0.75rem 0.75rem;
  4643. color: rgba(0, 0, 0, 0.87);
  4644. border-radius: 0;
  4645. transition: none;
  4646. user-select: none;
  4647. }
  4648. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  4649. color: rgba(0, 0, 0, 0.87);
  4650. }
  4651. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
  4652. color: rgba(0, 0, 0, 0.6);
  4653. margin-right: 0.5rem;
  4654. }
  4655. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  4656. color: rgba(0, 0, 0, 0.6);
  4657. }
  4658. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  4659. background: rgba(0, 0, 0, 0.04);
  4660. }
  4661. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4662. color: rgba(0, 0, 0, 0.87);
  4663. }
  4664. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4665. color: rgba(0, 0, 0, 0.6);
  4666. }
  4667. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4668. color: rgba(0, 0, 0, 0.6);
  4669. }
  4670. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  4671. outline: 0 none;
  4672. outline-offset: 0;
  4673. box-shadow: none;
  4674. }
  4675. .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
  4676. margin-right: 0.5rem;
  4677. }
  4678. .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
  4679. padding: 0 0 0 1rem;
  4680. }
  4681. .p-panelmenu .p-panelmenu-panel {
  4682. margin-bottom: 0;
  4683. }
  4684. .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  4685. border-radius: 0;
  4686. }
  4687. .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  4688. border-radius: 0;
  4689. }
  4690. .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  4691. border-top: 0 none;
  4692. }
  4693. .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
  4694. border-top: 0 none;
  4695. }
  4696. .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  4697. border-top-right-radius: 4px;
  4698. border-top-left-radius: 4px;
  4699. }
  4700. .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  4701. border-bottom-right-radius: 4px;
  4702. border-bottom-left-radius: 4px;
  4703. }
  4704. .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  4705. border-bottom-right-radius: 4px;
  4706. border-bottom-left-radius: 4px;
  4707. }
  4708. .p-slidemenu {
  4709. padding: 0.5rem 0;
  4710. background: #ffffff;
  4711. color: rgba(0, 0, 0, 0.87);
  4712. border: 1px solid #e5e5e5;
  4713. border-radius: 4px;
  4714. width: 12.5rem;
  4715. }
  4716. .p-slidemenu .p-menuitem-link {
  4717. padding: 0.75rem 0.75rem;
  4718. color: rgba(0, 0, 0, 0.87);
  4719. border-radius: 0;
  4720. transition: none;
  4721. user-select: none;
  4722. }
  4723. .p-slidemenu .p-menuitem-link .p-menuitem-text {
  4724. color: rgba(0, 0, 0, 0.87);
  4725. }
  4726. .p-slidemenu .p-menuitem-link .p-menuitem-icon {
  4727. color: rgba(0, 0, 0, 0.6);
  4728. margin-right: 0.5rem;
  4729. }
  4730. .p-slidemenu .p-menuitem-link .p-submenu-icon {
  4731. color: rgba(0, 0, 0, 0.6);
  4732. }
  4733. .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
  4734. background: rgba(0, 0, 0, 0.04);
  4735. }
  4736. .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4737. color: rgba(0, 0, 0, 0.87);
  4738. }
  4739. .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4740. color: rgba(0, 0, 0, 0.6);
  4741. }
  4742. .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4743. color: rgba(0, 0, 0, 0.6);
  4744. }
  4745. .p-slidemenu .p-menuitem-link:focus {
  4746. outline: 0 none;
  4747. outline-offset: 0;
  4748. box-shadow: none;
  4749. }
  4750. .p-slidemenu.p-slidemenu-overlay {
  4751. background: #ffffff;
  4752. border: 0 none;
  4753. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4754. }
  4755. .p-slidemenu .p-slidemenu-list {
  4756. padding: 0.5rem 0;
  4757. background: #ffffff;
  4758. border: 0 none;
  4759. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4760. }
  4761. .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
  4762. background: rgba(0, 0, 0, 0.04);
  4763. }
  4764. .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
  4765. color: rgba(0, 0, 0, 0.87);
  4766. }
  4767. .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 {
  4768. color: rgba(0, 0, 0, 0.6);
  4769. }
  4770. .p-slidemenu .p-slidemenu-separator {
  4771. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4772. margin: 0.5rem 0;
  4773. }
  4774. .p-slidemenu .p-slidemenu-icon {
  4775. font-size: 0.875rem;
  4776. }
  4777. .p-slidemenu .p-slidemenu-backward {
  4778. padding: 0.75rem 0.75rem;
  4779. color: rgba(0, 0, 0, 0.87);
  4780. }
  4781. .p-steps .p-steps-item .p-menuitem-link {
  4782. background: transparent;
  4783. transition: none;
  4784. border-radius: 4px;
  4785. background: transparent;
  4786. }
  4787. .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  4788. color: rgba(0, 0, 0, 0.87);
  4789. border: 1px solid transparent;
  4790. background: transparent;
  4791. min-width: 2rem;
  4792. height: 2rem;
  4793. line-height: 2rem;
  4794. font-size: 1.143rem;
  4795. z-index: 1;
  4796. border-radius: 50%;
  4797. }
  4798. .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  4799. margin-top: 0.5rem;
  4800. color: rgba(0, 0, 0, 0.87);
  4801. }
  4802. .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  4803. outline: 0 none;
  4804. outline-offset: 0;
  4805. box-shadow: none;
  4806. }
  4807. .p-steps .p-steps-item.p-highlight .p-steps-number {
  4808. background: rgba(255, 179, 0, 0.12);
  4809. color: #FFB300;
  4810. }
  4811. .p-steps .p-steps-item.p-highlight .p-steps-title {
  4812. font-weight: 500;
  4813. color: rgba(0, 0, 0, 0.87);
  4814. }
  4815. .p-steps .p-steps-item:before {
  4816. content: " ";
  4817. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4818. width: 100%;
  4819. top: 50%;
  4820. left: 0;
  4821. display: block;
  4822. position: absolute;
  4823. margin-top: -1rem;
  4824. }
  4825. .p-tabmenu .p-tabmenu-nav {
  4826. background: #ffffff;
  4827. border: solid rgba(0, 0, 0, 0.12);
  4828. border-width: 0 0 1px 0;
  4829. }
  4830. .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  4831. margin-right: 0;
  4832. }
  4833. .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  4834. border: none;
  4835. border-width: 0 0 0 0;
  4836. border-color: transparent transparent transparent transparent;
  4837. background: #ffffff;
  4838. color: rgba(0, 0, 0, 0.6);
  4839. padding: 0.75rem 1.25rem;
  4840. font-weight: 500;
  4841. border-top-right-radius: 4px;
  4842. border-top-left-radius: 4px;
  4843. transition: none;
  4844. margin: 0 0 0 0;
  4845. }
  4846. .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  4847. margin-right: 0.5rem;
  4848. }
  4849. .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  4850. outline: 0 none;
  4851. outline-offset: 0;
  4852. box-shadow: inset none;
  4853. }
  4854. .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  4855. background: rgba(255, 179, 0, 0.04);
  4856. border-color: transparent;
  4857. color: rgba(0, 0, 0, 0.6);
  4858. }
  4859. .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  4860. background: #ffffff;
  4861. border-color: transparent;
  4862. color: #FFB300;
  4863. }
  4864. .p-tieredmenu {
  4865. padding: 0.5rem 0;
  4866. background: #ffffff;
  4867. color: rgba(0, 0, 0, 0.87);
  4868. border: 1px solid #e5e5e5;
  4869. border-radius: 4px;
  4870. width: 12.5rem;
  4871. }
  4872. .p-tieredmenu .p-menuitem-link {
  4873. padding: 0.75rem 0.75rem;
  4874. color: rgba(0, 0, 0, 0.87);
  4875. border-radius: 0;
  4876. transition: none;
  4877. user-select: none;
  4878. }
  4879. .p-tieredmenu .p-menuitem-link .p-menuitem-text {
  4880. color: rgba(0, 0, 0, 0.87);
  4881. }
  4882. .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  4883. color: rgba(0, 0, 0, 0.6);
  4884. margin-right: 0.5rem;
  4885. }
  4886. .p-tieredmenu .p-menuitem-link .p-submenu-icon {
  4887. color: rgba(0, 0, 0, 0.6);
  4888. }
  4889. .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  4890. background: rgba(0, 0, 0, 0.04);
  4891. }
  4892. .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  4893. color: rgba(0, 0, 0, 0.87);
  4894. }
  4895. .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  4896. color: rgba(0, 0, 0, 0.6);
  4897. }
  4898. .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  4899. color: rgba(0, 0, 0, 0.6);
  4900. }
  4901. .p-tieredmenu .p-menuitem-link:focus {
  4902. outline: 0 none;
  4903. outline-offset: 0;
  4904. box-shadow: none;
  4905. }
  4906. .p-tieredmenu.p-tieredmenu-overlay {
  4907. background: #ffffff;
  4908. border: 0 none;
  4909. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4910. }
  4911. .p-tieredmenu .p-submenu-list {
  4912. padding: 0.5rem 0;
  4913. background: #ffffff;
  4914. border: 0 none;
  4915. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  4916. }
  4917. .p-tieredmenu .p-menuitem {
  4918. margin: 0;
  4919. }
  4920. .p-tieredmenu .p-menuitem:last-child {
  4921. margin: 0;
  4922. }
  4923. .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  4924. background: rgba(0, 0, 0, 0.04);
  4925. }
  4926. .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  4927. color: rgba(0, 0, 0, 0.87);
  4928. }
  4929. .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 {
  4930. color: rgba(0, 0, 0, 0.6);
  4931. }
  4932. .p-tieredmenu .p-menu-separator {
  4933. border-top: 1px solid rgba(0, 0, 0, 0.12);
  4934. margin: 0.5rem 0;
  4935. }
  4936. .p-tieredmenu .p-submenu-icon {
  4937. font-size: 0.875rem;
  4938. }
  4939. .p-inline-message {
  4940. padding: 0.75rem 0.75rem;
  4941. margin: 0;
  4942. border-radius: 4px;
  4943. }
  4944. .p-inline-message.p-inline-message-info {
  4945. background: #B3E5FC;
  4946. border: solid transparent;
  4947. border-width: 1px;
  4948. color: #01579B;
  4949. }
  4950. .p-inline-message.p-inline-message-info .p-inline-message-icon {
  4951. color: #01579B;
  4952. }
  4953. .p-inline-message.p-inline-message-success {
  4954. background: #C8E6C9;
  4955. border: solid transparent;
  4956. border-width: 1px;
  4957. color: #1B5E20;
  4958. }
  4959. .p-inline-message.p-inline-message-success .p-inline-message-icon {
  4960. color: #1B5E20;
  4961. }
  4962. .p-inline-message.p-inline-message-warn {
  4963. background: #FFECB3;
  4964. border: solid transparent;
  4965. border-width: 1px;
  4966. color: #7f6003;
  4967. }
  4968. .p-inline-message.p-inline-message-warn .p-inline-message-icon {
  4969. color: #7f6003;
  4970. }
  4971. .p-inline-message.p-inline-message-error {
  4972. background: #FFCDD2;
  4973. border: solid transparent;
  4974. border-width: 1px;
  4975. color: #B71C1C;
  4976. }
  4977. .p-inline-message.p-inline-message-error .p-inline-message-icon {
  4978. color: #B71C1C;
  4979. }
  4980. .p-inline-message .p-inline-message-icon {
  4981. font-size: 1rem;
  4982. margin-right: 0.5rem;
  4983. }
  4984. .p-inline-message .p-inline-message-text {
  4985. font-size: 1rem;
  4986. }
  4987. .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  4988. margin-right: 0;
  4989. }
  4990. .p-message {
  4991. margin: 0.75rem 0;
  4992. border-radius: 4px;
  4993. }
  4994. .p-message .p-message-wrapper {
  4995. padding: 1rem 1.25rem;
  4996. }
  4997. .p-message .p-message-close {
  4998. width: 2rem;
  4999. height: 2rem;
  5000. border-radius: 50%;
  5001. background: transparent;
  5002. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5003. }
  5004. .p-message .p-message-close:hover {
  5005. background: rgba(255, 255, 255, 0.3);
  5006. }
  5007. .p-message .p-message-close:focus {
  5008. outline: 0 none;
  5009. outline-offset: 0;
  5010. box-shadow: none;
  5011. }
  5012. .p-message.p-message-info {
  5013. background: #B3E5FC;
  5014. border: solid transparent;
  5015. border-width: 0 0 0 0;
  5016. color: #01579B;
  5017. }
  5018. .p-message.p-message-info .p-message-icon {
  5019. color: #01579B;
  5020. }
  5021. .p-message.p-message-info .p-message-close {
  5022. color: #01579B;
  5023. }
  5024. .p-message.p-message-success {
  5025. background: #C8E6C9;
  5026. border: solid transparent;
  5027. border-width: 0 0 0 0;
  5028. color: #1B5E20;
  5029. }
  5030. .p-message.p-message-success .p-message-icon {
  5031. color: #1B5E20;
  5032. }
  5033. .p-message.p-message-success .p-message-close {
  5034. color: #1B5E20;
  5035. }
  5036. .p-message.p-message-warn {
  5037. background: #FFECB3;
  5038. border: solid transparent;
  5039. border-width: 0 0 0 0;
  5040. color: #7f6003;
  5041. }
  5042. .p-message.p-message-warn .p-message-icon {
  5043. color: #7f6003;
  5044. }
  5045. .p-message.p-message-warn .p-message-close {
  5046. color: #7f6003;
  5047. }
  5048. .p-message.p-message-error {
  5049. background: #FFCDD2;
  5050. border: solid transparent;
  5051. border-width: 0 0 0 0;
  5052. color: #B71C1C;
  5053. }
  5054. .p-message.p-message-error .p-message-icon {
  5055. color: #B71C1C;
  5056. }
  5057. .p-message.p-message-error .p-message-close {
  5058. color: #B71C1C;
  5059. }
  5060. .p-message .p-message-text {
  5061. font-size: 1rem;
  5062. font-weight: 500;
  5063. }
  5064. .p-message .p-message-icon {
  5065. font-size: 1.5rem;
  5066. margin-right: 0.5rem;
  5067. }
  5068. .p-message .p-message-summary {
  5069. font-weight: 700;
  5070. }
  5071. .p-message .p-message-detail {
  5072. margin-left: 0.5rem;
  5073. }
  5074. .p-toast {
  5075. opacity: 0.9;
  5076. }
  5077. .p-toast .p-toast-message {
  5078. margin: 0 0 1rem 0;
  5079. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  5080. border-radius: 4px;
  5081. }
  5082. .p-toast .p-toast-message .p-toast-message-content {
  5083. padding: 1.25rem;
  5084. border-width: 0 0 0 0;
  5085. }
  5086. .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  5087. margin: 0 0 0 1rem;
  5088. }
  5089. .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  5090. font-size: 2rem;
  5091. }
  5092. .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  5093. font-weight: 700;
  5094. }
  5095. .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  5096. margin: 0.5rem 0 0 0;
  5097. }
  5098. .p-toast .p-toast-message .p-toast-icon-close {
  5099. width: 2rem;
  5100. height: 2rem;
  5101. border-radius: 50%;
  5102. background: transparent;
  5103. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5104. }
  5105. .p-toast .p-toast-message .p-toast-icon-close:hover {
  5106. background: rgba(255, 255, 255, 0.3);
  5107. }
  5108. .p-toast .p-toast-message .p-toast-icon-close:focus {
  5109. outline: 0 none;
  5110. outline-offset: 0;
  5111. box-shadow: none;
  5112. }
  5113. .p-toast .p-toast-message.p-toast-message-info {
  5114. background: #B3E5FC;
  5115. border: solid transparent;
  5116. border-width: 0 0 0 0;
  5117. color: #01579B;
  5118. }
  5119. .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  5120. .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  5121. color: #01579B;
  5122. }
  5123. .p-toast .p-toast-message.p-toast-message-success {
  5124. background: #C8E6C9;
  5125. border: solid transparent;
  5126. border-width: 0 0 0 0;
  5127. color: #1B5E20;
  5128. }
  5129. .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  5130. .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  5131. color: #1B5E20;
  5132. }
  5133. .p-toast .p-toast-message.p-toast-message-warn {
  5134. background: #FFECB3;
  5135. border: solid transparent;
  5136. border-width: 0 0 0 0;
  5137. color: #7f6003;
  5138. }
  5139. .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  5140. .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  5141. color: #7f6003;
  5142. }
  5143. .p-toast .p-toast-message.p-toast-message-error {
  5144. background: #FFCDD2;
  5145. border: solid transparent;
  5146. border-width: 0 0 0 0;
  5147. color: #B71C1C;
  5148. }
  5149. .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  5150. .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  5151. color: #B71C1C;
  5152. }
  5153. .p-galleria .p-galleria-close {
  5154. margin: 0.5rem;
  5155. background: transparent;
  5156. color: rgba(255, 255, 255, 0.87);
  5157. width: 4rem;
  5158. height: 4rem;
  5159. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5160. border-radius: 50%;
  5161. }
  5162. .p-galleria .p-galleria-close .p-galleria-close-icon {
  5163. font-size: 2rem;
  5164. }
  5165. .p-galleria .p-galleria-close:hover {
  5166. background: rgba(255, 255, 255, 0.1);
  5167. color: rgba(255, 255, 255, 0.87);
  5168. }
  5169. .p-galleria .p-galleria-item-nav {
  5170. background: transparent;
  5171. color: #f6f6f6;
  5172. width: 4rem;
  5173. height: 4rem;
  5174. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5175. border-radius: 50%;
  5176. margin: 0 0.5rem;
  5177. }
  5178. .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  5179. .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  5180. font-size: 2rem;
  5181. }
  5182. .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  5183. background: rgba(255, 255, 255, 0.1);
  5184. color: rgba(255, 255, 255, 0.87);
  5185. }
  5186. .p-galleria .p-galleria-caption {
  5187. background: rgba(0, 0, 0, 0.5);
  5188. color: rgba(255, 255, 255, 0.87);
  5189. padding: 1rem;
  5190. }
  5191. .p-galleria .p-galleria-indicators {
  5192. padding: 1rem;
  5193. }
  5194. .p-galleria .p-galleria-indicators .p-galleria-indicator button {
  5195. background-color: #dcdcdc;
  5196. width: 1.25rem;
  5197. height: 1.25rem;
  5198. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5199. border-radius: 50%;
  5200. }
  5201. .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  5202. background: #ececec;
  5203. }
  5204. .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  5205. background: rgba(255, 179, 0, 0.12);
  5206. color: #FFB300;
  5207. }
  5208. .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  5209. margin-right: 0.5rem;
  5210. }
  5211. .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  5212. margin-bottom: 0.5rem;
  5213. }
  5214. .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  5215. background: rgba(0, 0, 0, 0.5);
  5216. }
  5217. .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
  5218. background: rgba(255, 255, 255, 0.4);
  5219. }
  5220. .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
  5221. background: rgba(255, 255, 255, 0.6);
  5222. }
  5223. .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  5224. background: rgba(255, 179, 0, 0.12);
  5225. color: #FFB300;
  5226. }
  5227. .p-galleria .p-galleria-thumbnail-container {
  5228. background: rgba(0, 0, 0, 0.9);
  5229. padding: 1rem 0.25rem;
  5230. }
  5231. .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  5232. .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  5233. margin: 0.5rem;
  5234. background-color: transparent;
  5235. color: rgba(255, 255, 255, 0.87);
  5236. width: 2rem;
  5237. height: 2rem;
  5238. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5239. border-radius: 50%;
  5240. }
  5241. .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  5242. .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  5243. background: rgba(255, 255, 255, 0.1);
  5244. color: rgba(255, 255, 255, 0.87);
  5245. }
  5246. .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  5247. outline: 0 none;
  5248. outline-offset: 0;
  5249. box-shadow: none;
  5250. }
  5251. .p-galleria-mask {
  5252. --maskbg: rgba(0, 0, 0, 0.9);
  5253. }
  5254. .p-image-mask {
  5255. --maskbg: rgba(0, 0, 0, 0.9);
  5256. }
  5257. .p-image-preview-indicator {
  5258. background-color: transparent;
  5259. color: #f8f9fa;
  5260. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5261. }
  5262. .p-image-preview-container:hover > .p-image-preview-indicator {
  5263. background-color: rgba(0, 0, 0, 0.5);
  5264. }
  5265. .p-image-toolbar {
  5266. padding: 1rem;
  5267. }
  5268. .p-image-action.p-link {
  5269. color: #f8f9fa;
  5270. background-color: transparent;
  5271. width: 3rem;
  5272. height: 3rem;
  5273. border-radius: 50%;
  5274. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5275. margin-right: 0.5rem;
  5276. }
  5277. .p-image-action.p-link:last-child {
  5278. margin-right: 0;
  5279. }
  5280. .p-image-action.p-link:hover {
  5281. color: #f8f9fa;
  5282. background-color: rgba(255, 255, 255, 0.1);
  5283. }
  5284. .p-image-action.p-link i {
  5285. font-size: 1.5rem;
  5286. }
  5287. .p-avatar {
  5288. background-color: rgba(0, 0, 0, 0.12);
  5289. border-radius: 4px;
  5290. }
  5291. .p-avatar.p-avatar-lg {
  5292. width: 3rem;
  5293. height: 3rem;
  5294. font-size: 1.5rem;
  5295. }
  5296. .p-avatar.p-avatar-lg .p-avatar-icon {
  5297. font-size: 1.5rem;
  5298. }
  5299. .p-avatar.p-avatar-xl {
  5300. width: 4rem;
  5301. height: 4rem;
  5302. font-size: 2rem;
  5303. }
  5304. .p-avatar.p-avatar-xl .p-avatar-icon {
  5305. font-size: 2rem;
  5306. }
  5307. .p-avatar-group .p-avatar {
  5308. border: 2px solid #ffffff;
  5309. }
  5310. .p-badge {
  5311. background: #FFB300;
  5312. color: #212121;
  5313. font-size: 0.75rem;
  5314. font-weight: 700;
  5315. min-width: 1.5rem;
  5316. height: 1.5rem;
  5317. line-height: 1.5rem;
  5318. }
  5319. .p-badge.p-badge-secondary {
  5320. background-color: #0745ff;
  5321. color: #ffffff;
  5322. }
  5323. .p-badge.p-badge-success {
  5324. background-color: #689F38;
  5325. color: #ffffff;
  5326. }
  5327. .p-badge.p-badge-info {
  5328. background-color: #2196F3;
  5329. color: #ffffff;
  5330. }
  5331. .p-badge.p-badge-warning {
  5332. background-color: #FBC02D;
  5333. color: #212529;
  5334. }
  5335. .p-badge.p-badge-danger {
  5336. background-color: #D32F2F;
  5337. color: #ffffff;
  5338. }
  5339. .p-badge.p-badge-lg {
  5340. font-size: 1.125rem;
  5341. min-width: 2.25rem;
  5342. height: 2.25rem;
  5343. line-height: 2.25rem;
  5344. }
  5345. .p-badge.p-badge-xl {
  5346. font-size: 1.5rem;
  5347. min-width: 3rem;
  5348. height: 3rem;
  5349. line-height: 3rem;
  5350. }
  5351. .p-chip {
  5352. background-color: rgba(0, 0, 0, 0.12);
  5353. color: rgba(0, 0, 0, 0.87);
  5354. border-radius: 16px;
  5355. padding: 0 0.75rem;
  5356. }
  5357. .p-chip .p-chip-text {
  5358. line-height: 1.5;
  5359. margin-top: 0.375rem;
  5360. margin-bottom: 0.375rem;
  5361. }
  5362. .p-chip .p-chip-icon {
  5363. margin-right: 0.5rem;
  5364. }
  5365. .p-chip .pi-chip-remove-icon {
  5366. margin-left: 0.5rem;
  5367. }
  5368. .p-chip img {
  5369. width: 2.25rem;
  5370. height: 2.25rem;
  5371. margin-left: -0.75rem;
  5372. margin-right: 0.5rem;
  5373. }
  5374. .p-chip .pi-chip-remove-icon {
  5375. border-radius: 4px;
  5376. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5377. }
  5378. .p-chip .pi-chip-remove-icon:focus {
  5379. outline: 0 none;
  5380. outline-offset: 0;
  5381. box-shadow: none;
  5382. }
  5383. .p-inplace .p-inplace-display {
  5384. padding: 1rem 1rem;
  5385. border-radius: 4px;
  5386. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  5387. }
  5388. .p-inplace .p-inplace-display:not(.p-disabled):hover {
  5389. background: rgba(0, 0, 0, 0.04);
  5390. color: rgba(0, 0, 0, 0.87);
  5391. }
  5392. .p-inplace .p-inplace-display:focus {
  5393. outline: 0 none;
  5394. outline-offset: 0;
  5395. box-shadow: none;
  5396. }
  5397. .p-progressbar {
  5398. border: 0 none;
  5399. height: 4px;
  5400. background: rgba(255, 179, 0, 0.32);
  5401. border-radius: 4px;
  5402. }
  5403. .p-progressbar .p-progressbar-value {
  5404. border: 0 none;
  5405. margin: 0;
  5406. background: #FFB300;
  5407. }
  5408. .p-progressbar .p-progressbar-label {
  5409. color: rgba(0, 0, 0, 0.87);
  5410. line-height: 4px;
  5411. }
  5412. .p-scrolltop {
  5413. width: 3rem;
  5414. height: 3rem;
  5415. border-radius: 50%;
  5416. box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  5417. transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  5418. }
  5419. .p-scrolltop.p-link {
  5420. background: #0745ff;
  5421. }
  5422. .p-scrolltop.p-link:hover {
  5423. background: rgba(7, 69, 255, 0.92);
  5424. }
  5425. .p-scrolltop .p-scrolltop-icon {
  5426. font-size: 1.5rem;
  5427. color: #ffffff;
  5428. }
  5429. .p-skeleton {
  5430. background-color: rgba(0, 0, 0, 0.08);
  5431. border-radius: 4px;
  5432. }
  5433. .p-skeleton:after {
  5434. background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  5435. }
  5436. .p-tag {
  5437. background: #FFB300;
  5438. color: #212121;
  5439. font-size: 0.75rem;
  5440. font-weight: 700;
  5441. padding: 0.25rem 0.4rem;
  5442. border-radius: 4px;
  5443. }
  5444. .p-tag.p-tag-success {
  5445. background-color: #689F38;
  5446. color: #ffffff;
  5447. }
  5448. .p-tag.p-tag-info {
  5449. background-color: #2196F3;
  5450. color: #ffffff;
  5451. }
  5452. .p-tag.p-tag-warning {
  5453. background-color: #FBC02D;
  5454. color: #212529;
  5455. }
  5456. .p-tag.p-tag-danger {
  5457. background-color: #D32F2F;
  5458. color: #ffffff;
  5459. }
  5460. .p-tag .p-tag-icon {
  5461. margin-right: 0.25rem;
  5462. font-size: 0.75rem;
  5463. }
  5464. .p-terminal {
  5465. background: #ffffff;
  5466. color: rgba(0, 0, 0, 0.87);
  5467. border: 1px solid #e0e0e0;
  5468. padding: 0.75rem;
  5469. }
  5470. .p-terminal .p-terminal-input {
  5471. font-size: 1rem;
  5472. font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  5473. }
  5474. .p-accordion .p-accordion-tab {
  5475. 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);
  5476. margin-bottom: 0;
  5477. border-radius: 0;
  5478. position: relative;
  5479. transition: margin-bottom 225ms;
  5480. }
  5481. .p-accordion .p-accordion-tab:first-child {
  5482. border-top-left-radius: 4px;
  5483. border-top-right-radius: 4px;
  5484. }
  5485. .p-accordion .p-accordion-tab:last-child {
  5486. border-bottom-left-radius: 4px;
  5487. border-bottom-right-radius: 4px;
  5488. }
  5489. .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
  5490. order: 1;
  5491. margin-left: auto;
  5492. transition: transform 0.2s;
  5493. }
  5494. .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
  5495. background: #f6f6f6;
  5496. }
  5497. .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
  5498. transform: rotate(-270deg);
  5499. }
  5500. .p-accordion .p-accordion-tab.p-accordion-tab-active {
  5501. margin-bottom: 1rem;
  5502. }
  5503. .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
  5504. transform: rotate(-180deg);
  5505. }
  5506. .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
  5507. opacity: 1;
  5508. }
  5509. .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
  5510. opacity: 0.38;
  5511. }
  5512. .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  5513. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  5514. }
  5515. .p-input-filled .p-autocomplete .p-autocomplete-multiple-container {
  5516. border-bottom-left-radius: 0;
  5517. border-bottom-right-radius: 0;
  5518. border: 1px solid transparent;
  5519. background: #f5f5f5 no-repeat;
  5520. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  5521. background-size: 0 2px, 100% 1px;
  5522. background-position: 50% 100%, 50% 100%;
  5523. background-origin: border-box;
  5524. }
  5525. .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext {
  5526. background-image: none;
  5527. background-color: transparent;
  5528. }
  5529. .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  5530. background-color: #ececec;
  5531. border-color: transparent;
  5532. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  5533. }
  5534. .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
  5535. box-shadow: none;
  5536. background-color: #dcdcdc;
  5537. border-color: transparent;
  5538. background-size: 100% 2px, 100% 1px;
  5539. }
  5540. .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
  5541. background-image: none;
  5542. background: transparent;
  5543. }
  5544. .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
  5545. padding: 0.25rem 1rem;
  5546. }
  5547. .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  5548. padding-top: 0;
  5549. padding-bottom: 0;
  5550. }
  5551. .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  5552. font-size: 75%;
  5553. }
  5554. .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  5555. padding: 0;
  5556. }
  5557. .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext {
  5558. border-color: transparent;
  5559. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  5560. }
  5561. .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
  5562. box-shadow: none;
  5563. border-color: transparent;
  5564. }
  5565. .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container {
  5566. border-color: transparent;
  5567. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  5568. }
  5569. .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  5570. box-shadow: none;
  5571. border-color: transparent;
  5572. }
  5573. p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
  5574. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  5575. }
  5576. p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  5577. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  5578. }
  5579. .p-button {
  5580. font-weight: 500;
  5581. min-width: 4rem;
  5582. }
  5583. .p-button.p-button-icon-only {
  5584. min-width: auto;
  5585. }
  5586. .p-button:enabled:focus {
  5587. background: rgba(255, 179, 0, 0.76);
  5588. }
  5589. .p-button:enabled:active {
  5590. background: rgba(255, 179, 0, 0.68);
  5591. }
  5592. .p-button .p-ink {
  5593. background-color: rgba(255, 255, 255, 0.32);
  5594. }
  5595. .p-button.p-button-outlined {
  5596. box-shadow: inset 0 0 0 1px;
  5597. }
  5598. .p-button.p-button-outlined:enabled:focus {
  5599. box-shadow: inset 0 0 0 1px;
  5600. }
  5601. .p-button.p-button-outlined:enabled:active {
  5602. box-shadow: inset 0 0 0 1px;
  5603. }
  5604. .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
  5605. background: rgba(255, 179, 0, 0.12);
  5606. }
  5607. .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
  5608. background: rgba(255, 179, 0, 0.16);
  5609. }
  5610. .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
  5611. background-color: rgba(255, 179, 0, 0.16);
  5612. }
  5613. .p-button:disabled {
  5614. background-color: rgba(0, 0, 0, 0.12) !important;
  5615. color: rgba(0, 0, 0, 0.38) !important;
  5616. opacity: 1;
  5617. }
  5618. .p-button:disabled.p-button-text {
  5619. background-color: transparent !important;
  5620. color: rgba(0, 0, 0, 0.38) !important;
  5621. }
  5622. .p-button:disabled.p-button-outlined {
  5623. background-color: transparent !important;
  5624. color: rgba(0, 0, 0, 0.38) !important;
  5625. border-color: rgba(0, 0, 0, 0.38) !important;
  5626. }
  5627. .p-button.p-button-raised:enabled:focus {
  5628. 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);
  5629. }
  5630. .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  5631. background: rgba(7, 69, 255, 0.76);
  5632. }
  5633. .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  5634. background: rgba(7, 69, 255, 0.68);
  5635. }
  5636. .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
  5637. background: rgba(7, 69, 255, 0.12);
  5638. }
  5639. .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  5640. background: rgba(7, 69, 255, 0.16);
  5641. }
  5642. .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
  5643. background-color: rgba(7, 69, 255, 0.16);
  5644. }
  5645. .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
  5646. background: rgba(33, 150, 243, 0.76);
  5647. }
  5648. .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
  5649. background: rgba(33, 150, 243, 0.68);
  5650. }
  5651. .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
  5652. background: rgba(33, 150, 243, 0.12);
  5653. }
  5654. .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  5655. background: rgba(33, 150, 243, 0.16);
  5656. }
  5657. .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
  5658. background-color: rgba(33, 150, 243, 0.16);
  5659. }
  5660. .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
  5661. background: rgba(104, 159, 56, 0.76);
  5662. }
  5663. .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
  5664. background: rgba(104, 159, 56, 0.68);
  5665. }
  5666. .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
  5667. background: rgba(104, 159, 56, 0.12);
  5668. }
  5669. .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  5670. background: rgba(104, 159, 56, 0.16);
  5671. }
  5672. .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
  5673. background-color: rgba(104, 159, 56, 0.16);
  5674. }
  5675. .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
  5676. background: rgba(251, 192, 45, 0.76);
  5677. }
  5678. .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
  5679. background: rgba(251, 192, 45, 0.68);
  5680. }
  5681. .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
  5682. background: rgba(251, 192, 45, 0.12);
  5683. }
  5684. .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  5685. background: rgba(251, 192, 45, 0.16);
  5686. }
  5687. .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
  5688. background-color: rgba(251, 192, 45, 0.16);
  5689. }
  5690. .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
  5691. background: rgba(156, 39, 176, 0.76);
  5692. }
  5693. .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
  5694. background: rgba(156, 39, 176, 0.68);
  5695. }
  5696. .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
  5697. background: rgba(156, 39, 176, 0.12);
  5698. }
  5699. .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  5700. background: rgba(156, 39, 176, 0.16);
  5701. }
  5702. .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
  5703. background-color: rgba(156, 39, 176, 0.16);
  5704. }
  5705. .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
  5706. background: rgba(211, 47, 47, 0.76);
  5707. }
  5708. .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
  5709. background: rgba(211, 47, 47, 0.68);
  5710. }
  5711. .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
  5712. background: rgba(211, 47, 47, 0.12);
  5713. }
  5714. .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  5715. background: rgba(211, 47, 47, 0.16);
  5716. }
  5717. .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
  5718. background-color: rgba(211, 47, 47, 0.16);
  5719. }
  5720. .p-calendar-w-btn {
  5721. border: 1px solid rgba(0, 0, 0, 0.38);
  5722. background: #ffffff;
  5723. border-radius: 4px;
  5724. transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  5725. }
  5726. .p-calendar-w-btn .p-inputtext {
  5727. background-image: none;
  5728. background-color: transparent;
  5729. border: 0 none;
  5730. }
  5731. .p-calendar-w-btn .p-inputtext:enabled:focus {
  5732. box-shadow: none;
  5733. }
  5734. .p-calendar-w-btn .p-datepicker-trigger.p-button {
  5735. background-color: transparent;
  5736. border: 0 none;
  5737. }
  5738. .p-calendar-w-btn .p-datepicker-trigger.p-button span {
  5739. color: rgba(0, 0, 0, 0.6);
  5740. }
  5741. .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
  5742. background: rgba(0, 0, 0, 0.04);
  5743. }
  5744. .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
  5745. background: rgba(0, 0, 0, 0.12);
  5746. }
  5747. .p-calendar-w-btn:not(.p-disabled):hover {
  5748. border-color: rgba(0, 0, 0, 0.87);
  5749. }
  5750. .p-calendar-w-btn:not(.p-disabled).p-focus {
  5751. border-color: #FFB300;
  5752. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  5753. }
  5754. .p-datepicker .p-datepicker-header {
  5755. border-bottom: 0 none;
  5756. }
  5757. .p-datepicker .p-datepicker-header .p-datepicker-title {
  5758. margin: 0 auto 0 0;
  5759. order: 1;
  5760. }
  5761. .p-datepicker .p-datepicker-header .p-datepicker-prev {
  5762. order: 2;
  5763. }
  5764. .p-datepicker .p-datepicker-header .p-datepicker-next {
  5765. order: 3;
  5766. }
  5767. .p-datepicker table th {
  5768. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  5769. color: rgba(0, 0, 0, 0.38);
  5770. font-weight: 400;
  5771. font-size: 0.875rem;
  5772. }
  5773. .p-datepicker table td.p-datepicker-today > span {
  5774. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
  5775. }
  5776. .p-datepicker table td.p-datepicker-today.p-highlight {
  5777. box-shadow: 0 0 0 1px rgba(255, 179, 0, 0.12);
  5778. }
  5779. p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
  5780. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  5781. }
  5782. p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
  5783. border-color: #B00020;
  5784. }
  5785. p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus {
  5786. box-shadow: none;
  5787. }
  5788. p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
  5789. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  5790. }
  5791. .p-input-filled .p-calendar-w-btn {
  5792. border-bottom-left-radius: 0;
  5793. border-bottom-right-radius: 0;
  5794. border: 1px solid transparent;
  5795. background: #f5f5f5 no-repeat;
  5796. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  5797. background-size: 0 2px, 100% 1px;
  5798. background-position: 50% 100%, 50% 100%;
  5799. background-origin: border-box;
  5800. }
  5801. .p-input-filled .p-calendar-w-btn .p-inputtext {
  5802. background-image: none;
  5803. background-color: transparent;
  5804. }
  5805. .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
  5806. background-color: #ececec;
  5807. border-color: transparent;
  5808. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  5809. }
  5810. .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
  5811. box-shadow: none;
  5812. background-color: #dcdcdc;
  5813. border-color: transparent;
  5814. background-size: 100% 2px, 100% 1px;
  5815. }
  5816. .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
  5817. background-image: none;
  5818. background: transparent;
  5819. }
  5820. .p-input-filled .p-calendar-w-btn .p-inputtext {
  5821. border: 0 none;
  5822. }
  5823. .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext {
  5824. border-color: transparent;
  5825. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  5826. }
  5827. .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
  5828. box-shadow: none;
  5829. border-color: transparent;
  5830. }
  5831. .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
  5832. border-color: transparent;
  5833. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  5834. }
  5835. .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
  5836. box-shadow: none;
  5837. border-color: transparent;
  5838. }
  5839. .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext {
  5840. border: 0 none;
  5841. background-image: none;
  5842. }
  5843. .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger {
  5844. background-image: none;
  5845. background: transparent;
  5846. }
  5847. .p-cascadeselect .p-inputtext {
  5848. border: 0 none;
  5849. }
  5850. .p-cascadeselect:not(.p-disabled).p-focus {
  5851. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  5852. }
  5853. .p-cascadeselect-item .p-ink {
  5854. background-color: rgba(255, 179, 0, 0.16);
  5855. }
  5856. .p-input-filled .p-cascadeselect {
  5857. border-bottom-left-radius: 0;
  5858. border-bottom-right-radius: 0;
  5859. border: 1px solid transparent;
  5860. background: #f5f5f5 no-repeat;
  5861. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  5862. background-size: 0 2px, 100% 1px;
  5863. background-position: 50% 100%, 50% 100%;
  5864. background-origin: border-box;
  5865. }
  5866. .p-input-filled .p-cascadeselect .p-inputtext {
  5867. background-image: none;
  5868. background-color: transparent;
  5869. }
  5870. .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  5871. background-color: #ececec;
  5872. border-color: transparent;
  5873. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  5874. }
  5875. .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
  5876. box-shadow: none;
  5877. background-color: #dcdcdc;
  5878. border-color: transparent;
  5879. background-size: 100% 2px, 100% 1px;
  5880. }
  5881. .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
  5882. background-image: none;
  5883. background: transparent;
  5884. }
  5885. .p-input-filled .p-cascadeselect .p-inputtext {
  5886. border: 0 none;
  5887. }
  5888. .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect {
  5889. border-color: transparent;
  5890. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  5891. }
  5892. .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
  5893. box-shadow: none;
  5894. border-color: transparent;
  5895. }
  5896. p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
  5897. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  5898. }
  5899. .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  5900. background: #0745ff;
  5901. color: #ffffff;
  5902. }
  5903. .p-checkbox {
  5904. border-radius: 50%;
  5905. transition: box-shadow 0.2s;
  5906. }
  5907. .p-checkbox .p-checkbox-box {
  5908. border-color: #757575;
  5909. border-radius: 2px;
  5910. position: relative;
  5911. }
  5912. .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
  5913. border-color: #757575;
  5914. }
  5915. .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
  5916. border-color: #757575;
  5917. }
  5918. .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
  5919. border-color: #FFB300;
  5920. }
  5921. .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
  5922. content: "";
  5923. position: absolute;
  5924. top: 6px;
  5925. left: 1px;
  5926. border-right: 2px solid transparent;
  5927. border-bottom: 2px solid transparent;
  5928. transform: rotate(45deg);
  5929. transform-origin: 0% 100%;
  5930. animation: checkbox-check 125ms 50ms linear forwards;
  5931. }
  5932. .p-checkbox:not(.p-checkbox-disabled):hover {
  5933. box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
  5934. }
  5935. .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
  5936. box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
  5937. }
  5938. .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
  5939. box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.04);
  5940. }
  5941. .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
  5942. box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.12);
  5943. }
  5944. .p-input-filled .p-checkbox .p-checkbox-box {
  5945. background-color: #ffffff;
  5946. }
  5947. .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
  5948. background-color: #ffffff;
  5949. }
  5950. @keyframes checkbox-check {
  5951. 0% {
  5952. width: 0;
  5953. height: 0;
  5954. border-color: #212121;
  5955. transform: translate3d(0, 0, 0) rotate(45deg);
  5956. }
  5957. 33% {
  5958. width: 4px;
  5959. height: 0;
  5960. transform: translate3d(0, 0, 0) rotate(45deg);
  5961. }
  5962. 100% {
  5963. width: 4px;
  5964. height: 10px;
  5965. border-color: #212121;
  5966. transform: translate3d(0, -10px, 0) rotate(45deg);
  5967. }
  5968. }
  5969. .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  5970. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  5971. }
  5972. .p-input-filled .p-chips-multiple-container {
  5973. border-bottom-left-radius: 0;
  5974. border-bottom-right-radius: 0;
  5975. border: 1px solid transparent;
  5976. background: #f5f5f5 no-repeat;
  5977. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  5978. background-size: 0 2px, 100% 1px;
  5979. background-position: 50% 100%, 50% 100%;
  5980. background-origin: border-box;
  5981. }
  5982. .p-input-filled .p-chips-multiple-container .p-inputtext {
  5983. background-image: none;
  5984. background-color: transparent;
  5985. }
  5986. .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
  5987. background-color: #ececec;
  5988. border-color: transparent;
  5989. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  5990. }
  5991. .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
  5992. box-shadow: none;
  5993. background-color: #dcdcdc;
  5994. border-color: transparent;
  5995. background-size: 100% 2px, 100% 1px;
  5996. }
  5997. .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
  5998. background-image: none;
  5999. background: transparent;
  6000. }
  6001. .p-float-label .p-chips-multiple-container .p-chips-token {
  6002. padding: 0.25rem 1rem;
  6003. }
  6004. .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
  6005. padding-top: 0;
  6006. padding-bottom: 0;
  6007. }
  6008. .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  6009. font-size: 75%;
  6010. }
  6011. .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
  6012. padding: 0;
  6013. }
  6014. .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container {
  6015. border-color: transparent;
  6016. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  6017. }
  6018. .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  6019. box-shadow: none;
  6020. border-color: transparent;
  6021. }
  6022. p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  6023. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  6024. }
  6025. .p-datatable .p-sortable-column {
  6026. outline: 0 none;
  6027. }
  6028. .p-datatable .p-sortable-column:focus {
  6029. background-color: rgba(0, 0, 0, 0.03);
  6030. }
  6031. .p-datatable .p-datatable-tbody > tr {
  6032. outline: 0 none;
  6033. }
  6034. .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
  6035. background-color: rgba(0, 0, 0, 0.03);
  6036. }
  6037. .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
  6038. background-image: none;
  6039. background: transparent;
  6040. }
  6041. .p-dropdown .p-inputtext {
  6042. border: 0 none;
  6043. }
  6044. .p-dropdown:not(.p-disabled).p-focus {
  6045. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  6046. }
  6047. .p-dropdown-item .p-ink {
  6048. background-color: rgba(255, 179, 0, 0.16);
  6049. }
  6050. .p-input-filled .p-dropdown {
  6051. border-bottom-left-radius: 0;
  6052. border-bottom-right-radius: 0;
  6053. border: 1px solid transparent;
  6054. background: #f5f5f5 no-repeat;
  6055. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  6056. background-size: 0 2px, 100% 1px;
  6057. background-position: 50% 100%, 50% 100%;
  6058. background-origin: border-box;
  6059. }
  6060. .p-input-filled .p-dropdown .p-inputtext {
  6061. background-image: none;
  6062. background-color: transparent;
  6063. }
  6064. .p-input-filled .p-dropdown:not(.p-disabled):hover {
  6065. background-color: #ececec;
  6066. border-color: transparent;
  6067. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  6068. }
  6069. .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
  6070. box-shadow: none;
  6071. background-color: #dcdcdc;
  6072. border-color: transparent;
  6073. background-size: 100% 2px, 100% 1px;
  6074. }
  6075. .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
  6076. background-image: none;
  6077. background: transparent;
  6078. }
  6079. .p-input-filled .p-dropdown .p-inputtext {
  6080. border: 0 none;
  6081. }
  6082. .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown {
  6083. border-color: transparent;
  6084. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  6085. }
  6086. .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus {
  6087. box-shadow: none;
  6088. border-color: transparent;
  6089. }
  6090. p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus {
  6091. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  6092. }
  6093. .p-galleria .p-galleria-indicators {
  6094. padding: 1rem;
  6095. }
  6096. .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  6097. background: #0745ff;
  6098. color: #ffffff;
  6099. }
  6100. .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  6101. background: rgba(7, 69, 255, 0.68);
  6102. color: #ffffff;
  6103. }
  6104. .p-inputtext:enabled:focus {
  6105. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  6106. }
  6107. .p-inputtext:enabled:focus.ng-invalid.ng-dirty {
  6108. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  6109. }
  6110. .p-input-filled .p-inputtext {
  6111. border-bottom-left-radius: 0;
  6112. border-bottom-right-radius: 0;
  6113. border: 1px solid transparent;
  6114. background: #f5f5f5 no-repeat;
  6115. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  6116. background-size: 0 2px, 100% 1px;
  6117. background-position: 50% 100%, 50% 100%;
  6118. background-origin: border-box;
  6119. }
  6120. .p-input-filled .p-inputtext:enabled:hover {
  6121. background-color: #ececec;
  6122. border-color: transparent;
  6123. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  6124. }
  6125. .p-input-filled .p-inputtext:enabled:focus {
  6126. box-shadow: none;
  6127. background-color: #dcdcdc;
  6128. border-color: transparent;
  6129. background-size: 100% 2px, 100% 1px;
  6130. }
  6131. .p-input-filled .p-inputtext.ng-invalid.ng-dirty {
  6132. border-color: transparent;
  6133. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  6134. }
  6135. .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus {
  6136. box-shadow: none;
  6137. border-color: transparent;
  6138. }
  6139. .p-input-filled .p-inputgroup .p-inputgroup-addon {
  6140. border-bottom-left-radius: 0;
  6141. border-bottom-right-radius: 0;
  6142. border: 1px solid transparent;
  6143. background: #f5f5f5 no-repeat;
  6144. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  6145. background-size: 0 2px, 100% 1px;
  6146. background-position: 50% 100%, 50% 100%;
  6147. background-origin: border-box;
  6148. }
  6149. .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
  6150. border-right-color: transparent;
  6151. }
  6152. .p-input-filled .p-inputgroup-addon:first-child,
  6153. .p-input-filled .p-inputgroup button:first-child,
  6154. .p-input-filled .p-inputgroup input:first-child {
  6155. border-bottom-left-radius: 0;
  6156. }
  6157. .p-input-filled .p-inputgroup .p-float-label:first-child input {
  6158. border-bottom-left-radius: 0;
  6159. }
  6160. .p-input-filled .p-inputgroup-addon:last-child,
  6161. .p-input-filled .p-inputgroup button:last-child,
  6162. .p-input-filled .p-inputgroup input:last-child {
  6163. border-bottom-right-radius: 0;
  6164. }
  6165. .p-input-filled .p-inputgroup .p-float-label:last-child input {
  6166. border-bottom-right-radius: 0;
  6167. }
  6168. p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
  6169. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  6170. }
  6171. .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext {
  6172. border-color: transparent;
  6173. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  6174. }
  6175. .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
  6176. box-shadow: none;
  6177. border-color: transparent;
  6178. }
  6179. p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
  6180. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  6181. }
  6182. .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext {
  6183. border-color: transparent;
  6184. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  6185. }
  6186. .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
  6187. box-shadow: none;
  6188. border-color: transparent;
  6189. }
  6190. .p-inputswitch .p-inputswitch-slider:before {
  6191. transition-property: box-shadow transform;
  6192. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  6193. }
  6194. .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
  6195. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04);
  6196. }
  6197. .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
  6198. box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  6199. }
  6200. .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
  6201. box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  6202. }
  6203. .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
  6204. box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  6205. }
  6206. .p-fieldset .p-fieldset-legend {
  6207. border: 0 none;
  6208. }
  6209. .p-float-label input:focus ~ label,
  6210. .p-float-label input.p-filled ~ label,
  6211. .p-float-label textarea:focus ~ label,
  6212. .p-float-label textarea.p-filled ~ label,
  6213. .p-float-label .p-inputwrapper-focus ~ label,
  6214. .p-float-label .p-inputwrapper-filled ~ label {
  6215. top: -0.5rem !important;
  6216. background-color: #ffffff;
  6217. padding: 2px 4px;
  6218. margin-left: -4px;
  6219. margin-top: 0;
  6220. }
  6221. .p-float-label textarea ~ label {
  6222. margin-top: 0;
  6223. }
  6224. .p-float-label input:focus ~ label,
  6225. .p-float-label .p-inputwrapper-focus ~ label {
  6226. color: #FFB300;
  6227. }
  6228. .p-input-filled .p-float-label .p-inputtext {
  6229. padding-top: 1.25rem;
  6230. padding-bottom: 0.25rem;
  6231. }
  6232. .p-input-filled .p-float-label input:focus ~ label,
  6233. .p-input-filled .p-float-label input.p-filled ~ label,
  6234. .p-input-filled .p-float-label textarea:focus ~ label,
  6235. .p-input-filled .p-float-label textarea.p-filled ~ label,
  6236. .p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
  6237. .p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
  6238. top: 0.25rem !important;
  6239. margin-top: 0;
  6240. background: transparent;
  6241. }
  6242. .p-listbox-item .p-ink {
  6243. background-color: rgba(255, 179, 0, 0.16);
  6244. }
  6245. .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
  6246. background-image: none;
  6247. background: transparent;
  6248. }
  6249. .p-multiselect .p-multiselect-label {
  6250. border: 0 none;
  6251. }
  6252. .p-multiselect:not(.p-disabled).p-focus {
  6253. box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300;
  6254. }
  6255. .p-multiselect-item .p-ink {
  6256. background-color: rgba(255, 179, 0, 0.16);
  6257. }
  6258. .p-input-filled .p-multiselect {
  6259. border-bottom-left-radius: 0;
  6260. border-bottom-right-radius: 0;
  6261. border: 1px solid transparent;
  6262. background: #f5f5f5 no-repeat;
  6263. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  6264. background-size: 0 2px, 100% 1px;
  6265. background-position: 50% 100%, 50% 100%;
  6266. background-origin: border-box;
  6267. }
  6268. .p-input-filled .p-multiselect .p-inputtext {
  6269. background-image: none;
  6270. background-color: transparent;
  6271. }
  6272. .p-input-filled .p-multiselect:not(.p-disabled):hover {
  6273. background-color: #ececec;
  6274. border-color: transparent;
  6275. background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
  6276. }
  6277. .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
  6278. box-shadow: none;
  6279. background-color: #dcdcdc;
  6280. border-color: transparent;
  6281. background-size: 100% 2px, 100% 1px;
  6282. }
  6283. .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
  6284. background-image: none;
  6285. background: transparent;
  6286. }
  6287. .p-input-filled .p-multiselect .p-multiselect-label:hover {
  6288. background-image: none;
  6289. background: transparent;
  6290. }
  6291. .p-input-filled .p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  6292. padding-top: 0.25rem;
  6293. }
  6294. .p-float-label .p-multiselect-label .p-multiselect-token {
  6295. padding: 0.25rem 1rem;
  6296. margin-top: 0.25rem;
  6297. margin-bottom: 0.25rem;
  6298. }
  6299. .p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
  6300. padding-top: 1.25rem;
  6301. padding-bottom: 0.25rem;
  6302. }
  6303. .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label {
  6304. padding-top: 1.25rem;
  6305. padding-bottom: 0.25rem;
  6306. }
  6307. .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token {
  6308. padding-top: 0;
  6309. padding-bottom: 0;
  6310. margin-top: 0;
  6311. margin-bottom: 0;
  6312. }
  6313. .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  6314. font-size: 75%;
  6315. }
  6316. .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect {
  6317. border-color: transparent;
  6318. background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
  6319. }
  6320. .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
  6321. box-shadow: none;
  6322. border-color: transparent;
  6323. }
  6324. p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
  6325. box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
  6326. }
  6327. .p-overlaypanel .p-overlaypanel-content {
  6328. padding: 1.5rem;
  6329. }
  6330. .p-paginator {
  6331. justify-content: flex-end;
  6332. }
  6333. .p-panel {
  6334. border-radius: 4px;
  6335. 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);
  6336. }
  6337. .p-panel .p-panel-header,
  6338. .p-panel .p-panel-content,
  6339. .p-panel .p-panel-footer {
  6340. border: 0 none;
  6341. }
  6342. .p-panel .p-panel-content {
  6343. padding-top: 0;
  6344. }
  6345. .p-panel .p-panel-title {
  6346. font-size: 1.25rem;
  6347. }
  6348. .p-panelmenu .p-panelmenu-panel {
  6349. 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);
  6350. margin-bottom: 0;
  6351. border-radius: 0;
  6352. position: relative;
  6353. transition: margin-bottom 225ms;
  6354. }
  6355. .p-panelmenu .p-panelmenu-panel:first-child {
  6356. border-top-left-radius: 4px;
  6357. border-top-right-radius: 4px;
  6358. }
  6359. .p-panelmenu .p-panelmenu-panel:last-child {
  6360. border-bottom-left-radius: 4px;
  6361. border-bottom-right-radius: 4px;
  6362. }
  6363. .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
  6364. order: 1;
  6365. margin-left: auto;
  6366. margin-right: 0;
  6367. }
  6368. .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
  6369. opacity: 1;
  6370. }
  6371. .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
  6372. opacity: 0.38;
  6373. }
  6374. .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
  6375. background: #f6f6f6;
  6376. }
  6377. .p-progressbar {
  6378. border-radius: 0;
  6379. }
  6380. .p-progressbar .p-progressbar-label {
  6381. display: none;
  6382. }
  6383. .p-radiobutton {
  6384. border-radius: 50%;
  6385. transition: box-shadow 0.2s;
  6386. }
  6387. .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  6388. border: 2px solid #757575;
  6389. }
  6390. .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  6391. border: 2px solid #757575;
  6392. }
  6393. .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
  6394. border-color: #FFB300;
  6395. }
  6396. .p-radiobutton:not(.p-radiobutton-disabled):hover {
  6397. box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
  6398. }
  6399. .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
  6400. box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
  6401. }
  6402. .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
  6403. box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.04);
  6404. }
  6405. .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
  6406. box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.12);
  6407. }
  6408. .p-input-filled .p-radiobutton .p-radiobutton-box {
  6409. background-color: #ffffff;
  6410. }
  6411. .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  6412. background-color: #ffffff;
  6413. }
  6414. .p-selectbutton .p-button:focus {
  6415. background: #e0e0e1;
  6416. border-color: #e0e0e1;
  6417. }
  6418. .p-selectbutton .p-button:focus.p-highlight {
  6419. background: #d9d8d9;
  6420. border-color: #d9d8d9;
  6421. }
  6422. .p-slider .p-slider-handle {
  6423. transition: transform 0.2s, box-shadow 0.2s;
  6424. transform: scale(0.7);
  6425. }
  6426. .p-slider .p-slider-handle:focus {
  6427. box-shadow: 0 0 1px 10px rgba(7, 69, 255, 0.2);
  6428. }
  6429. .p-slider.p-slider-sliding .p-slider-handle {
  6430. transform: scale(1);
  6431. }
  6432. .p-steps {
  6433. padding: 1rem 0;
  6434. }
  6435. .p-steps .p-steps-item {
  6436. justify-content: flex-start;
  6437. flex-direction: row-reverse;
  6438. align-items: center;
  6439. }
  6440. .p-steps .p-steps-item:before {
  6441. position: static;
  6442. left: auto;
  6443. top: auto;
  6444. margin-top: 0;
  6445. }
  6446. .p-steps .p-steps-item:last-child {
  6447. flex-grow: 0;
  6448. }
  6449. .p-steps .p-steps-item:last-child:before {
  6450. display: none;
  6451. }
  6452. .p-steps .p-steps-item .p-menuitem-link {
  6453. flex-direction: row;
  6454. flex: 1 1 auto;
  6455. overflow: visible;
  6456. padding: 0 0.5rem;
  6457. }
  6458. .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  6459. background-color: #9e9d9e;
  6460. color: #ffffff;
  6461. font-size: 0.857rem;
  6462. min-width: 1.714rem;
  6463. height: 1.714rem;
  6464. line-height: 1.714rem;
  6465. }
  6466. .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  6467. margin: 0;
  6468. padding-left: 0.5rem;
  6469. }
  6470. .p-steps .p-steps-item.p-highlight .p-steps-number {
  6471. background-color: #FFB300;
  6472. color: #212121;
  6473. }
  6474. .p-steps .p-steps-item.p-highlight .p-steps-title {
  6475. font-weight: 600;
  6476. color: rgba(0, 0, 0, 0.87);
  6477. }
  6478. .p-steps .p-steps-item.p-disabled {
  6479. opacity: 1;
  6480. }
  6481. .p-tabview .p-tabview-nav {
  6482. position: relative;
  6483. }
  6484. .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  6485. transition: background-color 0.2s;
  6486. border-radius: 0;
  6487. }
  6488. .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
  6489. background-color: rgba(255, 179, 0, 0.16);
  6490. }
  6491. .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
  6492. background-color: rgba(255, 179, 0, 0.12);
  6493. }
  6494. .p-tabview .p-tabview-nav .p-tabview-ink-bar {
  6495. z-index: 1;
  6496. display: block;
  6497. position: absolute;
  6498. bottom: 0;
  6499. height: 2px;
  6500. background-color: #FFB300;
  6501. transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
  6502. }
  6503. .p-toolbar {
  6504. border: 0 none;
  6505. }
  6506. .p-tooltip .p-tooltip-text {
  6507. box-shadow: none;
  6508. font-size: 0.875rem;
  6509. }
  6510. .p-tooltip .p-tooltip-arrow {
  6511. display: none;
  6512. }
  6513. .p-treetable .p-sortable-column {
  6514. outline: 0 none;
  6515. }
  6516. .p-treetable .p-sortable-column:focus {
  6517. background-color: rgba(0, 0, 0, 0.03);
  6518. }
  6519. .p-treetable .p-treetable-tbody > tr {
  6520. outline: 0 none;
  6521. }
  6522. .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
  6523. background-color: rgba(0, 0, 0, 0.03);
  6524. }
  6525. .p-tabmenu .p-tabmenu-nav {
  6526. position: relative;
  6527. }
  6528. .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
  6529. transition: background-color 0.2s;
  6530. border-radius: 0;
  6531. }
  6532. .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
  6533. background-color: rgba(255, 179, 0, 0.16);
  6534. }
  6535. .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
  6536. background-color: rgba(255, 179, 0, 0.12);
  6537. }
  6538. .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
  6539. display: block;
  6540. position: absolute;
  6541. bottom: 0;
  6542. height: 2px;
  6543. background-color: #FFB300;
  6544. transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
  6545. }
  6546. .p-timeline.p-timeline-vertical .p-timeline-event-connector {
  6547. margin: 0.5rem 0;
  6548. }
  6549. .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  6550. margin: 0 0.5rem;
  6551. }
  6552. .p-togglebutton.p-button:focus {
  6553. background: #e0e0e1;
  6554. border-color: #e0e0e1;
  6555. }
  6556. .p-togglebutton.p-button:focus.p-highlight {
  6557. background: #d9d8d9;
  6558. border-color: #d9d8d9;
  6559. }
  6560. /* Add your customizations of the theme here */

Powered by TurnKey Linux.