You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

semantic.css 828KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058170591706017061170621706317064170651706617067170681706917070170711707217073170741707517076170771707817079170801708117082170831708417085170861708717088170891709017091170921709317094170951709617097170981709917100171011710217103171041710517106171071710817109171101711117112171131711417115171161711717118171191712017121171221712317124171251712617127171281712917130171311713217133171341713517136171371713817139171401714117142171431714417145171461714717148171491715017151171521715317154171551715617157171581715917160171611716217163171641716517166171671716817169171701717117172171731717417175171761717717178171791718017181171821718317184171851718617187171881718917190171911719217193171941719517196171971719817199172001720117202172031720417205172061720717208172091721017211172121721317214172151721617217172181721917220172211722217223172241722517226172271722817229172301723117232172331723417235172361723717238172391724017241172421724317244172451724617247172481724917250172511725217253172541725517256172571725817259172601726117262172631726417265172661726717268172691727017271172721727317274172751727617277172781727917280172811728217283172841728517286172871728817289172901729117292172931729417295172961729717298172991730017301173021730317304173051730617307173081730917310173111731217313173141731517316173171731817319173201732117322173231732417325173261732717328173291733017331173321733317334173351733617337173381733917340173411734217343173441734517346173471734817349173501735117352173531735417355173561735717358173591736017361173621736317364173651736617367173681736917370173711737217373173741737517376173771737817379173801738117382173831738417385173861738717388173891739017391173921739317394173951739617397173981739917400174011740217403174041740517406174071740817409174101741117412174131741417415174161741717418174191742017421174221742317424174251742617427174281742917430174311743217433174341743517436174371743817439174401744117442174431744417445174461744717448174491745017451174521745317454174551745617457174581745917460174611746217463174641746517466174671746817469174701747117472174731747417475174761747717478174791748017481174821748317484174851748617487174881748917490174911749217493174941749517496174971749817499175001750117502175031750417505175061750717508175091751017511175121751317514175151751617517175181751917520175211752217523175241752517526175271752817529175301753117532175331753417535175361753717538175391754017541175421754317544175451754617547175481754917550175511755217553175541755517556175571755817559175601756117562175631756417565175661756717568175691757017571175721757317574175751757617577175781757917580175811758217583175841758517586175871758817589175901759117592175931759417595175961759717598175991760017601176021760317604176051760617607176081760917610176111761217613176141761517616176171761817619176201762117622176231762417625176261762717628176291763017631176321763317634176351763617637176381763917640176411764217643176441764517646176471764817649176501765117652176531765417655176561765717658176591766017661176621766317664176651766617667176681766917670176711767217673176741767517676176771767817679176801768117682176831768417685176861768717688176891769017691176921769317694176951769617697176981769917700177011770217703177041770517706177071770817709177101771117712177131771417715177161771717718177191772017721177221772317724177251772617727177281772917730177311773217733177341773517736177371773817739177401774117742177431774417745177461774717748177491775017751177521775317754177551775617757177581775917760177611776217763177641776517766177671776817769177701777117772177731777417775177761777717778177791778017781177821778317784177851778617787177881778917790177911779217793177941779517796177971779817799178001780117802178031780417805178061780717808178091781017811178121781317814178151781617817178181781917820178211782217823178241782517826178271782817829178301783117832178331783417835178361783717838178391784017841178421784317844178451784617847178481784917850178511785217853178541785517856178571785817859178601786117862178631786417865178661786717868178691787017871178721787317874178751787617877178781787917880178811788217883178841788517886178871788817889178901789117892178931789417895178961789717898178991790017901179021790317904179051790617907179081790917910179111791217913179141791517916179171791817919179201792117922179231792417925179261792717928179291793017931179321793317934179351793617937179381793917940179411794217943179441794517946179471794817949179501795117952179531795417955179561795717958179591796017961179621796317964179651796617967179681796917970179711797217973179741797517976179771797817979179801798117982179831798417985179861798717988179891799017991179921799317994179951799617997179981799918000180011800218003180041800518006180071800818009180101801118012180131801418015180161801718018180191802018021180221802318024180251802618027180281802918030180311803218033180341803518036180371803818039180401804118042180431804418045180461804718048180491805018051180521805318054180551805618057180581805918060180611806218063180641806518066180671806818069180701807118072180731807418075180761807718078180791808018081180821808318084180851808618087180881808918090180911809218093180941809518096180971809818099181001810118102181031810418105181061810718108181091811018111181121811318114181151811618117181181811918120181211812218123181241812518126181271812818129181301813118132181331813418135181361813718138181391814018141181421814318144181451814618147181481814918150181511815218153181541815518156181571815818159181601816118162181631816418165181661816718168181691817018171181721817318174181751817618177181781817918180181811818218183181841818518186181871818818189181901819118192181931819418195181961819718198181991820018201182021820318204182051820618207182081820918210182111821218213182141821518216182171821818219182201822118222182231822418225182261822718228182291823018231182321823318234182351823618237182381823918240182411824218243182441824518246182471824818249182501825118252182531825418255182561825718258182591826018261182621826318264182651826618267182681826918270182711827218273182741827518276182771827818279182801828118282182831828418285182861828718288182891829018291182921829318294182951829618297182981829918300183011830218303183041830518306183071830818309183101831118312183131831418315183161831718318183191832018321183221832318324183251832618327183281832918330183311833218333183341833518336183371833818339183401834118342183431834418345183461834718348183491835018351183521835318354183551835618357183581835918360183611836218363183641836518366183671836818369183701837118372183731837418375183761837718378183791838018381183821838318384183851838618387183881838918390183911839218393183941839518396183971839818399184001840118402184031840418405184061840718408184091841018411184121841318414184151841618417184181841918420184211842218423184241842518426184271842818429184301843118432184331843418435184361843718438184391844018441184421844318444184451844618447184481844918450184511845218453184541845518456184571845818459184601846118462184631846418465184661846718468184691847018471184721847318474184751847618477184781847918480184811848218483184841848518486184871848818489184901849118492184931849418495184961849718498184991850018501185021850318504185051850618507185081850918510185111851218513185141851518516185171851818519185201852118522185231852418525185261852718528185291853018531185321853318534185351853618537185381853918540185411854218543185441854518546185471854818549185501855118552185531855418555185561855718558185591856018561185621856318564185651856618567185681856918570185711857218573185741857518576185771857818579185801858118582185831858418585185861858718588185891859018591185921859318594185951859618597185981859918600186011860218603186041860518606186071860818609186101861118612186131861418615186161861718618186191862018621186221862318624186251862618627186281862918630186311863218633186341863518636186371863818639186401864118642186431864418645186461864718648186491865018651186521865318654186551865618657186581865918660186611866218663186641866518666186671866818669186701867118672186731867418675186761867718678186791868018681186821868318684186851868618687186881868918690186911869218693186941869518696186971869818699187001870118702187031870418705187061870718708187091871018711187121871318714187151871618717187181871918720187211872218723187241872518726187271872818729187301873118732187331873418735187361873718738187391874018741187421874318744187451874618747187481874918750187511875218753187541875518756187571875818759187601876118762187631876418765187661876718768187691877018771187721877318774187751877618777187781877918780187811878218783187841878518786187871878818789187901879118792187931879418795187961879718798187991880018801188021880318804188051880618807188081880918810188111881218813188141881518816188171881818819188201882118822188231882418825188261882718828188291883018831188321883318834188351883618837188381883918840188411884218843188441884518846188471884818849188501885118852188531885418855188561885718858188591886018861188621886318864188651886618867188681886918870188711887218873188741887518876188771887818879188801888118882188831888418885188861888718888188891889018891188921889318894188951889618897188981889918900189011890218903189041890518906189071890818909189101891118912189131891418915189161891718918189191892018921189221892318924189251892618927189281892918930189311893218933189341893518936189371893818939189401894118942189431894418945189461894718948189491895018951189521895318954189551895618957189581895918960189611896218963189641896518966189671896818969189701897118972189731897418975189761897718978189791898018981189821898318984189851898618987189881898918990189911899218993189941899518996189971899818999190001900119002190031900419005190061900719008190091901019011190121901319014190151901619017190181901919020190211902219023190241902519026190271902819029190301903119032190331903419035190361903719038190391904019041190421904319044190451904619047190481904919050190511905219053190541905519056190571905819059190601906119062190631906419065190661906719068190691907019071190721907319074190751907619077190781907919080190811908219083190841908519086190871908819089190901909119092190931909419095190961909719098190991910019101191021910319104191051910619107191081910919110191111911219113191141911519116191171911819119191201912119122191231912419125191261912719128191291913019131191321913319134191351913619137191381913919140191411914219143191441914519146191471914819149191501915119152191531915419155191561915719158191591916019161191621916319164191651916619167191681916919170191711917219173191741917519176191771917819179191801918119182191831918419185191861918719188191891919019191191921919319194191951919619197191981919919200192011920219203192041920519206192071920819209192101921119212192131921419215192161921719218192191922019221192221922319224192251922619227192281922919230192311923219233192341923519236192371923819239192401924119242192431924419245192461924719248192491925019251192521925319254192551925619257192581925919260192611926219263192641926519266192671926819269192701927119272192731927419275192761927719278192791928019281192821928319284192851928619287192881928919290192911929219293192941929519296192971929819299193001930119302193031930419305193061930719308193091931019311193121931319314193151931619317193181931919320193211932219323193241932519326193271932819329193301933119332193331933419335193361933719338193391934019341193421934319344193451934619347193481934919350193511935219353193541935519356193571935819359193601936119362193631936419365193661936719368193691937019371193721937319374193751937619377193781937919380193811938219383193841938519386193871938819389193901939119392193931939419395193961939719398193991940019401194021940319404194051940619407194081940919410194111941219413194141941519416194171941819419194201942119422194231942419425194261942719428194291943019431194321943319434194351943619437194381943919440194411944219443194441944519446194471944819449194501945119452194531945419455194561945719458194591946019461194621946319464194651946619467194681946919470194711947219473194741947519476194771947819479194801948119482194831948419485194861948719488194891949019491194921949319494194951949619497194981949919500195011950219503195041950519506195071950819509195101951119512195131951419515195161951719518195191952019521195221952319524195251952619527195281952919530195311953219533195341953519536195371953819539195401954119542195431954419545195461954719548195491955019551195521955319554195551955619557195581955919560195611956219563195641956519566195671956819569195701957119572195731957419575195761957719578195791958019581195821958319584195851958619587195881958919590195911959219593195941959519596195971959819599196001960119602196031960419605196061960719608196091961019611196121961319614196151961619617196181961919620196211962219623196241962519626196271962819629196301963119632196331963419635196361963719638196391964019641196421964319644196451964619647196481964919650196511965219653196541965519656196571965819659196601966119662196631966419665196661966719668196691967019671196721967319674196751967619677196781967919680196811968219683196841968519686196871968819689196901969119692196931969419695196961969719698196991970019701197021970319704197051970619707197081970919710197111971219713197141971519716197171971819719197201972119722197231972419725197261972719728197291973019731197321973319734197351973619737197381973919740197411974219743197441974519746197471974819749197501975119752197531975419755197561975719758197591976019761197621976319764197651976619767197681976919770197711977219773197741977519776197771977819779197801978119782197831978419785197861978719788197891979019791197921979319794197951979619797197981979919800198011980219803198041980519806198071980819809198101981119812198131981419815198161981719818198191982019821198221982319824198251982619827198281982919830198311983219833198341983519836198371983819839198401984119842198431984419845198461984719848198491985019851198521985319854198551985619857198581985919860198611986219863198641986519866198671986819869198701987119872198731987419875198761987719878198791988019881198821988319884198851988619887198881988919890198911989219893198941989519896198971989819899199001990119902199031990419905199061990719908199091991019911199121991319914199151991619917199181991919920199211992219923199241992519926199271992819929199301993119932199331993419935199361993719938199391994019941199421994319944199451994619947199481994919950199511995219953199541995519956199571995819959199601996119962199631996419965199661996719968199691997019971199721997319974199751997619977199781997919980199811998219983199841998519986199871998819989199901999119992199931999419995199961999719998199992000020001200022000320004200052000620007200082000920010200112001220013200142001520016200172001820019200202002120022200232002420025200262002720028200292003020031200322003320034200352003620037200382003920040200412004220043200442004520046200472004820049200502005120052200532005420055200562005720058200592006020061200622006320064200652006620067200682006920070200712007220073200742007520076200772007820079200802008120082200832008420085200862008720088200892009020091200922009320094200952009620097200982009920100201012010220103201042010520106201072010820109201102011120112201132011420115201162011720118201192012020121201222012320124201252012620127201282012920130201312013220133201342013520136201372013820139201402014120142201432014420145201462014720148201492015020151201522015320154201552015620157201582015920160201612016220163201642016520166201672016820169201702017120172201732017420175201762017720178201792018020181201822018320184201852018620187201882018920190201912019220193201942019520196201972019820199202002020120202202032020420205202062020720208202092021020211202122021320214202152021620217202182021920220202212022220223202242022520226202272022820229202302023120232202332023420235202362023720238202392024020241202422024320244202452024620247202482024920250202512025220253202542025520256202572025820259202602026120262202632026420265202662026720268202692027020271202722027320274202752027620277202782027920280202812028220283202842028520286202872028820289202902029120292202932029420295202962029720298202992030020301203022030320304203052030620307203082030920310203112031220313203142031520316203172031820319203202032120322203232032420325203262032720328203292033020331203322033320334203352033620337203382033920340203412034220343203442034520346203472034820349203502035120352203532035420355203562035720358203592036020361203622036320364203652036620367203682036920370203712037220373203742037520376203772037820379203802038120382203832038420385203862038720388203892039020391203922039320394203952039620397203982039920400204012040220403204042040520406204072040820409204102041120412204132041420415204162041720418204192042020421204222042320424204252042620427204282042920430204312043220433204342043520436204372043820439204402044120442204432044420445204462044720448204492045020451204522045320454204552045620457204582045920460204612046220463204642046520466204672046820469204702047120472204732047420475204762047720478204792048020481204822048320484204852048620487204882048920490204912049220493204942049520496204972049820499205002050120502205032050420505205062050720508205092051020511205122051320514205152051620517205182051920520205212052220523205242052520526205272052820529205302053120532205332053420535205362053720538205392054020541205422054320544205452054620547205482054920550205512055220553205542055520556205572055820559205602056120562205632056420565205662056720568205692057020571205722057320574205752057620577205782057920580205812058220583205842058520586205872058820589205902059120592205932059420595205962059720598205992060020601206022060320604206052060620607206082060920610206112061220613206142061520616206172061820619206202062120622206232062420625206262062720628206292063020631206322063320634206352063620637206382063920640206412064220643206442064520646206472064820649206502065120652206532065420655206562065720658206592066020661206622066320664206652066620667206682066920670206712067220673206742067520676206772067820679206802068120682206832068420685206862068720688206892069020691206922069320694206952069620697206982069920700207012070220703207042070520706207072070820709207102071120712207132071420715207162071720718207192072020721207222072320724207252072620727207282072920730207312073220733207342073520736207372073820739207402074120742207432074420745207462074720748207492075020751207522075320754207552075620757207582075920760207612076220763207642076520766207672076820769207702077120772207732077420775207762077720778207792078020781207822078320784207852078620787207882078920790207912079220793207942079520796207972079820799208002080120802208032080420805208062080720808208092081020811208122081320814208152081620817208182081920820208212082220823208242082520826208272082820829208302083120832208332083420835208362083720838208392084020841208422084320844208452084620847208482084920850208512085220853208542085520856208572085820859208602086120862208632086420865208662086720868208692087020871208722087320874208752087620877208782087920880208812088220883208842088520886208872088820889208902089120892208932089420895208962089720898208992090020901209022090320904209052090620907209082090920910209112091220913209142091520916209172091820919209202092120922209232092420925209262092720928209292093020931209322093320934209352093620937209382093920940209412094220943209442094520946209472094820949209502095120952209532095420955209562095720958209592096020961209622096320964209652096620967209682096920970209712097220973209742097520976209772097820979209802098120982209832098420985209862098720988209892099020991209922099320994209952099620997209982099921000210012100221003210042100521006210072100821009210102101121012210132101421015210162101721018210192102021021210222102321024210252102621027210282102921030210312103221033210342103521036210372103821039210402104121042210432104421045210462104721048210492105021051210522105321054210552105621057210582105921060210612106221063210642106521066210672106821069210702107121072210732107421075210762107721078210792108021081210822108321084210852108621087210882108921090210912109221093210942109521096210972109821099211002110121102211032110421105211062110721108211092111021111211122111321114211152111621117211182111921120211212112221123211242112521126211272112821129211302113121132211332113421135211362113721138211392114021141211422114321144211452114621147211482114921150211512115221153211542115521156211572115821159211602116121162211632116421165211662116721168211692117021171211722117321174211752117621177211782117921180211812118221183211842118521186211872118821189211902119121192211932119421195211962119721198211992120021201212022120321204212052120621207212082120921210212112121221213212142121521216212172121821219212202122121222212232122421225212262122721228212292123021231212322123321234212352123621237212382123921240212412124221243212442124521246212472124821249212502125121252212532125421255212562125721258212592126021261212622126321264212652126621267212682126921270212712127221273212742127521276212772127821279212802128121282212832128421285212862128721288212892129021291212922129321294212952129621297212982129921300213012130221303213042130521306213072130821309213102131121312213132131421315213162131721318213192132021321213222132321324213252132621327213282132921330213312133221333213342133521336213372133821339213402134121342213432134421345213462134721348213492135021351213522135321354213552135621357213582135921360213612136221363213642136521366213672136821369213702137121372213732137421375213762137721378213792138021381213822138321384213852138621387213882138921390213912139221393213942139521396213972139821399214002140121402214032140421405214062140721408214092141021411214122141321414214152141621417214182141921420214212142221423214242142521426214272142821429214302143121432214332143421435214362143721438214392144021441214422144321444214452144621447214482144921450214512145221453214542145521456214572145821459214602146121462214632146421465214662146721468214692147021471214722147321474214752147621477214782147921480214812148221483214842148521486214872148821489214902149121492214932149421495214962149721498214992150021501215022150321504215052150621507215082150921510215112151221513215142151521516215172151821519215202152121522215232152421525215262152721528215292153021531215322153321534215352153621537215382153921540215412154221543215442154521546215472154821549215502155121552215532155421555215562155721558215592156021561215622156321564215652156621567215682156921570215712157221573215742157521576215772157821579215802158121582215832158421585215862158721588215892159021591215922159321594215952159621597215982159921600216012160221603216042160521606216072160821609216102161121612216132161421615216162161721618216192162021621216222162321624216252162621627216282162921630216312163221633216342163521636216372163821639216402164121642216432164421645216462164721648216492165021651216522165321654216552165621657216582165921660216612166221663216642166521666216672166821669216702167121672216732167421675216762167721678216792168021681216822168321684216852168621687216882168921690216912169221693216942169521696216972169821699217002170121702217032170421705217062170721708217092171021711217122171321714217152171621717217182171921720217212172221723217242172521726217272172821729217302173121732217332173421735217362173721738217392174021741217422174321744217452174621747217482174921750217512175221753217542175521756217572175821759217602176121762217632176421765217662176721768217692177021771217722177321774217752177621777217782177921780217812178221783217842178521786217872178821789217902179121792217932179421795217962179721798217992180021801218022180321804218052180621807218082180921810218112181221813218142181521816218172181821819218202182121822218232182421825218262182721828218292183021831218322183321834218352183621837218382183921840218412184221843218442184521846218472184821849218502185121852218532185421855218562185721858218592186021861218622186321864218652186621867218682186921870218712187221873218742187521876218772187821879218802188121882218832188421885218862188721888218892189021891218922189321894218952189621897218982189921900219012190221903219042190521906219072190821909219102191121912219132191421915219162191721918219192192021921219222192321924219252192621927219282192921930219312193221933219342193521936219372193821939219402194121942219432194421945219462194721948219492195021951219522195321954219552195621957219582195921960219612196221963219642196521966219672196821969219702197121972219732197421975219762197721978219792198021981219822198321984219852198621987219882198921990219912199221993219942199521996219972199821999220002200122002220032200422005220062200722008220092201022011220122201322014220152201622017220182201922020220212202222023220242202522026220272202822029220302203122032220332203422035220362203722038220392204022041220422204322044220452204622047220482204922050220512205222053220542205522056220572205822059220602206122062220632206422065220662206722068220692207022071220722207322074220752207622077220782207922080220812208222083220842208522086220872208822089220902209122092220932209422095220962209722098220992210022101221022210322104221052210622107221082210922110221112211222113221142211522116221172211822119221202212122122221232212422125221262212722128221292213022131221322213322134221352213622137221382213922140221412214222143221442214522146221472214822149221502215122152221532215422155221562215722158221592216022161221622216322164221652216622167221682216922170221712217222173221742217522176221772217822179221802218122182221832218422185221862218722188221892219022191221922219322194221952219622197221982219922200222012220222203222042220522206222072220822209222102221122212222132221422215222162221722218222192222022221222222222322224222252222622227222282222922230222312223222233222342223522236222372223822239222402224122242222432224422245222462224722248222492225022251222522225322254222552225622257222582225922260222612226222263222642226522266222672226822269222702227122272222732227422275222762227722278222792228022281222822228322284222852228622287222882228922290222912229222293222942229522296222972229822299223002230122302223032230422305223062230722308223092231022311223122231322314223152231622317223182231922320223212232222323223242232522326223272232822329223302233122332223332233422335223362233722338223392234022341223422234322344223452234622347223482234922350223512235222353223542235522356223572235822359223602236122362223632236422365223662236722368223692237022371223722237322374223752237622377223782237922380223812238222383223842238522386223872238822389223902239122392223932239422395223962239722398223992240022401224022240322404224052240622407224082240922410224112241222413224142241522416224172241822419224202242122422224232242422425224262242722428224292243022431224322243322434224352243622437224382243922440224412244222443224442244522446224472244822449224502245122452224532245422455224562245722458224592246022461224622246322464224652246622467224682246922470224712247222473224742247522476224772247822479224802248122482224832248422485224862248722488224892249022491224922249322494224952249622497224982249922500225012250222503225042250522506225072250822509225102251122512225132251422515225162251722518225192252022521225222252322524225252252622527225282252922530225312253222533225342253522536225372253822539225402254122542225432254422545225462254722548225492255022551225522255322554225552255622557225582255922560225612256222563225642256522566225672256822569225702257122572225732257422575225762257722578225792258022581225822258322584225852258622587225882258922590225912259222593225942259522596225972259822599226002260122602226032260422605226062260722608226092261022611226122261322614226152261622617226182261922620226212262222623226242262522626226272262822629226302263122632226332263422635226362263722638226392264022641226422264322644226452264622647226482264922650226512265222653226542265522656226572265822659226602266122662226632266422665226662266722668226692267022671226722267322674226752267622677226782267922680226812268222683226842268522686226872268822689226902269122692226932269422695226962269722698226992270022701227022270322704227052270622707227082270922710227112271222713227142271522716227172271822719227202272122722227232272422725227262272722728227292273022731227322273322734227352273622737227382273922740227412274222743227442274522746227472274822749227502275122752227532275422755227562275722758227592276022761227622276322764227652276622767227682276922770227712277222773227742277522776227772277822779227802278122782227832278422785227862278722788227892279022791227922279322794227952279622797227982279922800228012280222803228042280522806228072280822809228102281122812228132281422815228162281722818228192282022821228222282322824228252282622827228282282922830228312283222833228342283522836228372283822839228402284122842228432284422845228462284722848228492285022851228522285322854228552285622857228582285922860228612286222863228642286522866228672286822869228702287122872228732287422875228762287722878228792288022881228822288322884228852288622887228882288922890228912289222893228942289522896228972289822899229002290122902229032290422905229062290722908229092291022911229122291322914229152291622917229182291922920229212292222923229242292522926229272292822929229302293122932229332293422935229362293722938229392294022941229422294322944229452294622947229482294922950229512295222953229542295522956229572295822959229602296122962229632296422965229662296722968229692297022971229722297322974229752297622977229782297922980229812298222983229842298522986229872298822989229902299122992229932299422995229962299722998229992300023001230022300323004230052300623007230082300923010230112301223013230142301523016230172301823019230202302123022230232302423025230262302723028230292303023031230322303323034230352303623037230382303923040230412304223043230442304523046230472304823049230502305123052230532305423055230562305723058230592306023061230622306323064230652306623067230682306923070230712307223073230742307523076230772307823079230802308123082230832308423085230862308723088230892309023091230922309323094230952309623097230982309923100231012310223103231042310523106231072310823109231102311123112231132311423115231162311723118231192312023121231222312323124231252312623127231282312923130231312313223133231342313523136231372313823139231402314123142231432314423145231462314723148231492315023151231522315323154231552315623157231582315923160231612316223163231642316523166231672316823169231702317123172231732317423175231762317723178231792318023181231822318323184231852318623187231882318923190231912319223193231942319523196231972319823199232002320123202232032320423205232062320723208232092321023211232122321323214232152321623217232182321923220232212322223223232242322523226232272322823229232302323123232232332323423235232362323723238232392324023241232422324323244232452324623247232482324923250232512325223253232542325523256232572325823259232602326123262232632326423265232662326723268232692327023271232722327323274232752327623277232782327923280232812328223283232842328523286232872328823289232902329123292232932329423295232962329723298232992330023301233022330323304233052330623307233082330923310233112331223313233142331523316233172331823319233202332123322233232332423325233262332723328233292333023331233322333323334233352333623337233382333923340233412334223343233442334523346233472334823349233502335123352233532335423355233562335723358233592336023361233622336323364233652336623367233682336923370233712337223373233742337523376233772337823379233802338123382233832338423385233862338723388233892339023391233922339323394233952339623397233982339923400234012340223403234042340523406234072340823409234102341123412234132341423415234162341723418234192342023421234222342323424234252342623427234282342923430234312343223433234342343523436234372343823439234402344123442234432344423445234462344723448234492345023451234522345323454234552345623457234582345923460234612346223463234642346523466234672346823469234702347123472234732347423475234762347723478234792348023481234822348323484234852348623487234882348923490234912349223493234942349523496234972349823499235002350123502235032350423505235062350723508235092351023511235122351323514235152351623517235182351923520235212352223523235242352523526235272352823529235302353123532235332353423535235362353723538235392354023541235422354323544235452354623547235482354923550235512355223553235542355523556235572355823559235602356123562235632356423565235662356723568235692357023571235722357323574235752357623577235782357923580235812358223583235842358523586235872358823589235902359123592235932359423595235962359723598235992360023601236022360323604236052360623607236082360923610236112361223613236142361523616236172361823619236202362123622236232362423625236262362723628236292363023631236322363323634236352363623637236382363923640236412364223643236442364523646236472364823649236502365123652236532365423655236562365723658236592366023661236622366323664236652366623667236682366923670236712367223673236742367523676236772367823679236802368123682236832368423685236862368723688236892369023691236922369323694236952369623697236982369923700237012370223703237042370523706237072370823709237102371123712237132371423715237162371723718237192372023721237222372323724237252372623727237282372923730237312373223733237342373523736237372373823739237402374123742237432374423745237462374723748237492375023751237522375323754237552375623757237582375923760237612376223763237642376523766237672376823769237702377123772237732377423775237762377723778237792378023781237822378323784237852378623787237882378923790237912379223793237942379523796237972379823799238002380123802238032380423805238062380723808238092381023811238122381323814238152381623817238182381923820238212382223823238242382523826238272382823829238302383123832238332383423835238362383723838238392384023841238422384323844238452384623847238482384923850238512385223853238542385523856238572385823859238602386123862238632386423865238662386723868238692387023871238722387323874238752387623877238782387923880238812388223883238842388523886238872388823889238902389123892238932389423895238962389723898238992390023901239022390323904239052390623907239082390923910239112391223913239142391523916239172391823919239202392123922239232392423925239262392723928239292393023931239322393323934239352393623937239382393923940239412394223943239442394523946239472394823949239502395123952239532395423955239562395723958239592396023961239622396323964239652396623967239682396923970239712397223973239742397523976239772397823979239802398123982239832398423985239862398723988239892399023991239922399323994239952399623997239982399924000240012400224003240042400524006240072400824009240102401124012240132401424015240162401724018240192402024021240222402324024240252402624027240282402924030240312403224033240342403524036240372403824039240402404124042240432404424045240462404724048240492405024051240522405324054240552405624057240582405924060240612406224063240642406524066240672406824069240702407124072240732407424075240762407724078240792408024081240822408324084240852408624087240882408924090240912409224093240942409524096240972409824099241002410124102241032410424105241062410724108241092411024111241122411324114241152411624117241182411924120241212412224123241242412524126241272412824129241302413124132241332413424135241362413724138241392414024141241422414324144241452414624147241482414924150241512415224153241542415524156241572415824159241602416124162241632416424165241662416724168241692417024171241722417324174241752417624177241782417924180241812418224183241842418524186241872418824189241902419124192241932419424195241962419724198241992420024201242022420324204242052420624207242082420924210242112421224213242142421524216242172421824219242202422124222242232422424225242262422724228242292423024231242322423324234242352423624237242382423924240242412424224243242442424524246242472424824249242502425124252242532425424255242562425724258242592426024261242622426324264242652426624267242682426924270242712427224273242742427524276242772427824279242802428124282242832428424285242862428724288242892429024291242922429324294242952429624297242982429924300243012430224303243042430524306243072430824309243102431124312243132431424315243162431724318243192432024321243222432324324243252432624327243282432924330243312433224333243342433524336243372433824339243402434124342243432434424345243462434724348243492435024351243522435324354243552435624357243582435924360243612436224363243642436524366243672436824369243702437124372243732437424375243762437724378243792438024381243822438324384243852438624387243882438924390243912439224393243942439524396243972439824399244002440124402244032440424405244062440724408244092441024411244122441324414244152441624417244182441924420244212442224423244242442524426244272442824429244302443124432244332443424435244362443724438244392444024441244422444324444244452444624447244482444924450244512445224453244542445524456244572445824459244602446124462244632446424465244662446724468244692447024471244722447324474244752447624477244782447924480244812448224483244842448524486244872448824489244902449124492244932449424495244962449724498244992450024501245022450324504245052450624507245082450924510245112451224513245142451524516245172451824519245202452124522245232452424525245262452724528245292453024531245322453324534245352453624537245382453924540245412454224543245442454524546245472454824549245502455124552245532455424555245562455724558245592456024561245622456324564245652456624567245682456924570245712457224573245742457524576245772457824579245802458124582245832458424585245862458724588245892459024591245922459324594245952459624597245982459924600246012460224603246042460524606246072460824609246102461124612246132461424615246162461724618246192462024621246222462324624246252462624627246282462924630246312463224633246342463524636246372463824639246402464124642246432464424645246462464724648246492465024651246522465324654246552465624657246582465924660246612466224663246642466524666246672466824669246702467124672246732467424675246762467724678246792468024681246822468324684246852468624687246882468924690246912469224693246942469524696246972469824699247002470124702247032470424705247062470724708247092471024711247122471324714247152471624717247182471924720247212472224723247242472524726247272472824729247302473124732247332473424735247362473724738247392474024741247422474324744247452474624747247482474924750247512475224753247542475524756247572475824759247602476124762247632476424765247662476724768247692477024771247722477324774247752477624777247782477924780247812478224783247842478524786247872478824789247902479124792247932479424795247962479724798247992480024801248022480324804248052480624807248082480924810248112481224813248142481524816248172481824819248202482124822248232482424825248262482724828248292483024831248322483324834248352483624837248382483924840248412484224843248442484524846248472484824849248502485124852248532485424855248562485724858248592486024861248622486324864248652486624867248682486924870248712487224873248742487524876248772487824879248802488124882248832488424885248862488724888248892489024891248922489324894248952489624897248982489924900249012490224903249042490524906249072490824909249102491124912249132491424915249162491724918249192492024921249222492324924249252492624927249282492924930249312493224933249342493524936249372493824939249402494124942249432494424945249462494724948249492495024951249522495324954249552495624957249582495924960249612496224963249642496524966249672496824969249702497124972249732497424975249762497724978249792498024981249822498324984249852498624987249882498924990249912499224993249942499524996249972499824999250002500125002250032500425005250062500725008250092501025011250122501325014250152501625017250182501925020250212502225023250242502525026250272502825029250302503125032250332503425035250362503725038250392504025041250422504325044250452504625047250482504925050250512505225053250542505525056250572505825059250602506125062250632506425065250662506725068250692507025071250722507325074250752507625077250782507925080250812508225083250842508525086250872508825089250902509125092250932509425095250962509725098250992510025101251022510325104251052510625107251082510925110251112511225113251142511525116251172511825119251202512125122251232512425125251262512725128251292513025131251322513325134251352513625137251382513925140251412514225143251442514525146251472514825149251502515125152251532515425155251562515725158251592516025161251622516325164251652516625167251682516925170251712517225173251742517525176251772517825179251802518125182251832518425185251862518725188251892519025191251922519325194251952519625197251982519925200252012520225203252042520525206252072520825209252102521125212252132521425215252162521725218252192522025221252222522325224252252522625227252282522925230252312523225233252342523525236252372523825239252402524125242252432524425245252462524725248252492525025251252522525325254252552525625257252582525925260252612526225263252642526525266252672526825269252702527125272252732527425275252762527725278252792528025281252822528325284252852528625287252882528925290252912529225293252942529525296252972529825299253002530125302253032530425305253062530725308253092531025311253122531325314253152531625317253182531925320253212532225323253242532525326253272532825329253302533125332253332533425335253362533725338253392534025341253422534325344253452534625347253482534925350253512535225353253542535525356253572535825359253602536125362253632536425365253662536725368253692537025371253722537325374253752537625377253782537925380253812538225383253842538525386253872538825389253902539125392253932539425395253962539725398253992540025401254022540325404254052540625407254082540925410254112541225413254142541525416254172541825419254202542125422254232542425425254262542725428254292543025431254322543325434254352543625437254382543925440254412544225443254442544525446254472544825449254502545125452254532545425455254562545725458254592546025461254622546325464254652546625467254682546925470254712547225473254742547525476254772547825479254802548125482254832548425485254862548725488254892549025491254922549325494254952549625497254982549925500255012550225503255042550525506255072550825509255102551125512255132551425515255162551725518255192552025521255222552325524255252552625527255282552925530255312553225533255342553525536255372553825539255402554125542255432554425545255462554725548255492555025551255522555325554255552555625557255582555925560255612556225563255642556525566255672556825569255702557125572255732557425575255762557725578255792558025581255822558325584255852558625587255882558925590255912559225593255942559525596255972559825599256002560125602256032560425605256062560725608256092561025611256122561325614256152561625617256182561925620256212562225623256242562525626256272562825629256302563125632256332563425635256362563725638256392564025641256422564325644256452564625647256482564925650256512565225653256542565525656256572565825659256602566125662256632566425665256662566725668256692567025671256722567325674256752567625677256782567925680256812568225683256842568525686256872568825689256902569125692256932569425695256962569725698256992570025701257022570325704257052570625707257082570925710257112571225713257142571525716257172571825719257202572125722257232572425725257262572725728257292573025731257322573325734257352573625737257382573925740257412574225743257442574525746257472574825749257502575125752257532575425755257562575725758257592576025761257622576325764257652576625767257682576925770257712577225773257742577525776257772577825779257802578125782257832578425785257862578725788257892579025791257922579325794257952579625797257982579925800258012580225803258042580525806258072580825809258102581125812258132581425815258162581725818258192582025821258222582325824258252582625827258282582925830258312583225833258342583525836258372583825839258402584125842258432584425845258462584725848258492585025851258522585325854258552585625857258582585925860258612586225863258642586525866258672586825869258702587125872258732587425875258762587725878258792588025881258822588325884258852588625887258882588925890258912589225893258942589525896258972589825899259002590125902259032590425905259062590725908259092591025911259122591325914259152591625917259182591925920259212592225923259242592525926259272592825929259302593125932259332593425935259362593725938259392594025941259422594325944259452594625947259482594925950259512595225953259542595525956259572595825959259602596125962259632596425965259662596725968259692597025971259722597325974259752597625977259782597925980259812598225983259842598525986259872598825989259902599125992259932599425995259962599725998259992600026001260022600326004260052600626007260082600926010260112601226013260142601526016260172601826019260202602126022260232602426025260262602726028260292603026031260322603326034260352603626037260382603926040260412604226043260442604526046260472604826049260502605126052260532605426055260562605726058260592606026061260622606326064260652606626067260682606926070260712607226073260742607526076260772607826079260802608126082260832608426085260862608726088260892609026091260922609326094260952609626097260982609926100261012610226103261042610526106261072610826109261102611126112261132611426115261162611726118261192612026121261222612326124261252612626127261282612926130261312613226133261342613526136261372613826139261402614126142261432614426145261462614726148261492615026151261522615326154261552615626157261582615926160261612616226163261642616526166261672616826169261702617126172261732617426175261762617726178261792618026181261822618326184261852618626187261882618926190261912619226193261942619526196261972619826199262002620126202262032620426205262062620726208262092621026211262122621326214262152621626217262182621926220262212622226223262242622526226262272622826229262302623126232262332623426235262362623726238262392624026241262422624326244262452624626247262482624926250262512625226253262542625526256262572625826259262602626126262262632626426265262662626726268262692627026271262722627326274262752627626277262782627926280262812628226283262842628526286262872628826289262902629126292262932629426295262962629726298262992630026301263022630326304263052630626307263082630926310263112631226313263142631526316263172631826319263202632126322263232632426325263262632726328263292633026331263322633326334263352633626337263382633926340263412634226343263442634526346263472634826349263502635126352263532635426355263562635726358263592636026361263622636326364263652636626367263682636926370263712637226373263742637526376263772637826379263802638126382263832638426385263862638726388263892639026391263922639326394263952639626397263982639926400264012640226403264042640526406264072640826409264102641126412264132641426415264162641726418264192642026421264222642326424264252642626427264282642926430264312643226433264342643526436264372643826439264402644126442264432644426445264462644726448264492645026451264522645326454264552645626457264582645926460264612646226463264642646526466264672646826469264702647126472264732647426475264762647726478264792648026481264822648326484264852648626487264882648926490264912649226493264942649526496264972649826499265002650126502265032650426505265062650726508265092651026511265122651326514265152651626517265182651926520265212652226523265242652526526265272652826529265302653126532265332653426535265362653726538265392654026541265422654326544265452654626547265482654926550265512655226553265542655526556265572655826559265602656126562265632656426565265662656726568265692657026571265722657326574265752657626577265782657926580265812658226583265842658526586265872658826589265902659126592265932659426595265962659726598265992660026601266022660326604266052660626607266082660926610266112661226613266142661526616266172661826619266202662126622266232662426625266262662726628266292663026631266322663326634266352663626637266382663926640266412664226643266442664526646266472664826649266502665126652266532665426655266562665726658266592666026661266622666326664266652666626667266682666926670266712667226673266742667526676266772667826679266802668126682266832668426685266862668726688266892669026691266922669326694266952669626697266982669926700267012670226703267042670526706267072670826709267102671126712267132671426715267162671726718267192672026721267222672326724267252672626727267282672926730267312673226733267342673526736267372673826739267402674126742267432674426745267462674726748267492675026751267522675326754267552675626757267582675926760267612676226763267642676526766267672676826769267702677126772267732677426775267762677726778267792678026781267822678326784267852678626787267882678926790267912679226793267942679526796267972679826799268002680126802268032680426805268062680726808268092681026811268122681326814268152681626817268182681926820268212682226823268242682526826268272682826829268302683126832268332683426835268362683726838268392684026841268422684326844268452684626847268482684926850268512685226853268542685526856268572685826859268602686126862268632686426865268662686726868268692687026871268722687326874268752687626877268782687926880268812688226883268842688526886268872688826889268902689126892268932689426895268962689726898268992690026901269022690326904269052690626907269082690926910269112691226913269142691526916269172691826919269202692126922269232692426925269262692726928269292693026931269322693326934269352693626937269382693926940269412694226943269442694526946269472694826949269502695126952269532695426955269562695726958269592696026961269622696326964269652696626967269682696926970269712697226973269742697526976269772697826979269802698126982269832698426985269862698726988269892699026991269922699326994269952699626997269982699927000270012700227003270042700527006270072700827009270102701127012270132701427015270162701727018270192702027021270222702327024270252702627027270282702927030270312703227033270342703527036270372703827039270402704127042270432704427045270462704727048270492705027051270522705327054270552705627057270582705927060270612706227063270642706527066270672706827069270702707127072270732707427075270762707727078270792708027081270822708327084270852708627087270882708927090270912709227093270942709527096270972709827099271002710127102271032710427105271062710727108271092711027111271122711327114271152711627117271182711927120271212712227123271242712527126271272712827129271302713127132271332713427135271362713727138271392714027141271422714327144271452714627147271482714927150271512715227153271542715527156271572715827159271602716127162271632716427165271662716727168271692717027171271722717327174271752717627177271782717927180271812718227183271842718527186271872718827189271902719127192271932719427195271962719727198271992720027201272022720327204272052720627207272082720927210272112721227213272142721527216272172721827219272202722127222272232722427225272262722727228272292723027231272322723327234272352723627237272382723927240272412724227243272442724527246272472724827249272502725127252272532725427255272562725727258272592726027261272622726327264272652726627267272682726927270272712727227273272742727527276272772727827279272802728127282272832728427285272862728727288272892729027291272922729327294272952729627297272982729927300273012730227303273042730527306273072730827309273102731127312273132731427315273162731727318273192732027321273222732327324273252732627327273282732927330273312733227333273342733527336273372733827339273402734127342273432734427345273462734727348273492735027351273522735327354273552735627357273582735927360273612736227363273642736527366273672736827369273702737127372273732737427375273762737727378273792738027381273822738327384273852738627387273882738927390273912739227393273942739527396273972739827399274002740127402274032740427405274062740727408274092741027411274122741327414274152741627417274182741927420274212742227423274242742527426274272742827429274302743127432274332743427435274362743727438274392744027441274422744327444274452744627447274482744927450274512745227453274542745527456274572745827459274602746127462274632746427465274662746727468274692747027471274722747327474274752747627477274782747927480274812748227483274842748527486274872748827489274902749127492274932749427495274962749727498274992750027501275022750327504275052750627507275082750927510275112751227513275142751527516275172751827519275202752127522275232752427525275262752727528275292753027531275322753327534275352753627537275382753927540275412754227543275442754527546275472754827549275502755127552275532755427555275562755727558275592756027561275622756327564275652756627567275682756927570275712757227573275742757527576275772757827579275802758127582275832758427585275862758727588275892759027591275922759327594275952759627597275982759927600276012760227603276042760527606276072760827609276102761127612276132761427615276162761727618276192762027621276222762327624276252762627627276282762927630276312763227633276342763527636276372763827639276402764127642276432764427645276462764727648276492765027651276522765327654276552765627657276582765927660276612766227663276642766527666276672766827669276702767127672276732767427675276762767727678276792768027681276822768327684276852768627687276882768927690276912769227693276942769527696276972769827699277002770127702277032770427705277062770727708277092771027711277122771327714277152771627717277182771927720277212772227723277242772527726277272772827729277302773127732277332773427735277362773727738277392774027741277422774327744277452774627747277482774927750277512775227753277542775527756277572775827759277602776127762277632776427765277662776727768277692777027771277722777327774277752777627777277782777927780277812778227783277842778527786277872778827789277902779127792277932779427795277962779727798277992780027801278022780327804278052780627807278082780927810278112781227813278142781527816278172781827819278202782127822278232782427825278262782727828278292783027831278322783327834278352783627837278382783927840278412784227843278442784527846278472784827849278502785127852278532785427855278562785727858278592786027861278622786327864278652786627867278682786927870278712787227873278742787527876278772787827879278802788127882278832788427885278862788727888278892789027891278922789327894278952789627897278982789927900279012790227903279042790527906279072790827909279102791127912279132791427915279162791727918279192792027921279222792327924279252792627927279282792927930279312793227933279342793527936279372793827939279402794127942279432794427945279462794727948279492795027951279522795327954279552795627957279582795927960279612796227963279642796527966279672796827969279702797127972279732797427975279762797727978279792798027981279822798327984279852798627987279882798927990279912799227993279942799527996279972799827999280002800128002280032800428005280062800728008280092801028011280122801328014280152801628017280182801928020280212802228023280242802528026280272802828029280302803128032280332803428035280362803728038280392804028041280422804328044280452804628047280482804928050280512805228053280542805528056280572805828059280602806128062280632806428065280662806728068280692807028071280722807328074280752807628077280782807928080280812808228083280842808528086280872808828089280902809128092280932809428095280962809728098280992810028101281022810328104281052810628107281082810928110281112811228113281142811528116281172811828119281202812128122281232812428125281262812728128281292813028131281322813328134281352813628137281382813928140281412814228143281442814528146281472814828149281502815128152281532815428155281562815728158281592816028161281622816328164281652816628167281682816928170281712817228173281742817528176281772817828179281802818128182281832818428185281862818728188281892819028191281922819328194281952819628197281982819928200282012820228203282042820528206282072820828209282102821128212282132821428215282162821728218282192822028221282222822328224282252822628227282282822928230282312823228233282342823528236282372823828239282402824128242282432824428245282462824728248282492825028251282522825328254282552825628257282582825928260282612826228263282642826528266282672826828269282702827128272282732827428275282762827728278282792828028281282822828328284282852828628287282882828928290282912829228293282942829528296282972829828299283002830128302283032830428305283062830728308283092831028311283122831328314283152831628317283182831928320283212832228323283242832528326283272832828329283302833128332283332833428335283362833728338283392834028341283422834328344283452834628347283482834928350283512835228353283542835528356283572835828359283602836128362283632836428365283662836728368283692837028371283722837328374283752837628377283782837928380283812838228383283842838528386283872838828389283902839128392283932839428395283962839728398283992840028401284022840328404284052840628407284082840928410284112841228413284142841528416284172841828419284202842128422284232842428425284262842728428284292843028431284322843328434284352843628437284382843928440284412844228443284442844528446284472844828449284502845128452284532845428455284562845728458284592846028461284622846328464284652846628467284682846928470284712847228473284742847528476284772847828479284802848128482284832848428485284862848728488284892849028491284922849328494284952849628497284982849928500285012850228503285042850528506285072850828509285102851128512285132851428515285162851728518285192852028521285222852328524285252852628527285282852928530285312853228533285342853528536285372853828539285402854128542285432854428545285462854728548285492855028551285522855328554285552855628557285582855928560285612856228563285642856528566285672856828569285702857128572285732857428575285762857728578285792858028581285822858328584285852858628587285882858928590285912859228593285942859528596285972859828599286002860128602286032860428605286062860728608286092861028611286122861328614286152861628617286182861928620286212862228623286242862528626286272862828629286302863128632286332863428635286362863728638286392864028641286422864328644286452864628647286482864928650286512865228653286542865528656286572865828659286602866128662286632866428665286662866728668286692867028671286722867328674286752867628677286782867928680286812868228683286842868528686286872868828689286902869128692286932869428695286962869728698286992870028701287022870328704287052870628707287082870928710287112871228713287142871528716287172871828719287202872128722287232872428725287262872728728287292873028731287322873328734287352873628737287382873928740287412874228743287442874528746287472874828749287502875128752287532875428755287562875728758287592876028761287622876328764287652876628767287682876928770287712877228773287742877528776287772877828779287802878128782287832878428785287862878728788287892879028791287922879328794287952879628797287982879928800288012880228803288042880528806288072880828809288102881128812288132881428815288162881728818288192882028821288222882328824288252882628827288282882928830288312883228833288342883528836288372883828839288402884128842288432884428845288462884728848288492885028851288522885328854288552885628857288582885928860288612886228863288642886528866288672886828869288702887128872288732887428875288762887728878288792888028881288822888328884288852888628887288882888928890288912889228893288942889528896288972889828899289002890128902289032890428905289062890728908289092891028911289122891328914289152891628917289182891928920289212892228923289242892528926289272892828929289302893128932289332893428935289362893728938289392894028941289422894328944289452894628947289482894928950289512895228953289542895528956289572895828959289602896128962289632896428965289662896728968289692897028971289722897328974289752897628977289782897928980289812898228983289842898528986289872898828989289902899128992289932899428995289962899728998289992900029001290022900329004290052900629007290082900929010290112901229013290142901529016290172901829019290202902129022290232902429025290262902729028290292903029031290322903329034290352903629037290382903929040290412904229043290442904529046290472904829049290502905129052290532905429055290562905729058290592906029061290622906329064290652906629067290682906929070290712907229073290742907529076290772907829079290802908129082290832908429085290862908729088290892909029091290922909329094290952909629097290982909929100291012910229103291042910529106291072910829109291102911129112291132911429115291162911729118291192912029121291222912329124291252912629127291282912929130291312913229133291342913529136291372913829139291402914129142291432914429145291462914729148291492915029151291522915329154291552915629157291582915929160291612916229163291642916529166291672916829169291702917129172291732917429175291762917729178291792918029181291822918329184291852918629187291882918929190291912919229193291942919529196291972919829199292002920129202292032920429205292062920729208292092921029211292122921329214292152921629217292182921929220292212922229223292242922529226292272922829229292302923129232292332923429235292362923729238292392924029241292422924329244292452924629247292482924929250292512925229253292542925529256292572925829259292602926129262292632926429265292662926729268292692927029271292722927329274292752927629277292782927929280292812928229283292842928529286292872928829289292902929129292292932929429295292962929729298292992930029301293022930329304293052930629307293082930929310293112931229313293142931529316293172931829319293202932129322293232932429325293262932729328293292933029331293322933329334293352933629337293382933929340293412934229343293442934529346293472934829349293502935129352293532935429355293562935729358293592936029361293622936329364293652936629367293682936929370293712937229373293742937529376293772937829379293802938129382293832938429385293862938729388293892939029391293922939329394293952939629397293982939929400294012940229403294042940529406294072940829409294102941129412294132941429415294162941729418294192942029421294222942329424294252942629427294282942929430294312943229433294342943529436294372943829439294402944129442294432944429445294462944729448294492945029451294522945329454294552945629457294582945929460294612946229463294642946529466294672946829469294702947129472294732947429475294762947729478294792948029481294822948329484294852948629487294882948929490294912949229493294942949529496294972949829499295002950129502295032950429505295062950729508295092951029511295122951329514295152951629517295182951929520295212952229523295242952529526295272952829529295302953129532295332953429535295362953729538295392954029541295422954329544295452954629547295482954929550295512955229553295542955529556295572955829559295602956129562295632956429565295662956729568295692957029571295722957329574295752957629577295782957929580295812958229583295842958529586295872958829589295902959129592295932959429595295962959729598295992960029601296022960329604296052960629607296082960929610296112961229613296142961529616296172961829619296202962129622296232962429625296262962729628296292963029631296322963329634296352963629637296382963929640296412964229643296442964529646296472964829649296502965129652296532965429655296562965729658296592966029661296622966329664296652966629667296682966929670296712967229673296742967529676296772967829679296802968129682296832968429685296862968729688296892969029691296922969329694296952969629697296982969929700297012970229703297042970529706297072970829709297102971129712297132971429715297162971729718297192972029721297222972329724297252972629727297282972929730297312973229733297342973529736297372973829739297402974129742297432974429745297462974729748297492975029751297522975329754297552975629757297582975929760297612976229763297642976529766297672976829769297702977129772297732977429775297762977729778297792978029781297822978329784297852978629787297882978929790297912979229793297942979529796297972979829799298002980129802298032980429805298062980729808298092981029811298122981329814298152981629817298182981929820298212982229823298242982529826298272982829829298302983129832298332983429835298362983729838298392984029841298422984329844298452984629847298482984929850298512985229853298542985529856298572985829859298602986129862298632986429865298662986729868298692987029871298722987329874298752987629877298782987929880298812988229883298842988529886298872988829889298902989129892298932989429895298962989729898298992990029901299022990329904299052990629907299082990929910299112991229913299142991529916299172991829919299202992129922299232992429925299262992729928299292993029931299322993329934299352993629937299382993929940299412994229943299442994529946299472994829949299502995129952299532995429955299562995729958299592996029961299622996329964299652996629967299682996929970299712997229973299742997529976299772997829979299802998129982299832998429985299862998729988299892999029991299922999329994299952999629997299982999930000300013000230003300043000530006300073000830009300103001130012300133001430015300163001730018300193002030021300223002330024300253002630027300283002930030300313003230033300343003530036300373003830039300403004130042300433004430045300463004730048300493005030051300523005330054300553005630057300583005930060300613006230063300643006530066300673006830069300703007130072300733007430075300763007730078300793008030081300823008330084300853008630087300883008930090300913009230093300943009530096300973009830099301003010130102301033010430105301063010730108301093011030111301123011330114301153011630117301183011930120301213012230123301243012530126301273012830129301303013130132301333013430135301363013730138301393014030141301423014330144301453014630147301483014930150301513015230153301543015530156301573015830159301603016130162301633016430165301663016730168301693017030171301723017330174301753017630177301783017930180301813018230183301843018530186301873018830189301903019130192301933019430195301963019730198301993020030201302023020330204302053020630207302083020930210302113021230213302143021530216302173021830219302203022130222302233022430225302263022730228302293023030231302323023330234302353023630237302383023930240302413024230243302443024530246302473024830249302503025130252302533025430255302563025730258302593026030261302623026330264302653026630267302683026930270302713027230273302743027530276302773027830279302803028130282302833028430285302863028730288302893029030291302923029330294302953029630297302983029930300303013030230303303043030530306303073030830309303103031130312303133031430315303163031730318303193032030321303223032330324303253032630327303283032930330303313033230333303343033530336303373033830339303403034130342303433034430345303463034730348303493035030351303523035330354303553035630357303583035930360303613036230363303643036530366303673036830369303703037130372303733037430375303763037730378303793038030381303823038330384303853038630387303883038930390303913039230393303943039530396303973039830399304003040130402304033040430405304063040730408304093041030411304123041330414304153041630417304183041930420304213042230423304243042530426304273042830429304303043130432304333043430435304363043730438304393044030441304423044330444304453044630447304483044930450304513045230453304543045530456304573045830459304603046130462304633046430465304663046730468304693047030471304723047330474304753047630477304783047930480304813048230483304843048530486304873048830489304903049130492304933049430495304963049730498304993050030501305023050330504305053050630507305083050930510305113051230513305143051530516305173051830519305203052130522305233052430525305263052730528305293053030531305323053330534305353053630537305383053930540305413054230543305443054530546305473054830549305503055130552305533055430555305563055730558305593056030561305623056330564305653056630567305683056930570305713057230573305743057530576305773057830579305803058130582305833058430585305863058730588305893059030591305923059330594305953059630597305983059930600306013060230603306043060530606306073060830609306103061130612306133061430615306163061730618306193062030621306223062330624306253062630627306283062930630306313063230633306343063530636306373063830639306403064130642306433064430645306463064730648306493065030651306523065330654306553065630657306583065930660306613066230663306643066530666306673066830669306703067130672306733067430675306763067730678306793068030681306823068330684306853068630687306883068930690306913069230693306943069530696306973069830699307003070130702307033070430705307063070730708307093071030711307123071330714307153071630717307183071930720307213072230723307243072530726307273072830729307303073130732307333073430735307363073730738307393074030741307423074330744307453074630747307483074930750307513075230753307543075530756307573075830759307603076130762307633076430765307663076730768307693077030771307723077330774307753077630777307783077930780307813078230783307843078530786307873078830789307903079130792307933079430795307963079730798307993080030801308023080330804308053080630807308083080930810308113081230813308143081530816308173081830819308203082130822308233082430825308263082730828308293083030831308323083330834308353083630837308383083930840308413084230843308443084530846308473084830849308503085130852308533085430855308563085730858308593086030861308623086330864308653086630867308683086930870308713087230873308743087530876308773087830879308803088130882308833088430885308863088730888308893089030891308923089330894308953089630897308983089930900309013090230903309043090530906309073090830909309103091130912309133091430915309163091730918309193092030921309223092330924309253092630927309283092930930309313093230933309343093530936309373093830939309403094130942309433094430945309463094730948309493095030951309523095330954309553095630957309583095930960309613096230963309643096530966309673096830969309703097130972309733097430975309763097730978309793098030981309823098330984309853098630987309883098930990309913099230993309943099530996309973099830999310003100131002310033100431005310063100731008310093101031011310123101331014310153101631017310183101931020310213102231023310243102531026310273102831029310303103131032310333103431035310363103731038310393104031041310423104331044310453104631047310483104931050310513105231053310543105531056310573105831059310603106131062310633106431065310663106731068310693107031071310723107331074310753107631077310783107931080310813108231083310843108531086310873108831089310903109131092310933109431095310963109731098310993110031101311023110331104311053110631107311083110931110311113111231113311143111531116311173111831119311203112131122311233112431125311263112731128311293113031131311323113331134311353113631137311383113931140311413114231143311443114531146311473114831149311503115131152311533115431155311563115731158311593116031161311623116331164311653116631167311683116931170311713117231173311743117531176311773117831179311803118131182311833118431185311863118731188311893119031191311923119331194311953119631197311983119931200312013120231203312043120531206312073120831209312103121131212312133121431215312163121731218312193122031221312223122331224312253122631227312283122931230312313123231233312343123531236312373123831239312403124131242312433124431245312463124731248312493125031251312523125331254312553125631257312583125931260312613126231263312643126531266312673126831269312703127131272312733127431275312763127731278312793128031281312823128331284312853128631287312883128931290312913129231293312943129531296312973129831299313003130131302313033130431305313063130731308313093131031311313123131331314313153131631317313183131931320313213132231323313243132531326313273132831329313303133131332313333133431335313363133731338313393134031341313423134331344313453134631347313483134931350313513135231353313543135531356313573135831359313603136131362313633136431365313663136731368313693137031371313723137331374313753137631377313783137931380313813138231383313843138531386313873138831389313903139131392313933139431395313963139731398313993140031401314023140331404314053140631407314083140931410314113141231413314143141531416314173141831419314203142131422314233142431425314263142731428314293143031431314323143331434314353143631437314383143931440314413144231443314443144531446314473144831449314503145131452314533145431455314563145731458314593146031461314623146331464314653146631467314683146931470314713147231473314743147531476314773147831479314803148131482314833148431485314863148731488314893149031491314923149331494314953149631497314983149931500315013150231503315043150531506315073150831509315103151131512315133151431515315163151731518315193152031521315223152331524315253152631527315283152931530315313153231533315343153531536315373153831539315403154131542315433154431545315463154731548315493155031551315523155331554315553155631557315583155931560315613156231563315643156531566315673156831569315703157131572315733157431575315763157731578315793158031581315823158331584315853158631587315883158931590315913159231593315943159531596315973159831599316003160131602316033160431605316063160731608316093161031611316123161331614316153161631617316183161931620316213162231623316243162531626316273162831629316303163131632316333163431635316363163731638316393164031641316423164331644316453164631647316483164931650316513165231653316543165531656316573165831659316603166131662316633166431665316663166731668316693167031671316723167331674316753167631677316783167931680316813168231683316843168531686316873168831689316903169131692316933169431695316963169731698316993170031701317023170331704317053170631707317083170931710317113171231713317143171531716317173171831719317203172131722317233172431725317263172731728317293173031731317323173331734317353173631737317383173931740317413174231743317443174531746317473174831749317503175131752317533175431755317563175731758317593176031761317623176331764317653176631767317683176931770317713177231773317743177531776317773177831779317803178131782317833178431785317863178731788317893179031791317923179331794317953179631797317983179931800318013180231803318043180531806318073180831809318103181131812318133181431815318163181731818318193182031821318223182331824318253182631827318283182931830318313183231833318343183531836318373183831839318403184131842318433184431845318463184731848318493185031851318523185331854318553185631857318583185931860318613186231863318643186531866318673186831869318703187131872318733187431875318763187731878318793188031881318823188331884318853188631887318883188931890318913189231893318943189531896318973189831899319003190131902319033190431905319063190731908319093191031911319123191331914319153191631917319183191931920319213192231923319243192531926319273192831929319303193131932319333193431935319363193731938319393194031941319423194331944319453194631947319483194931950319513195231953319543195531956319573195831959319603196131962319633196431965319663196731968319693197031971319723197331974319753197631977319783197931980319813198231983319843198531986319873198831989319903199131992319933199431995319963199731998319993200032001320023200332004320053200632007320083200932010320113201232013320143201532016320173201832019320203202132022320233202432025320263202732028320293203032031320323203332034320353203632037320383203932040320413204232043320443204532046320473204832049320503205132052320533205432055320563205732058320593206032061320623206332064320653206632067320683206932070320713207232073320743207532076320773207832079320803208132082320833208432085320863208732088320893209032091320923209332094320953209632097320983209932100321013210232103321043210532106321073210832109321103211132112321133211432115321163211732118321193212032121321223212332124321253212632127321283212932130321313213232133321343213532136321373213832139321403214132142321433214432145321463214732148321493215032151321523215332154321553215632157321583215932160321613216232163321643216532166321673216832169321703217132172321733217432175321763217732178321793218032181321823218332184321853218632187321883218932190321913219232193321943219532196321973219832199322003220132202322033220432205322063220732208322093221032211322123221332214322153221632217322183221932220322213222232223322243222532226322273222832229322303223132232322333223432235322363223732238322393224032241322423224332244322453224632247322483224932250322513225232253322543225532256322573225832259322603226132262322633226432265322663226732268322693227032271322723227332274322753227632277322783227932280322813228232283322843228532286322873228832289322903229132292322933229432295322963229732298322993230032301323023230332304323053230632307323083230932310323113231232313323143231532316323173231832319323203232132322323233232432325323263232732328323293233032331323323233332334323353233632337323383233932340323413234232343323443234532346323473234832349323503235132352323533235432355323563235732358323593236032361323623236332364323653236632367323683236932370323713237232373323743237532376323773237832379323803238132382323833238432385323863238732388323893239032391323923239332394323953239632397323983239932400324013240232403324043240532406324073240832409324103241132412324133241432415324163241732418324193242032421324223242332424324253242632427324283242932430324313243232433324343243532436324373243832439324403244132442324433244432445324463244732448324493245032451324523245332454324553245632457324583245932460324613246232463324643246532466324673246832469324703247132472324733247432475324763247732478324793248032481324823248332484324853248632487324883248932490324913249232493324943249532496324973249832499325003250132502325033250432505325063250732508325093251032511325123251332514325153251632517325183251932520325213252232523325243252532526325273252832529325303253132532325333253432535325363253732538325393254032541325423254332544325453254632547325483254932550325513255232553325543255532556325573255832559325603256132562325633256432565325663256732568325693257032571325723257332574325753257632577325783257932580325813258232583325843258532586325873258832589325903259132592325933259432595325963259732598325993260032601326023260332604326053260632607326083260932610326113261232613326143261532616326173261832619326203262132622326233262432625326263262732628326293263032631326323263332634326353263632637326383263932640326413264232643326443264532646326473264832649326503265132652326533265432655326563265732658326593266032661326623266332664326653266632667326683266932670326713267232673326743267532676326773267832679326803268132682326833268432685326863268732688326893269032691326923269332694326953269632697326983269932700327013270232703327043270532706327073270832709327103271132712327133271432715327163271732718327193272032721327223272332724327253272632727327283272932730327313273232733327343273532736327373273832739327403274132742327433274432745327463274732748327493275032751327523275332754327553275632757327583275932760327613276232763327643276532766327673276832769327703277132772327733277432775327763277732778327793278032781327823278332784327853278632787327883278932790327913279232793327943279532796327973279832799328003280132802328033280432805328063280732808328093281032811328123281332814328153281632817328183281932820328213282232823328243282532826328273282832829328303283132832328333283432835328363283732838328393284032841328423284332844328453284632847328483284932850328513285232853328543285532856328573285832859328603286132862328633286432865328663286732868328693287032871328723287332874328753287632877328783287932880328813288232883328843288532886328873288832889328903289132892328933289432895328963289732898328993290032901329023290332904329053290632907329083290932910329113291232913329143291532916329173291832919329203292132922329233292432925329263292732928329293293032931329323293332934329353293632937329383293932940329413294232943329443294532946329473294832949329503295132952329533295432955329563295732958329593296032961329623296332964329653296632967329683296932970329713297232973329743297532976329773297832979329803298132982329833298432985329863298732988329893299032991329923299332994329953299632997329983299933000330013300233003330043300533006330073300833009330103301133012330133301433015330163301733018330193302033021330223302333024330253302633027330283302933030330313303233033330343303533036330373303833039330403304133042330433304433045330463304733048330493305033051330523305333054330553305633057330583305933060330613306233063330643306533066330673306833069330703307133072330733307433075330763307733078330793308033081330823308333084330853308633087330883308933090330913309233093330943309533096330973309833099331003310133102331033310433105331063310733108331093311033111331123311333114331153311633117331183311933120331213312233123331243312533126331273312833129331303313133132331333313433135331363313733138331393314033141331423314333144331453314633147331483314933150331513315233153331543315533156331573315833159331603316133162331633316433165331663316733168331693317033171331723317333174331753317633177331783317933180331813318233183331843318533186331873318833189331903319133192331933319433195331963319733198331993320033201332023320333204332053320633207332083320933210332113321233213332143321533216332173321833219332203322133222332233322433225332263322733228332293323033231332323323333234332353323633237332383323933240332413324233243332443324533246332473324833249332503325133252332533325433255332563325733258332593326033261332623326333264332653326633267332683326933270332713327233273332743327533276332773327833279332803328133282332833328433285332863328733288332893329033291332923329333294332953329633297332983329933300333013330233303333043330533306333073330833309333103331133312333133331433315333163331733318333193332033321333223332333324333253332633327333283332933330333313333233333333343333533336333373333833339333403334133342333433334433345333463334733348333493335033351333523335333354333553335633357333583335933360333613336233363333643336533366333673336833369333703337133372333733337433375333763337733378333793338033381333823338333384333853338633387333883338933390333913339233393333943339533396333973339833399334003340133402334033340433405334063340733408334093341033411334123341333414334153341633417334183341933420334213342233423334243342533426334273342833429334303343133432334333343433435334363343733438334393344033441334423344333444334453344633447334483344933450334513345233453334543345533456334573345833459334603346133462334633346433465334663346733468334693347033471334723347333474334753347633477334783347933480334813348233483334843348533486334873348833489334903349133492334933349433495334963349733498334993350033501335023350333504335053350633507335083350933510335113351233513335143351533516335173351833519335203352133522335233352433525335263352733528335293353033531335323353333534335353353633537335383353933540335413354233543335443354533546335473354833549335503355133552335533355433555335563355733558335593356033561335623356333564335653356633567335683356933570335713357233573335743357533576335773357833579335803358133582335833358433585335863358733588335893359033591335923359333594335953359633597335983359933600336013360233603336043360533606336073360833609336103361133612336133361433615336163361733618336193362033621336223362333624336253362633627336283362933630336313363233633336343363533636336373363833639336403364133642336433364433645336463364733648336493365033651336523365333654336553365633657336583365933660336613366233663336643366533666336673366833669336703367133672336733367433675336763367733678336793368033681336823368333684336853368633687336883368933690336913369233693336943369533696336973369833699337003370133702337033370433705337063370733708337093371033711337123371333714337153371633717337183371933720337213372233723337243372533726337273372833729337303373133732337333373433735337363373733738337393374033741337423374333744337453374633747337483374933750337513375233753337543375533756337573375833759337603376133762337633376433765337663376733768337693377033771337723377333774337753377633777337783377933780337813378233783337843378533786337873378833789337903379133792337933379433795337963379733798337993380033801338023380333804338053380633807338083380933810338113381233813338143381533816338173381833819338203382133822338233382433825338263382733828338293383033831338323383333834338353383633837338383383933840338413384233843338443384533846338473384833849338503385133852338533385433855338563385733858338593386033861338623386333864338653386633867338683386933870338713387233873338743387533876338773387833879338803388133882338833388433885338863388733888338893389033891338923389333894338953389633897338983389933900339013390233903339043390533906339073390833909339103391133912339133391433915339163391733918339193392033921339223392333924339253392633927339283392933930339313393233933339343393533936339373393833939339403394133942339433394433945339463394733948339493395033951339523395333954339553395633957339583395933960339613396233963339643396533966339673396833969339703397133972339733397433975339763397733978339793398033981339823398333984339853398633987339883398933990339913399233993339943399533996339973399833999340003400134002340033400434005340063400734008340093401034011340123401334014340153401634017340183401934020340213402234023340243402534026340273402834029340303403134032340333403434035340363403734038340393404034041340423404334044340453404634047340483404934050340513405234053340543405534056340573405834059340603406134062340633406434065340663406734068340693407034071340723407334074340753407634077340783407934080340813408234083340843408534086340873408834089340903409134092340933409434095340963409734098340993410034101341023410334104341053410634107341083410934110341113411234113341143411534116341173411834119341203412134122341233412434125341263412734128341293413034131341323413334134341353413634137341383413934140341413414234143341443414534146341473414834149341503415134152341533415434155341563415734158341593416034161341623416334164341653416634167341683416934170341713417234173341743417534176341773417834179341803418134182341833418434185341863418734188341893419034191341923419334194341953419634197341983419934200342013420234203342043420534206342073420834209342103421134212342133421434215342163421734218342193422034221342223422334224342253422634227342283422934230342313423234233342343423534236342373423834239342403424134242342433424434245342463424734248342493425034251342523425334254342553425634257342583425934260342613426234263342643426534266342673426834269342703427134272342733427434275342763427734278342793428034281342823428334284342853428634287342883428934290342913429234293342943429534296342973429834299343003430134302343033430434305343063430734308343093431034311343123431334314343153431634317343183431934320343213432234323343243432534326343273432834329343303433134332343333433434335343363433734338343393434034341343423434334344343453434634347343483434934350343513435234353343543435534356343573435834359343603436134362343633436434365343663436734368343693437034371343723437334374343753437634377343783437934380343813438234383343843438534386343873438834389343903439134392343933439434395343963439734398343993440034401344023440334404344053440634407344083440934410344113441234413344143441534416344173441834419344203442134422344233442434425344263442734428344293443034431344323443334434344353443634437344383443934440344413444234443344443444534446344473444834449344503445134452344533445434455344563445734458344593446034461344623446334464344653446634467344683446934470344713447234473344743447534476344773447834479344803448134482344833448434485344863448734488344893449034491344923449334494344953449634497344983449934500345013450234503345043450534506345073450834509345103451134512345133451434515345163451734518345193452034521345223452334524345253452634527345283452934530345313453234533345343453534536345373453834539345403454134542345433454434545345463454734548345493455034551345523455334554345553455634557345583455934560345613456234563345643456534566345673456834569345703457134572345733457434575345763457734578345793458034581345823458334584345853458634587345883458934590345913459234593345943459534596345973459834599346003460134602346033460434605346063460734608346093461034611346123461334614346153461634617346183461934620346213462234623346243462534626346273462834629346303463134632346333463434635346363463734638346393464034641346423464334644346453464634647346483464934650346513465234653346543465534656346573465834659346603466134662346633466434665346663466734668346693467034671346723467334674346753467634677346783467934680346813468234683346843468534686346873468834689346903469134692346933469434695346963469734698346993470034701347023470334704347053470634707347083470934710347113471234713347143471534716347173471834719347203472134722347233472434725347263472734728347293473034731347323473334734347353473634737347383473934740347413474234743347443474534746347473474834749347503475134752347533475434755347563475734758347593476034761347623476334764347653476634767347683476934770347713477234773347743477534776347773477834779347803478134782347833478434785347863478734788347893479034791347923479334794347953479634797347983479934800348013480234803348043480534806348073480834809348103481134812348133481434815348163481734818348193482034821348223482334824348253482634827348283482934830348313483234833348343483534836348373483834839348403484134842348433484434845348463484734848348493485034851348523485334854348553485634857348583485934860348613486234863348643486534866348673486834869348703487134872348733487434875348763487734878348793488034881348823488334884348853488634887348883488934890348913489234893348943489534896348973489834899349003490134902349033490434905349063490734908349093491034911349123491334914349153491634917349183491934920349213492234923349243492534926349273492834929349303493134932349333493434935349363493734938349393494034941349423494334944349453494634947349483494934950349513495234953349543495534956349573495834959349603496134962349633496434965349663496734968349693497034971349723497334974349753497634977349783497934980349813498234983349843498534986349873498834989349903499134992349933499434995349963499734998349993500035001350023500335004350053500635007350083500935010350113501235013350143501535016350173501835019350203502135022350233502435025350263502735028350293503035031350323503335034350353503635037350383503935040350413504235043350443504535046350473504835049350503505135052350533505435055350563505735058350593506035061350623506335064350653506635067350683506935070350713507235073350743507535076350773507835079350803508135082350833508435085350863508735088350893509035091350923509335094350953509635097350983509935100351013510235103351043510535106351073510835109351103511135112351133511435115351163511735118351193512035121351223512335124351253512635127351283512935130351313513235133351343513535136351373513835139351403514135142351433514435145351463514735148351493515035151351523515335154351553515635157351583515935160351613516235163351643516535166351673516835169351703517135172351733517435175351763517735178351793518035181351823518335184351853518635187351883518935190351913519235193351943519535196351973519835199352003520135202352033520435205352063520735208352093521035211352123521335214352153521635217352183521935220352213522235223352243522535226352273522835229352303523135232352333523435235352363523735238352393524035241352423524335244352453524635247352483524935250352513525235253352543525535256352573525835259352603526135262352633526435265352663526735268352693527035271352723527335274352753527635277352783527935280352813528235283352843528535286352873528835289352903529135292352933529435295352963529735298352993530035301353023530335304353053530635307353083530935310353113531235313353143531535316353173531835319353203532135322353233532435325353263532735328353293533035331353323533335334353353533635337353383533935340353413534235343353443534535346353473534835349353503535135352353533535435355353563535735358353593536035361353623536335364353653536635367353683536935370353713537235373353743537535376353773537835379353803538135382353833538435385353863538735388353893539035391353923539335394353953539635397353983539935400354013540235403354043540535406354073540835409354103541135412354133541435415354163541735418354193542035421354223542335424354253542635427354283542935430354313543235433354343543535436354373543835439354403544135442354433544435445354463544735448354493545035451354523545335454354553545635457354583545935460354613546235463354643546535466354673546835469354703547135472354733547435475354763547735478354793548035481354823548335484354853548635487354883548935490354913549235493354943549535496354973549835499355003550135502355033550435505355063550735508355093551035511355123551335514355153551635517355183551935520355213552235523355243552535526355273552835529355303553135532355333553435535355363553735538355393554035541355423554335544355453554635547355483554935550355513555235553355543555535556355573555835559355603556135562355633556435565355663556735568355693557035571355723557335574355753557635577355783557935580355813558235583355843558535586355873558835589355903559135592355933559435595355963559735598355993560035601356023560335604356053560635607356083560935610356113561235613356143561535616356173561835619356203562135622356233562435625356263562735628356293563035631356323563335634356353563635637356383563935640356413564235643356443564535646356473564835649356503565135652356533565435655356563565735658356593566035661356623566335664356653566635667356683566935670356713567235673356743567535676356773567835679356803568135682356833568435685356863568735688356893569035691356923569335694356953569635697356983569935700357013570235703357043570535706357073570835709357103571135712357133571435715357163571735718357193572035721357223572335724357253572635727357283572935730357313573235733357343573535736357373573835739357403574135742357433574435745357463574735748357493575035751357523575335754357553575635757357583575935760357613576235763357643576535766357673576835769357703577135772357733577435775357763577735778357793578035781357823578335784357853578635787357883578935790357913579235793357943579535796357973579835799358003580135802358033580435805358063580735808358093581035811358123581335814358153581635817358183581935820358213582235823358243582535826358273582835829358303583135832358333583435835358363583735838358393584035841358423584335844358453584635847358483584935850358513585235853358543585535856358573585835859358603586135862358633586435865358663586735868358693587035871358723587335874358753587635877358783587935880358813588235883358843588535886358873588835889358903589135892358933589435895358963589735898358993590035901359023590335904359053590635907359083590935910359113591235913359143591535916359173591835919359203592135922359233592435925359263592735928359293593035931359323593335934359353593635937359383593935940359413594235943359443594535946359473594835949359503595135952359533595435955359563595735958359593596035961359623596335964359653596635967359683596935970359713597235973359743597535976359773597835979359803598135982359833598435985359863598735988359893599035991359923599335994359953599635997359983599936000360013600236003360043600536006360073600836009360103601136012360133601436015360163601736018360193602036021360223602336024360253602636027360283602936030360313603236033360343603536036360373603836039360403604136042360433604436045360463604736048360493605036051360523605336054360553605636057360583605936060360613606236063360643606536066360673606836069360703607136072360733607436075360763607736078360793608036081360823608336084360853608636087360883608936090360913609236093360943609536096360973609836099361003610136102361033610436105361063610736108361093611036111361123611336114361153611636117361183611936120361213612236123361243612536126361273612836129361303613136132361333613436135361363613736138361393614036141361423614336144361453614636147361483614936150361513615236153361543615536156361573615836159361603616136162361633616436165361663616736168361693617036171361723617336174361753617636177361783617936180361813618236183361843618536186361873618836189361903619136192361933619436195361963619736198361993620036201362023620336204362053620636207362083620936210362113621236213362143621536216362173621836219362203622136222362233622436225362263622736228362293623036231362323623336234362353623636237362383623936240362413624236243362443624536246362473624836249362503625136252362533625436255362563625736258362593626036261362623626336264362653626636267362683626936270362713627236273362743627536276362773627836279362803628136282362833628436285362863628736288362893629036291362923629336294362953629636297362983629936300363013630236303363043630536306363073630836309363103631136312363133631436315363163631736318363193632036321363223632336324363253632636327363283632936330363313633236333363343633536336363373633836339363403634136342363433634436345363463634736348363493635036351363523635336354363553635636357363583635936360363613636236363363643636536366363673636836369363703637136372363733637436375363763637736378363793638036381363823638336384363853638636387363883638936390363913639236393363943639536396363973639836399364003640136402364033640436405364063640736408364093641036411364123641336414364153641636417364183641936420364213642236423364243642536426364273642836429364303643136432364333643436435364363643736438364393644036441364423644336444364453644636447364483644936450364513645236453364543645536456364573645836459364603646136462364633646436465364663646736468364693647036471364723647336474364753647636477364783647936480364813648236483364843648536486364873648836489364903649136492364933649436495364963649736498364993650036501365023650336504365053650636507365083650936510365113651236513365143651536516365173651836519365203652136522365233652436525365263652736528365293653036531365323653336534365353653636537365383653936540365413654236543365443654536546365473654836549365503655136552365533655436555365563655736558365593656036561365623656336564365653656636567365683656936570365713657236573365743657536576365773657836579365803658136582365833658436585365863658736588365893659036591365923659336594365953659636597365983659936600366013660236603366043660536606366073660836609366103661136612366133661436615366163661736618366193662036621366223662336624366253662636627366283662936630366313663236633366343663536636366373663836639366403664136642366433664436645366463664736648366493665036651366523665336654366553665636657366583665936660366613666236663366643666536666366673666836669366703667136672366733667436675366763667736678366793668036681366823668336684366853668636687366883668936690366913669236693366943669536696366973669836699367003670136702367033670436705367063670736708367093671036711367123671336714367153671636717367183671936720367213672236723367243672536726367273672836729367303673136732367333673436735367363673736738367393674036741367423674336744367453674636747367483674936750367513675236753367543675536756367573675836759367603676136762367633676436765367663676736768367693677036771367723677336774367753677636777367783677936780367813678236783367843678536786367873678836789367903679136792367933679436795367963679736798367993680036801368023680336804368053680636807368083680936810368113681236813368143681536816368173681836819368203682136822368233682436825368263682736828368293683036831368323683336834368353683636837368383683936840368413684236843368443684536846368473684836849368503685136852368533685436855368563685736858368593686036861368623686336864368653686636867368683686936870368713687236873368743687536876368773687836879368803688136882368833688436885368863688736888368893689036891368923689336894368953689636897368983689936900369013690236903369043690536906369073690836909369103691136912369133691436915369163691736918369193692036921369223692336924369253692636927369283692936930369313693236933369343693536936369373693836939369403694136942369433694436945369463694736948369493695036951369523695336954369553695636957369583695936960369613696236963369643696536966369673696836969369703697136972369733697436975369763697736978369793698036981369823698336984369853698636987369883698936990369913699236993369943699536996369973699836999370003700137002370033700437005370063700737008370093701037011370123701337014370153701637017370183701937020370213702237023370243702537026370273702837029370303703137032370333703437035370363703737038370393704037041370423704337044370453704637047370483704937050370513705237053370543705537056370573705837059370603706137062370633706437065370663706737068370693707037071370723707337074370753707637077370783707937080370813708237083370843708537086370873708837089370903709137092370933709437095370963709737098370993710037101371023710337104371053710637107371083710937110371113711237113371143711537116371173711837119371203712137122371233712437125371263712737128371293713037131371323713337134371353713637137371383713937140371413714237143371443714537146371473714837149371503715137152371533715437155371563715737158371593716037161371623716337164371653716637167371683716937170371713717237173371743717537176371773717837179371803718137182371833718437185371863718737188371893719037191371923719337194371953719637197371983719937200372013720237203372043720537206372073720837209372103721137212372133721437215372163721737218372193722037221372223722337224372253722637227372283722937230372313723237233372343723537236372373723837239372403724137242372433724437245372463724737248372493725037251372523725337254372553725637257372583725937260372613726237263372643726537266372673726837269372703727137272372733727437275372763727737278372793728037281372823728337284372853728637287372883728937290372913729237293372943729537296372973729837299373003730137302373033730437305373063730737308373093731037311373123731337314373153731637317373183731937320373213732237323373243732537326373273732837329373303733137332373333733437335373363733737338373393734037341373423734337344373453734637347373483734937350373513735237353373543735537356373573735837359373603736137362373633736437365373663736737368373693737037371373723737337374373753737637377373783737937380373813738237383373843738537386373873738837389373903739137392373933739437395373963739737398373993740037401374023740337404374053740637407374083740937410374113741237413374143741537416374173741837419374203742137422374233742437425374263742737428374293743037431374323743337434374353743637437374383743937440374413744237443374443744537446374473744837449374503745137452374533745437455374563745737458374593746037461374623746337464374653746637467374683746937470374713747237473374743747537476374773747837479374803748137482374833748437485374863748737488374893749037491374923749337494374953749637497374983749937500375013750237503375043750537506375073750837509375103751137512375133751437515375163751737518375193752037521375223752337524375253752637527375283752937530375313753237533375343753537536375373753837539375403754137542375433754437545375463754737548375493755037551375523755337554375553755637557375583755937560375613756237563375643756537566375673756837569375703757137572375733757437575375763757737578375793758037581375823758337584375853758637587375883758937590375913759237593375943759537596375973759837599376003760137602376033760437605376063760737608376093761037611376123761337614376153761637617376183761937620376213762237623376243762537626376273762837629376303763137632376333763437635376363763737638376393764037641376423764337644376453764637647376483764937650376513765237653376543765537656376573765837659376603766137662376633766437665376663766737668376693767037671376723767337674376753767637677376783767937680376813768237683376843768537686376873768837689376903769137692376933769437695376963769737698376993770037701377023770337704377053770637707377083770937710377113771237713377143771537716377173771837719377203772137722377233772437725377263772737728377293773037731377323773337734377353773637737377383773937740377413774237743377443774537746377473774837749377503775137752377533775437755377563775737758377593776037761377623776337764377653776637767377683776937770377713777237773377743777537776377773777837779377803778137782377833778437785377863778737788377893779037791377923779337794377953779637797377983779937800378013780237803378043780537806378073780837809378103781137812378133781437815378163781737818378193782037821378223782337824378253782637827378283782937830378313783237833378343783537836378373783837839378403784137842378433784437845378463784737848378493785037851378523785337854378553785637857378583785937860378613786237863378643786537866378673786837869378703787137872378733787437875378763787737878378793788037881378823788337884378853788637887378883788937890378913789237893378943789537896378973789837899379003790137902379033790437905379063790737908379093791037911379123791337914379153791637917379183791937920379213792237923379243792537926379273792837929379303793137932379333793437935379363793737938379393794037941379423794337944379453794637947379483794937950379513795237953379543795537956379573795837959379603796137962379633796437965379663796737968379693797037971379723797337974379753797637977379783797937980379813798237983379843798537986379873798837989379903799137992379933799437995379963799737998379993800038001380023800338004380053800638007380083800938010380113801238013380143801538016380173801838019380203802138022380233802438025380263802738028380293803038031380323803338034380353803638037380383803938040380413804238043380443804538046380473804838049380503805138052380533805438055380563805738058380593806038061380623806338064380653806638067380683806938070380713807238073380743807538076380773807838079380803808138082380833808438085380863808738088380893809038091380923809338094380953809638097380983809938100381013810238103381043810538106381073810838109381103811138112381133811438115381163811738118381193812038121381223812338124381253812638127381283812938130381313813238133381343813538136381373813838139381403814138142381433814438145381463814738148381493815038151381523815338154381553815638157381583815938160381613816238163381643816538166381673816838169381703817138172381733817438175381763817738178381793818038181381823818338184381853818638187381883818938190381913819238193381943819538196381973819838199382003820138202382033820438205382063820738208382093821038211382123821338214382153821638217382183821938220382213822238223382243822538226382273822838229382303823138232382333823438235382363823738238382393824038241382423824338244382453824638247382483824938250382513825238253382543825538256382573825838259382603826138262382633826438265382663826738268382693827038271382723827338274382753827638277382783827938280382813828238283382843828538286382873828838289382903829138292382933829438295382963829738298382993830038301383023830338304383053830638307383083830938310383113831238313383143831538316383173831838319383203832138322383233832438325383263832738328383293833038331383323833338334383353833638337383383833938340383413834238343383443834538346383473834838349383503835138352383533835438355383563835738358383593836038361383623836338364383653836638367383683836938370383713837238373383743837538376383773837838379383803838138382383833838438385383863838738388383893839038391383923839338394383953839638397383983839938400384013840238403384043840538406384073840838409384103841138412384133841438415384163841738418384193842038421384223842338424384253842638427384283842938430384313843238433384343843538436384373843838439384403844138442384433844438445384463844738448384493845038451384523845338454384553845638457384583845938460384613846238463384643846538466384673846838469384703847138472384733847438475384763847738478384793848038481384823848338484384853848638487384883848938490384913849238493384943849538496384973849838499385003850138502385033850438505385063850738508385093851038511385123851338514385153851638517385183851938520385213852238523385243852538526385273852838529385303853138532385333853438535385363853738538385393854038541385423854338544385453854638547385483854938550385513855238553385543855538556385573855838559385603856138562385633856438565385663856738568385693857038571385723857338574385753857638577385783857938580385813858238583385843858538586385873858838589385903859138592385933859438595385963859738598385993860038601386023860338604386053860638607386083860938610386113861238613386143861538616386173861838619386203862138622386233862438625386263862738628386293863038631386323863338634386353863638637386383863938640386413864238643386443864538646386473864838649386503865138652386533865438655386563865738658386593866038661386623866338664386653866638667386683866938670386713867238673386743867538676386773867838679386803868138682386833868438685386863868738688386893869038691386923869338694386953869638697386983869938700387013870238703387043870538706387073870838709387103871138712387133871438715387163871738718387193872038721387223872338724387253872638727387283872938730387313873238733387343873538736387373873838739387403874138742387433874438745387463874738748387493875038751387523875338754387553875638757387583875938760387613876238763387643876538766387673876838769387703877138772387733877438775387763877738778387793878038781387823878338784387853878638787387883878938790387913879238793387943879538796387973879838799388003880138802388033880438805388063880738808388093881038811388123881338814388153881638817388183881938820388213882238823388243882538826388273882838829388303883138832388333883438835388363883738838388393884038841388423884338844388453884638847388483884938850388513885238853388543885538856388573885838859388603886138862388633886438865388663886738868388693887038871388723887338874388753887638877388783887938880388813888238883388843888538886388873888838889388903889138892388933889438895388963889738898388993890038901389023890338904389053890638907389083890938910389113891238913389143891538916389173891838919389203892138922389233892438925389263892738928389293893038931389323893338934389353893638937389383893938940389413894238943389443894538946389473894838949389503895138952389533895438955389563895738958389593896038961389623896338964389653896638967389683896938970389713897238973389743897538976389773897838979389803898138982389833898438985389863898738988389893899038991389923899338994389953899638997389983899939000390013900239003390043900539006390073900839009390103901139012390133901439015390163901739018390193902039021390223902339024390253902639027390283902939030390313903239033390343903539036390373903839039390403904139042390433904439045390463904739048390493905039051390523905339054390553905639057390583905939060390613906239063390643906539066390673906839069390703907139072390733907439075390763907739078390793908039081390823908339084390853908639087390883908939090390913909239093390943909539096390973909839099391003910139102391033910439105391063910739108391093911039111391123911339114391153911639117391183911939120391213912239123391243912539126391273912839129391303913139132391333913439135391363913739138391393914039141391423914339144391453914639147391483914939150391513915239153391543915539156391573915839159391603916139162391633916439165391663916739168391693917039171391723917339174391753917639177391783917939180391813918239183391843918539186391873918839189391903919139192391933919439195391963919739198391993920039201392023920339204392053920639207392083920939210392113921239213392143921539216392173921839219392203922139222392233922439225392263922739228392293923039231392323923339234392353923639237392383923939240392413924239243392443924539246392473924839249392503925139252392533925439255392563925739258392593926039261392623926339264392653926639267392683926939270392713927239273392743927539276392773927839279392803928139282392833928439285392863928739288392893929039291392923929339294392953929639297392983929939300393013930239303393043930539306393073930839309393103931139312393133931439315393163931739318393193932039321393223932339324393253932639327393283932939330393313933239333393343933539336393373933839339393403934139342393433934439345393463934739348393493935039351393523935339354393553935639357393583935939360393613936239363393643936539366393673936839369393703937139372393733937439375393763937739378393793938039381393823938339384393853938639387393883938939390393913939239393393943939539396393973939839399394003940139402394033940439405394063940739408394093941039411394123941339414394153941639417394183941939420394213942239423394243942539426394273942839429394303943139432394333943439435394363943739438394393944039441394423944339444394453944639447394483944939450394513945239453394543945539456394573945839459394603946139462394633946439465394663946739468394693947039471394723947339474394753947639477394783947939480394813948239483394843948539486394873948839489394903949139492394933949439495394963949739498394993950039501395023950339504395053950639507395083950939510395113951239513395143951539516395173951839519395203952139522395233952439525395263952739528395293953039531395323953339534395353953639537395383953939540395413954239543395443954539546395473954839549395503955139552395533955439555395563955739558395593956039561395623956339564395653956639567395683956939570395713957239573395743957539576395773957839579395803958139582395833958439585395863958739588395893959039591395923959339594395953959639597395983959939600396013960239603396043960539606396073960839609396103961139612396133961439615396163961739618396193962039621396223962339624396253962639627396283962939630396313963239633396343963539636396373963839639396403964139642396433964439645396463964739648396493965039651396523965339654396553965639657396583965939660396613966239663396643966539666396673966839669396703967139672396733967439675396763967739678396793968039681396823968339684396853968639687396883968939690396913969239693396943969539696396973969839699397003970139702397033970439705397063970739708397093971039711397123971339714397153971639717397183971939720397213972239723397243972539726397273972839729397303973139732397333973439735397363973739738397393974039741397423974339744397453974639747397483974939750397513975239753397543975539756397573975839759397603976139762397633976439765397663976739768397693977039771397723977339774397753977639777397783977939780397813978239783397843978539786397873978839789397903979139792397933979439795397963979739798397993980039801398023980339804398053980639807398083980939810398113981239813398143981539816398173981839819398203982139822398233982439825398263982739828398293983039831398323983339834398353983639837398383983939840398413984239843398443984539846398473984839849398503985139852398533985439855398563985739858398593986039861398623986339864398653986639867398683986939870398713987239873398743987539876398773987839879398803988139882398833988439885398863988739888398893989039891398923989339894398953989639897398983989939900399013990239903399043990539906399073990839909399103991139912399133991439915399163991739918399193992039921399223992339924399253992639927399283992939930399313993239933399343993539936399373993839939399403994139942399433994439945399463994739948399493995039951399523995339954399553995639957399583995939960399613996239963399643996539966399673996839969399703997139972399733997439975399763997739978399793998039981399823998339984399853998639987399883998939990399913999239993399943999539996399973999839999400004000140002400034000440005400064000740008400094001040011400124001340014400154001640017400184001940020400214002240023400244002540026400274002840029400304003140032400334003440035400364003740038400394004040041400424004340044400454004640047400484004940050400514005240053400544005540056400574005840059400604006140062400634006440065400664006740068400694007040071400724007340074400754007640077400784007940080400814008240083400844008540086400874008840089400904009140092400934009440095400964009740098400994010040101401024010340104401054010640107401084010940110401114011240113401144011540116401174011840119401204012140122401234012440125401264012740128401294013040131401324013340134401354013640137401384013940140401414014240143401444014540146401474014840149401504015140152401534015440155401564015740158401594016040161401624016340164401654016640167401684016940170401714017240173401744017540176401774017840179401804018140182401834018440185401864018740188401894019040191401924019340194401954019640197401984019940200402014020240203402044020540206402074020840209402104021140212402134021440215402164021740218402194022040221402224022340224402254022640227402284022940230402314023240233402344023540236402374023840239402404024140242402434024440245402464024740248402494025040251402524025340254402554025640257402584025940260402614026240263402644026540266402674026840269402704027140272402734027440275402764027740278402794028040281402824028340284402854028640287402884028940290402914029240293402944029540296402974029840299403004030140302403034030440305403064030740308403094031040311403124031340314403154031640317403184031940320403214032240323403244032540326403274032840329403304033140332403334033440335403364033740338403394034040341403424034340344403454034640347403484034940350403514035240353403544035540356403574035840359403604036140362403634036440365403664036740368403694037040371403724037340374403754037640377403784037940380403814038240383403844038540386403874038840389403904039140392403934039440395403964039740398403994040040401404024040340404404054040640407404084040940410404114041240413404144041540416404174041840419404204042140422404234042440425404264042740428404294043040431404324043340434404354043640437404384043940440404414044240443404444044540446404474044840449404504045140452404534045440455404564045740458404594046040461404624046340464404654046640467404684046940470404714047240473404744047540476404774047840479404804048140482404834048440485404864048740488404894049040491404924049340494404954049640497404984049940500405014050240503405044050540506405074050840509405104051140512405134051440515405164051740518405194052040521405224052340524405254052640527405284052940530405314053240533405344053540536405374053840539405404054140542405434054440545405464054740548405494055040551405524055340554405554055640557405584055940560405614056240563405644056540566405674056840569405704057140572405734057440575405764057740578405794058040581405824058340584405854058640587405884058940590405914059240593405944059540596405974059840599406004060140602406034060440605406064060740608406094061040611406124061340614406154061640617406184061940620406214062240623406244062540626406274062840629406304063140632406334063440635406364063740638406394064040641406424064340644406454064640647406484064940650406514065240653406544065540656406574065840659406604066140662406634066440665406664066740668406694067040671406724067340674406754067640677406784067940680406814068240683406844068540686406874068840689406904069140692406934069440695406964069740698406994070040701407024070340704407054070640707407084070940710407114071240713407144071540716407174071840719407204072140722407234072440725407264072740728407294073040731407324073340734407354073640737407384073940740407414074240743407444074540746407474074840749407504075140752407534075440755407564075740758407594076040761407624076340764407654076640767407684076940770407714077240773407744077540776407774077840779407804078140782407834078440785407864078740788407894079040791407924079340794407954079640797407984079940800408014080240803408044080540806408074080840809408104081140812408134081440815408164081740818408194082040821408224082340824408254082640827408284082940830408314083240833408344083540836408374083840839408404084140842408434084440845408464084740848408494085040851408524085340854408554085640857408584085940860408614086240863408644086540866408674086840869408704087140872408734087440875408764087740878408794088040881408824088340884408854088640887408884088940890408914089240893408944089540896408974089840899409004090140902409034090440905409064090740908409094091040911409124091340914409154091640917409184091940920409214092240923409244092540926409274092840929409304093140932409334093440935409364093740938409394094040941409424094340944409454094640947409484094940950409514095240953409544095540956409574095840959409604096140962409634096440965409664096740968409694097040971409724097340974409754097640977409784097940980409814098240983409844098540986409874098840989409904099140992409934099440995409964099740998409994100041001410024100341004410054100641007410084100941010410114101241013410144101541016410174101841019410204102141022410234102441025410264102741028410294103041031410324103341034410354103641037410384103941040410414104241043410444104541046410474104841049410504105141052410534105441055410564105741058410594106041061410624106341064410654106641067410684106941070410714107241073410744107541076410774107841079410804108141082410834108441085410864108741088410894109041091410924109341094410954109641097410984109941100411014110241103411044110541106411074110841109411104111141112411134111441115411164111741118411194112041121411224112341124411254112641127411284112941130411314113241133411344113541136411374113841139411404114141142411434114441145411464114741148411494115041151411524115341154411554115641157411584115941160411614116241163411644116541166411674116841169411704117141172411734117441175411764117741178411794118041181411824118341184411854118641187411884118941190411914119241193411944119541196411974119841199412004120141202412034120441205412064120741208412094121041211412124121341214412154121641217412184121941220412214122241223412244122541226412274122841229412304123141232412334123441235412364123741238412394124041241412424124341244412454124641247412484124941250412514125241253412544125541256412574125841259412604126141262412634126441265412664126741268412694127041271412724127341274412754127641277412784127941280412814128241283412844128541286412874128841289412904129141292412934129441295412964129741298412994130041301413024130341304413054130641307413084130941310413114131241313413144131541316413174131841319413204132141322413234132441325413264132741328413294133041331413324133341334413354133641337413384133941340413414134241343413444134541346413474134841349413504135141352413534135441355413564135741358413594136041361413624136341364413654136641367413684136941370413714137241373413744137541376413774137841379413804138141382413834138441385413864138741388413894139041391413924139341394413954139641397413984139941400414014140241403414044140541406414074140841409414104141141412414134141441415414164141741418414194142041421414224142341424414254142641427414284142941430414314143241433414344143541436414374143841439414404144141442414434144441445414464144741448414494145041451414524145341454414554145641457414584145941460414614146241463414644146541466414674146841469414704147141472414734147441475414764147741478414794148041481414824148341484414854148641487414884148941490414914149241493414944149541496414974149841499415004150141502415034150441505415064150741508415094151041511415124151341514415154151641517415184151941520415214152241523415244152541526415274152841529415304153141532415334153441535415364153741538415394154041541415424154341544415454154641547415484154941550415514155241553415544155541556415574155841559415604156141562415634156441565415664156741568415694157041571415724157341574415754157641577415784157941580415814158241583415844158541586415874158841589415904159141592415934159441595415964159741598415994160041601416024160341604416054160641607416084160941610416114161241613416144161541616416174161841619416204162141622416234162441625416264162741628416294163041631416324163341634416354163641637416384163941640416414164241643416444164541646416474164841649416504165141652416534165441655416564165741658416594166041661416624166341664416654166641667416684166941670416714167241673416744167541676416774167841679416804168141682416834168441685416864168741688416894169041691416924169341694416954169641697416984169941700417014170241703417044170541706417074170841709417104171141712417134171441715417164171741718417194172041721417224172341724417254172641727417284172941730417314173241733417344173541736417374173841739417404174141742417434174441745417464174741748417494175041751417524175341754417554175641757417584175941760417614176241763417644176541766417674176841769417704177141772417734177441775417764177741778417794178041781417824178341784417854178641787417884178941790417914179241793417944179541796417974179841799418004180141802418034180441805418064180741808418094181041811418124181341814418154181641817418184181941820418214182241823418244182541826418274182841829418304183141832418334183441835418364183741838418394184041841418424184341844418454184641847418484184941850418514185241853418544185541856418574185841859418604186141862418634186441865418664186741868418694187041871418724187341874418754187641877418784187941880418814188241883418844188541886418874188841889418904189141892418934189441895418964189741898418994190041901419024190341904419054190641907419084190941910419114191241913419144191541916419174191841919419204192141922419234192441925419264192741928419294193041931419324193341934419354193641937419384193941940419414194241943419444194541946419474194841949419504195141952419534195441955419564195741958419594196041961419624196341964419654196641967419684196941970419714197241973419744197541976419774197841979419804198141982419834198441985419864198741988419894199041991419924199341994419954199641997419984199942000420014200242003420044200542006420074200842009420104201142012420134201442015420164201742018420194202042021420224202342024420254202642027420284202942030420314203242033420344203542036420374203842039420404204142042420434204442045420464204742048420494205042051420524205342054420554205642057420584205942060420614206242063420644206542066420674206842069420704207142072420734207442075420764207742078420794208042081420824208342084420854208642087420884208942090420914209242093420944209542096420974209842099421004210142102421034210442105421064210742108421094211042111421124211342114421154211642117421184211942120421214212242123421244212542126421274212842129421304213142132421334213442135421364213742138421394214042141421424214342144421454214642147421484214942150421514215242153421544215542156421574215842159421604216142162421634216442165421664216742168421694217042171421724217342174421754217642177421784217942180421814218242183421844218542186421874218842189421904219142192421934219442195421964219742198421994220042201422024220342204422054220642207422084220942210422114221242213422144221542216422174221842219422204222142222422234222442225422264222742228422294223042231422324223342234422354223642237422384223942240422414224242243422444224542246422474224842249422504225142252422534225442255422564225742258422594226042261422624226342264422654226642267422684226942270422714227242273422744227542276422774227842279422804228142282422834228442285422864228742288422894229042291422924229342294422954229642297422984229942300423014230242303423044230542306423074230842309423104231142312423134231442315423164231742318423194232042321423224232342324423254232642327423284232942330423314233242333423344233542336423374233842339423404234142342423434234442345423464234742348423494235042351423524235342354423554235642357423584235942360423614236242363423644236542366423674236842369423704237142372423734237442375423764237742378423794238042381423824238342384423854238642387423884238942390423914239242393423944239542396423974239842399424004240142402424034240442405424064240742408424094241042411424124241342414424154241642417424184241942420424214242242423424244242542426424274242842429424304243142432424334243442435424364243742438424394244042441424424244342444424454244642447424484244942450424514245242453424544245542456424574245842459424604246142462424634246442465424664246742468424694247042471424724247342474424754247642477424784247942480424814248242483424844248542486424874248842489424904249142492424934249442495424964249742498424994250042501425024250342504425054250642507425084250942510425114251242513425144251542516425174251842519425204252142522425234252442525425264252742528425294253042531425324253342534425354253642537425384253942540425414254242543425444254542546425474254842549425504255142552425534255442555425564255742558425594256042561425624256342564425654256642567425684256942570425714257242573425744257542576425774257842579425804258142582425834258442585425864258742588425894259042591425924259342594425954259642597425984259942600426014260242603426044260542606426074260842609426104261142612426134261442615426164261742618426194262042621426224262342624426254262642627426284262942630426314263242633426344263542636426374263842639426404264142642426434264442645426464264742648426494265042651426524265342654426554265642657426584265942660426614266242663426644266542666426674266842669426704267142672426734267442675426764267742678426794268042681426824268342684426854268642687426884268942690426914269242693426944269542696426974269842699427004270142702427034270442705427064270742708427094271042711427124271342714427154271642717427184271942720427214272242723427244272542726427274272842729427304273142732427334273442735427364273742738427394274042741427424274342744427454274642747427484274942750427514275242753427544275542756427574275842759427604276142762427634276442765427664276742768427694277042771427724277342774427754277642777427784277942780427814278242783427844278542786427874278842789427904279142792427934279442795427964279742798427994280042801428024280342804428054280642807428084280942810428114281242813428144281542816428174281842819428204282142822428234282442825428264282742828428294283042831428324283342834428354283642837428384283942840428414284242843428444284542846428474284842849428504285142852428534285442855428564285742858428594286042861428624286342864428654286642867428684286942870428714287242873428744287542876428774287842879428804288142882428834288442885428864288742888428894289042891428924289342894428954289642897428984289942900429014290242903429044290542906429074290842909429104291142912429134291442915429164291742918429194292042921429224292342924429254292642927429284292942930429314293242933429344293542936429374293842939429404294142942429434294442945429464294742948429494295042951429524295342954429554295642957429584295942960429614296242963429644296542966429674296842969429704297142972429734297442975429764297742978429794298042981429824298342984429854298642987429884298942990429914299242993429944299542996429974299842999430004300143002430034300443005430064300743008430094301043011430124301343014430154301643017430184301943020430214302243023430244302543026430274302843029430304303143032430334303443035430364303743038430394304043041430424304343044
  1. /*
  2. * # Fomantic UI - 2.8.7
  3. * https://github.com/fomantic/Fomantic-UI
  4. * http://fomantic-ui.com/
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*!
  12. * # Fomantic-UI - Breadcrumb
  13. * http://github.com/fomantic/Fomantic-UI/
  14. *
  15. *
  16. * Released under the MIT license
  17. * http://opensource.org/licenses/MIT
  18. *
  19. */
  20. /*******************************
  21. Breadcrumb
  22. *******************************/
  23. .ui.breadcrumb {
  24. line-height: 1.4285em;
  25. display: inline-block;
  26. margin: 0 0;
  27. vertical-align: middle;
  28. }
  29. .ui.breadcrumb:first-child {
  30. margin-top: 0;
  31. }
  32. .ui.breadcrumb:last-child {
  33. margin-bottom: 0;
  34. }
  35. /*******************************
  36. Content
  37. *******************************/
  38. /* Divider */
  39. .ui.breadcrumb .divider {
  40. display: inline-block;
  41. opacity: 0.7;
  42. margin: 0 0.21428571rem 0;
  43. font-size: 0.92857143em;
  44. color: rgba(0, 0, 0, 0.4);
  45. vertical-align: baseline;
  46. }
  47. /* Link */
  48. .ui.breadcrumb a {
  49. color: #4183C4;
  50. }
  51. .ui.breadcrumb a:hover {
  52. color: #1e70bf;
  53. }
  54. /* Icon Divider */
  55. .ui.breadcrumb .icon.divider {
  56. font-size: 0.85714286em;
  57. vertical-align: baseline;
  58. }
  59. /* Section */
  60. .ui.breadcrumb a.section {
  61. cursor: pointer;
  62. }
  63. .ui.breadcrumb .section {
  64. display: inline-block;
  65. margin: 0;
  66. padding: 0;
  67. }
  68. /* Loose Coupling */
  69. .ui.breadcrumb.segment {
  70. display: inline-block;
  71. padding: 0.78571429em 1em;
  72. }
  73. /* Inverted */
  74. .ui.inverted.breadcrumb {
  75. color: #DCDDDE;
  76. }
  77. .ui.inverted.breadcrumb > .active.section {
  78. color: #FFFFFF;
  79. }
  80. .ui.inverted.breadcrumb > .divider {
  81. color: rgba(255, 255, 255, 0.7);
  82. }
  83. /*******************************
  84. States
  85. *******************************/
  86. .ui.breadcrumb .active.section {
  87. font-weight: 500;
  88. }
  89. /*******************************
  90. Variations
  91. *******************************/
  92. .ui.breadcrumb {
  93. font-size: 1rem;
  94. }
  95. .ui.mini.breadcrumb {
  96. font-size: 0.78571429rem;
  97. }
  98. .ui.tiny.breadcrumb {
  99. font-size: 0.85714286rem;
  100. }
  101. .ui.small.breadcrumb {
  102. font-size: 0.92857143rem;
  103. }
  104. .ui.large.breadcrumb {
  105. font-size: 1.14285714rem;
  106. }
  107. .ui.big.breadcrumb {
  108. font-size: 1.28571429rem;
  109. }
  110. .ui.huge.breadcrumb {
  111. font-size: 1.42857143rem;
  112. }
  113. .ui.massive.breadcrumb {
  114. font-size: 1.71428571rem;
  115. }
  116. /*******************************
  117. Theme Overrides
  118. *******************************/
  119. /*******************************
  120. Site Overrides
  121. *******************************/
  122. /*!
  123. * # Fomantic-UI - Button
  124. * http://github.com/fomantic/Fomantic-UI/
  125. *
  126. *
  127. * Released under the MIT license
  128. * http://opensource.org/licenses/MIT
  129. *
  130. */
  131. /*******************************
  132. Button
  133. *******************************/
  134. .ui.button {
  135. cursor: pointer;
  136. display: inline-block;
  137. min-height: 1em;
  138. outline: none;
  139. border: none;
  140. vertical-align: baseline;
  141. background: #E0E1E2 none;
  142. color: rgba(0, 0, 0, 0.6);
  143. font-family: var(--fonts-regular);
  144. margin: 0 0.25em 0 0;
  145. padding: 0.78571429em 1.5em 0.78571429em;
  146. text-transform: none;
  147. text-shadow: none;
  148. font-weight: 500;
  149. line-height: 1em;
  150. font-style: normal;
  151. text-align: center;
  152. text-decoration: none;
  153. border-radius: 0.28571429rem;
  154. box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  155. -webkit-user-select: none;
  156. -moz-user-select: none;
  157. user-select: none;
  158. transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  159. will-change: auto;
  160. -webkit-tap-highlight-color: transparent;
  161. }
  162. /*******************************
  163. States
  164. *******************************/
  165. /*--------------
  166. Hover
  167. ---------------*/
  168. .ui.button:hover {
  169. background-color: #CACBCD;
  170. background-image: none;
  171. box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  172. color: rgba(0, 0, 0, 0.8);
  173. }
  174. .ui.button:hover .icon {
  175. opacity: 0.85;
  176. }
  177. /*--------------
  178. Focus
  179. ---------------*/
  180. .ui.button:focus {
  181. background-color: #CACBCD;
  182. color: rgba(0, 0, 0, 0.8);
  183. background-image: none;
  184. box-shadow: '';
  185. }
  186. .ui.button:focus .icon {
  187. opacity: 0.85;
  188. }
  189. /*--------------
  190. Down
  191. ---------------*/
  192. .ui.button:active,
  193. .ui.active.button:active {
  194. background-color: #BABBBC;
  195. background-image: '';
  196. color: rgba(0, 0, 0, 0.9);
  197. box-shadow: 0 0 0 1px transparent inset, none;
  198. }
  199. /*--------------
  200. Active
  201. ---------------*/
  202. .ui.active.button {
  203. background-color: #C0C1C2;
  204. background-image: none;
  205. box-shadow: 0 0 0 1px transparent inset;
  206. color: rgba(0, 0, 0, 0.95);
  207. }
  208. .ui.active.button:hover {
  209. background-color: #C0C1C2;
  210. background-image: none;
  211. color: rgba(0, 0, 0, 0.95);
  212. }
  213. .ui.active.button:active {
  214. background-color: #C0C1C2;
  215. background-image: none;
  216. }
  217. /*--------------
  218. Loading
  219. ---------------*/
  220. /* Specificity hack */
  221. .ui.loading.loading.loading.loading.loading.loading.button {
  222. position: relative;
  223. cursor: default;
  224. text-shadow: none !important;
  225. color: transparent;
  226. opacity: 1;
  227. pointer-events: auto;
  228. transition: all 0s linear, opacity 0.1s ease;
  229. }
  230. .ui.loading.button:before {
  231. position: absolute;
  232. content: '';
  233. top: 50%;
  234. left: 50%;
  235. margin: -0.64285714em 0 0 -0.64285714em;
  236. width: 1.28571429em;
  237. height: 1.28571429em;
  238. border-radius: 500rem;
  239. border: 0.2em solid rgba(0, 0, 0, 0.15);
  240. }
  241. .ui.loading.button:after {
  242. position: absolute;
  243. content: '';
  244. top: 50%;
  245. left: 50%;
  246. margin: -0.64285714em 0 0 -0.64285714em;
  247. width: 1.28571429em;
  248. height: 1.28571429em;
  249. border-radius: 500rem;
  250. -webkit-animation: loader 0.6s infinite linear;
  251. animation: loader 0.6s infinite linear;
  252. border: 0.2em solid currentColor;
  253. color: #FFFFFF;
  254. box-shadow: 0 0 0 1px transparent;
  255. }
  256. .ui.labeled.icon.loading.button .icon {
  257. background-color: transparent;
  258. box-shadow: none;
  259. }
  260. .ui.basic.loading.button:not(.inverted):before {
  261. border-color: rgba(0, 0, 0, 0.1);
  262. }
  263. .ui.basic.loading.button:not(.inverted):after {
  264. border-color: #767676;
  265. }
  266. /*-------------------
  267. Disabled
  268. --------------------*/
  269. .ui.buttons .disabled.button:not(.basic),
  270. .ui.disabled.button,
  271. .ui.button:disabled,
  272. .ui.disabled.button:hover,
  273. .ui.disabled.active.button {
  274. cursor: default;
  275. opacity: var(--opacity-disabled) !important;
  276. background-image: none;
  277. box-shadow: none;
  278. pointer-events: none !important;
  279. }
  280. /* Basic Group With Disabled */
  281. .ui.basic.buttons .ui.disabled.button {
  282. border-color: rgba(34, 36, 38, 0.5);
  283. }
  284. /*******************************
  285. Types
  286. *******************************/
  287. /*-------------------
  288. Animated
  289. --------------------*/
  290. .ui.animated.button {
  291. position: relative;
  292. overflow: hidden;
  293. padding-right: 0 !important;
  294. vertical-align: middle;
  295. z-index: 1;
  296. }
  297. .ui.animated.button .content {
  298. will-change: transform, opacity;
  299. }
  300. .ui.animated.button .visible.content {
  301. position: relative;
  302. margin-right: 1.5em;
  303. }
  304. .ui.animated.button .hidden.content {
  305. position: absolute;
  306. width: 100%;
  307. }
  308. /* Horizontal */
  309. .ui.animated.button .visible.content,
  310. .ui.animated.button .hidden.content {
  311. transition: right 0.3s ease 0s;
  312. }
  313. .ui.animated.button .visible.content {
  314. left: auto;
  315. right: 0;
  316. }
  317. .ui.animated.button .hidden.content {
  318. top: 50%;
  319. left: auto;
  320. right: -100%;
  321. margin-top: -0.5em;
  322. }
  323. .ui.animated.button:focus .visible.content,
  324. .ui.animated.button:hover .visible.content {
  325. left: auto;
  326. right: 200%;
  327. }
  328. .ui.animated.button:focus .hidden.content,
  329. .ui.animated.button:hover .hidden.content {
  330. left: auto;
  331. right: 0;
  332. }
  333. /* Vertical */
  334. .ui.vertical.animated.button .visible.content,
  335. .ui.vertical.animated.button .hidden.content {
  336. transition: top 0.3s ease, transform 0.3s ease;
  337. }
  338. .ui.vertical.animated.button .visible.content {
  339. transform: translateY(0%);
  340. right: auto;
  341. }
  342. .ui.vertical.animated.button .hidden.content {
  343. top: -50%;
  344. left: 0;
  345. right: auto;
  346. }
  347. .ui.vertical.animated.button:focus .visible.content,
  348. .ui.vertical.animated.button:hover .visible.content {
  349. transform: translateY(200%);
  350. right: auto;
  351. }
  352. .ui.vertical.animated.button:focus .hidden.content,
  353. .ui.vertical.animated.button:hover .hidden.content {
  354. top: 50%;
  355. right: auto;
  356. }
  357. /* Fade */
  358. .ui.fade.animated.button .visible.content,
  359. .ui.fade.animated.button .hidden.content {
  360. transition: opacity 0.3s ease, transform 0.3s ease;
  361. }
  362. .ui.fade.animated.button .visible.content {
  363. left: auto;
  364. right: auto;
  365. opacity: 1;
  366. transform: scale(1);
  367. }
  368. .ui.fade.animated.button .hidden.content {
  369. opacity: 0;
  370. left: 0;
  371. right: auto;
  372. transform: scale(1.5);
  373. }
  374. .ui.fade.animated.button:focus .visible.content,
  375. .ui.fade.animated.button:hover .visible.content {
  376. left: auto;
  377. right: auto;
  378. opacity: 0;
  379. transform: scale(0.75);
  380. }
  381. .ui.fade.animated.button:focus .hidden.content,
  382. .ui.fade.animated.button:hover .hidden.content {
  383. left: 0;
  384. right: auto;
  385. opacity: 1;
  386. transform: scale(1);
  387. }
  388. /*-------------------
  389. Inverted
  390. --------------------*/
  391. .ui.inverted.button {
  392. box-shadow: 0 0 0 2px #FFFFFF inset;
  393. background: transparent none;
  394. color: #FFFFFF;
  395. text-shadow: none !important;
  396. }
  397. /* Group */
  398. .ui.inverted.buttons .button {
  399. margin: 0 0 0 -2px;
  400. }
  401. .ui.inverted.buttons .button:first-child {
  402. margin-left: 0;
  403. }
  404. .ui.inverted.vertical.buttons .button {
  405. margin: 0 0 -2px 0;
  406. }
  407. .ui.inverted.vertical.buttons .button:first-child {
  408. margin-top: 0;
  409. }
  410. /* States */
  411. /* Hover */
  412. .ui.inverted.button:hover {
  413. background: #FFFFFF;
  414. box-shadow: 0 0 0 2px #FFFFFF inset;
  415. color: rgba(0, 0, 0, 0.8);
  416. }
  417. /* Active / Focus */
  418. .ui.inverted.button:focus,
  419. .ui.inverted.button.active {
  420. background: #FFFFFF;
  421. box-shadow: 0 0 0 2px #FFFFFF inset;
  422. color: rgba(0, 0, 0, 0.8);
  423. }
  424. /* Active Focus */
  425. .ui.inverted.button.active:focus {
  426. background: #DCDDDE;
  427. box-shadow: 0 0 0 2px #DCDDDE inset;
  428. color: rgba(0, 0, 0, 0.8);
  429. }
  430. /*-------------------
  431. Labeled Button
  432. --------------------*/
  433. .ui.labeled.button:not(.icon) {
  434. display: inline-flex;
  435. flex-direction: row;
  436. background: none;
  437. padding: 0 !important;
  438. border: none;
  439. box-shadow: none;
  440. }
  441. .ui.labeled.button > .button {
  442. margin: 0;
  443. }
  444. .ui.labeled.button > .label {
  445. display: flex;
  446. align-items: center;
  447. margin: 0 0 0 -1px !important;
  448. font-size: 1em;
  449. padding: '';
  450. border-color: rgba(34, 36, 38, 0.15);
  451. }
  452. /* Tag */
  453. .ui.labeled.button > .tag.label:before {
  454. width: 1.85em;
  455. height: 1.85em;
  456. }
  457. /* Right */
  458. .ui.labeled.button:not([class*="left labeled"]) > .button {
  459. border-top-right-radius: 0;
  460. border-bottom-right-radius: 0;
  461. }
  462. .ui.labeled.button:not([class*="left labeled"]) > .label {
  463. border-top-left-radius: 0;
  464. border-bottom-left-radius: 0;
  465. }
  466. /* Left Side */
  467. .ui[class*="left labeled"].button > .button {
  468. border-top-left-radius: 0;
  469. border-bottom-left-radius: 0;
  470. }
  471. .ui[class*="left labeled"].button > .label {
  472. border-top-right-radius: 0;
  473. border-bottom-right-radius: 0;
  474. }
  475. /*-------------------
  476. Social
  477. --------------------*/
  478. /* Facebook */
  479. .ui.facebook.button {
  480. background-color: #3B5998;
  481. color: #FFFFFF;
  482. text-shadow: none;
  483. background-image: none;
  484. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  485. }
  486. .ui.facebook.button:hover {
  487. background-color: #304d8a;
  488. color: #FFFFFF;
  489. text-shadow: none;
  490. }
  491. .ui.facebook.button:active {
  492. background-color: #2d4373;
  493. color: #FFFFFF;
  494. text-shadow: none;
  495. }
  496. /* Twitter */
  497. .ui.twitter.button {
  498. background-color: #1DA1F2;
  499. color: #FFFFFF;
  500. text-shadow: none;
  501. background-image: none;
  502. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  503. }
  504. .ui.twitter.button:hover {
  505. background-color: #0298f3;
  506. color: #FFFFFF;
  507. text-shadow: none;
  508. }
  509. .ui.twitter.button:active {
  510. background-color: #0c85d0;
  511. color: #FFFFFF;
  512. text-shadow: none;
  513. }
  514. /* Google Plus */
  515. .ui.google.plus.button {
  516. background-color: #DD4B39;
  517. color: #FFFFFF;
  518. text-shadow: none;
  519. background-image: none;
  520. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  521. }
  522. .ui.google.plus.button:hover {
  523. background-color: #e0321c;
  524. color: #FFFFFF;
  525. text-shadow: none;
  526. }
  527. .ui.google.plus.button:active {
  528. background-color: #c23321;
  529. color: #FFFFFF;
  530. text-shadow: none;
  531. }
  532. /* Linked In */
  533. .ui.linkedin.button {
  534. background-color: #0077B5;
  535. color: #FFFFFF;
  536. text-shadow: none;
  537. }
  538. .ui.linkedin.button:hover {
  539. background-color: #00669c;
  540. color: #FFFFFF;
  541. text-shadow: none;
  542. }
  543. .ui.linkedin.button:active {
  544. background-color: #005582;
  545. color: #FFFFFF;
  546. text-shadow: none;
  547. }
  548. /* YouTube */
  549. .ui.youtube.button {
  550. background-color: #FF0000;
  551. color: #FFFFFF;
  552. text-shadow: none;
  553. background-image: none;
  554. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  555. }
  556. .ui.youtube.button:hover {
  557. background-color: #e60000;
  558. color: #FFFFFF;
  559. text-shadow: none;
  560. }
  561. .ui.youtube.button:active {
  562. background-color: #cc0000;
  563. color: #FFFFFF;
  564. text-shadow: none;
  565. }
  566. /* Instagram */
  567. .ui.instagram.button {
  568. background-color: #49769C;
  569. color: #FFFFFF;
  570. text-shadow: none;
  571. background-image: none;
  572. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  573. }
  574. .ui.instagram.button:hover {
  575. background-color: #3d698e;
  576. color: #FFFFFF;
  577. text-shadow: none;
  578. }
  579. .ui.instagram.button:active {
  580. background-color: #395c79;
  581. color: #FFFFFF;
  582. text-shadow: none;
  583. }
  584. /* Pinterest */
  585. .ui.pinterest.button {
  586. background-color: #BD081C;
  587. color: #FFFFFF;
  588. text-shadow: none;
  589. background-image: none;
  590. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  591. }
  592. .ui.pinterest.button:hover {
  593. background-color: #ac0013;
  594. color: #FFFFFF;
  595. text-shadow: none;
  596. }
  597. .ui.pinterest.button:active {
  598. background-color: #8c0615;
  599. color: #FFFFFF;
  600. text-shadow: none;
  601. }
  602. /* VK */
  603. .ui.vk.button {
  604. background-color: #45668E;
  605. color: #FFFFFF;
  606. background-image: none;
  607. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  608. }
  609. .ui.vk.button:hover {
  610. background-color: #395980;
  611. color: #FFFFFF;
  612. }
  613. .ui.vk.button:active {
  614. background-color: #344d6c;
  615. color: #FFFFFF;
  616. }
  617. /* WhatsApp */
  618. .ui.whatsapp.button {
  619. background-color: #25D366;
  620. color: #FFFFFF;
  621. background-image: none;
  622. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  623. }
  624. .ui.whatsapp.button:hover {
  625. background-color: #19c55a;
  626. color: #FFFFFF;
  627. }
  628. .ui.whatsapp.button:active {
  629. background-color: #1da851;
  630. color: #FFFFFF;
  631. }
  632. /* Telegram */
  633. .ui.telegram.button {
  634. background-color: #0088CC;
  635. color: #FFFFFF;
  636. background-image: none;
  637. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  638. }
  639. .ui.telegram.button:hover {
  640. background-color: #0077b3;
  641. color: #FFFFFF;
  642. }
  643. .ui.telegram.button:active {
  644. background-color: #006699;
  645. color: #FFFFFF;
  646. }
  647. /*--------------
  648. Icon
  649. ---------------*/
  650. .ui.button > .icon:not(.button) {
  651. height: auto;
  652. opacity: 0.8;
  653. transition: opacity 0.1s ease;
  654. color: '';
  655. }
  656. .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
  657. .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
  658. margin: 0 0.42857143em 0 -0.21428571em;
  659. vertical-align: baseline;
  660. }
  661. .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon {
  662. vertical-align: baseline;
  663. }
  664. .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  665. margin: 0 -0.21428571em 0 0.42857143em;
  666. }
  667. /*******************************
  668. Variations
  669. *******************************/
  670. /*-------------------
  671. Floated
  672. --------------------*/
  673. .ui[class*="left floated"].buttons,
  674. .ui[class*="left floated"].button {
  675. float: left;
  676. margin-left: 0;
  677. margin-right: 0.25em;
  678. }
  679. .ui[class*="right floated"].buttons,
  680. .ui[class*="right floated"].button {
  681. float: right;
  682. margin-right: 0;
  683. margin-left: 0.25em;
  684. }
  685. /*-------------------
  686. Compact
  687. --------------------*/
  688. .ui.compact.buttons .button,
  689. .ui.compact.button {
  690. padding: 0.58928571em 1.125em 0.58928571em;
  691. }
  692. .ui.compact.icon.buttons .button,
  693. .ui.compact.icon.button {
  694. padding: 0.58928571em 0.58928571em 0.58928571em;
  695. }
  696. .ui.compact.labeled.icon.buttons .button,
  697. .ui.compact.labeled.icon.button {
  698. padding: 0.58928571em 3.69642857em 0.58928571em;
  699. }
  700. .ui.compact.labeled.icon.buttons .button > .icon,
  701. .ui.compact.labeled.icon.button > .icon {
  702. padding: 0.58928571em 0 0.58928571em 0;
  703. }
  704. /*-------------------
  705. Sizes
  706. --------------------*/
  707. .ui.buttons .button,
  708. .ui.buttons .or,
  709. .ui.button {
  710. font-size: 1rem;
  711. }
  712. .ui.mini.buttons .dropdown,
  713. .ui.mini.buttons .dropdown .menu > .item,
  714. .ui.mini.buttons .button,
  715. .ui.mini.buttons .or,
  716. .ui.ui.ui.ui.mini.button {
  717. font-size: 0.78571429rem;
  718. }
  719. .ui.tiny.buttons .dropdown,
  720. .ui.tiny.buttons .dropdown .menu > .item,
  721. .ui.tiny.buttons .button,
  722. .ui.tiny.buttons .or,
  723. .ui.ui.ui.ui.tiny.button {
  724. font-size: 0.85714286rem;
  725. }
  726. .ui.small.buttons .dropdown,
  727. .ui.small.buttons .dropdown .menu > .item,
  728. .ui.small.buttons .button,
  729. .ui.small.buttons .or,
  730. .ui.ui.ui.ui.small.button {
  731. font-size: 0.92857143rem;
  732. }
  733. .ui.large.buttons .dropdown,
  734. .ui.large.buttons .dropdown .menu > .item,
  735. .ui.large.buttons .button,
  736. .ui.large.buttons .or,
  737. .ui.ui.ui.ui.large.button {
  738. font-size: 1.14285714rem;
  739. }
  740. .ui.big.buttons .dropdown,
  741. .ui.big.buttons .dropdown .menu > .item,
  742. .ui.big.buttons .button,
  743. .ui.big.buttons .or,
  744. .ui.ui.ui.ui.big.button {
  745. font-size: 1.28571429rem;
  746. }
  747. .ui.huge.buttons .dropdown,
  748. .ui.huge.buttons .dropdown .menu > .item,
  749. .ui.huge.buttons .button,
  750. .ui.huge.buttons .or,
  751. .ui.ui.ui.ui.huge.button {
  752. font-size: 1.42857143rem;
  753. }
  754. .ui.massive.buttons .dropdown,
  755. .ui.massive.buttons .dropdown .menu > .item,
  756. .ui.massive.buttons .button,
  757. .ui.massive.buttons .or,
  758. .ui.ui.ui.ui.massive.button {
  759. font-size: 1.71428571rem;
  760. }
  761. /*--------------
  762. Icon Only
  763. ---------------*/
  764. .ui.icon.buttons .button,
  765. .ui.icon.button:not(.animated):not(.compact) {
  766. padding: 0.78571429em 0.78571429em 0.78571429em;
  767. }
  768. .ui.animated.icon.button > .content > .icon,
  769. .ui.icon.buttons .button > .icon,
  770. .ui.icon.button > .icon {
  771. opacity: 0.9;
  772. margin: 0 !important;
  773. vertical-align: top;
  774. }
  775. .ui.animated.button > .content > .icon {
  776. vertical-align: top;
  777. }
  778. /*-------------------
  779. Basic
  780. --------------------*/
  781. .ui.basic.buttons .button,
  782. .ui.basic.button {
  783. background: transparent none;
  784. color: rgba(0, 0, 0, 0.6);
  785. font-weight: normal;
  786. border-radius: 0.28571429rem;
  787. text-transform: none;
  788. text-shadow: none !important;
  789. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  790. }
  791. .ui.basic.buttons {
  792. box-shadow: none;
  793. border: 1px solid rgba(34, 36, 38, 0.15);
  794. border-radius: 0.28571429rem;
  795. }
  796. .ui.basic.buttons .button {
  797. border-radius: 0;
  798. }
  799. .ui.basic.buttons .button:hover,
  800. .ui.basic.button:hover {
  801. background: #FFFFFF;
  802. color: rgba(0, 0, 0, 0.8);
  803. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  804. }
  805. .ui.basic.buttons .button:focus,
  806. .ui.basic.button:focus {
  807. background: #FFFFFF;
  808. color: rgba(0, 0, 0, 0.8);
  809. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  810. }
  811. .ui.basic.buttons .button:active,
  812. .ui.basic.button:active {
  813. background: #F8F8F8;
  814. color: rgba(0, 0, 0, 0.9);
  815. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
  816. }
  817. .ui.basic.buttons .active.button,
  818. .ui.basic.active.button {
  819. background: rgba(0, 0, 0, 0.05);
  820. box-shadow: '';
  821. color: rgba(0, 0, 0, 0.95);
  822. }
  823. .ui.basic.buttons .active.button:hover,
  824. .ui.basic.active.button:hover {
  825. background-color: rgba(0, 0, 0, 0.05);
  826. }
  827. /* Vertical */
  828. .ui.basic.buttons .button:hover {
  829. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
  830. }
  831. .ui.basic.buttons .button:active {
  832. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
  833. }
  834. .ui.basic.buttons .active.button {
  835. box-shadow: '';
  836. }
  837. /* Standard Basic Inverted */
  838. .ui.basic.inverted.buttons .button,
  839. .ui.basic.inverted.button {
  840. background-color: transparent;
  841. color: #F9FAFB;
  842. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  843. }
  844. .ui.basic.inverted.buttons .button:hover,
  845. .ui.basic.inverted.button:hover {
  846. color: #FFFFFF;
  847. box-shadow: 0 0 0 2px #ffffff inset;
  848. }
  849. .ui.basic.inverted.buttons .button:focus,
  850. .ui.basic.inverted.button:focus {
  851. color: #FFFFFF;
  852. box-shadow: 0 0 0 2px #ffffff inset;
  853. }
  854. .ui.basic.inverted.buttons .button:active,
  855. .ui.basic.inverted.button:active {
  856. background-color: rgba(255, 255, 255, 0.08);
  857. color: #FFFFFF;
  858. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
  859. }
  860. .ui.basic.inverted.buttons .active.button,
  861. .ui.basic.inverted.active.button {
  862. background-color: rgba(255, 255, 255, 0.08);
  863. color: #FFFFFF;
  864. text-shadow: none;
  865. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
  866. }
  867. .ui.basic.inverted.buttons .active.button:hover,
  868. .ui.basic.inverted.active.button:hover {
  869. background-color: rgba(255, 255, 255, 0.15);
  870. box-shadow: 0 0 0 2px #ffffff inset;
  871. }
  872. /* Basic Group */
  873. .ui.basic.buttons .button {
  874. border-left: 1px solid rgba(34, 36, 38, 0.15);
  875. box-shadow: none;
  876. }
  877. .ui.basic.vertical.buttons .button {
  878. border-left: none;
  879. border-left-width: 0;
  880. border-top: 1px solid rgba(34, 36, 38, 0.15);
  881. }
  882. .ui.basic.vertical.buttons .button:first-child {
  883. border-top-width: 0;
  884. }
  885. /*-------------------
  886. Tertiary
  887. --------------------*/
  888. /* Overline Mixin */
  889. .ui.tertiary.button {
  890. transition: color 0.1s ease !important;
  891. border-radius: 0;
  892. margin: 0.28571429em 0.25em 0.28571429em 0 !important;
  893. padding: 0.5em !important;
  894. box-shadow: none;
  895. color: rgba(0, 0, 0, 0.6);
  896. background: none;
  897. }
  898. .ui.tertiary.button:hover {
  899. box-shadow: inset 0 -0.2em 0 #666666;
  900. color: #333333;
  901. background: none;
  902. }
  903. .ui.tertiary.button:focus {
  904. box-shadow: inset 0 -0.2em 0 #666666;
  905. color: #333333;
  906. background: none;
  907. }
  908. .ui.tertiary.button:active {
  909. box-shadow: inset 0 -0.2em 0 #999999;
  910. border-radius: 0.28571429rem 0.28571429rem 0 0;
  911. color: #666666;
  912. background: none;
  913. }
  914. /*--------------
  915. Labeled Icon
  916. ---------------*/
  917. .ui.labeled.icon.buttons .button,
  918. .ui.labeled.icon.button {
  919. position: relative;
  920. padding-left: 4.07142857em !important;
  921. padding-right: 1.5em !important;
  922. }
  923. /* Left Labeled */
  924. .ui.labeled.icon.buttons > .button > .icon,
  925. .ui.labeled.icon.button > .icon {
  926. position: absolute;
  927. top: 0;
  928. left: 0;
  929. height: 100%;
  930. line-height: 1;
  931. border-radius: 0;
  932. border-top-left-radius: inherit;
  933. border-bottom-left-radius: inherit;
  934. text-align: center;
  935. -webkit-animation: none;
  936. animation: none;
  937. padding: 0.78571429em 0 0.78571429em 0;
  938. margin: 0;
  939. width: 2.57142857em;
  940. background-color: rgba(0, 0, 0, 0.05);
  941. color: '';
  942. box-shadow: -1px 0 0 0 transparent inset;
  943. }
  944. /* Right Labeled */
  945. .ui[class*="right labeled"].icon.button {
  946. padding-right: 4.07142857em !important;
  947. padding-left: 1.5em !important;
  948. }
  949. .ui[class*="right labeled"].icon.button > .icon {
  950. left: auto;
  951. right: 0;
  952. border-radius: 0;
  953. border-top-right-radius: inherit;
  954. border-bottom-right-radius: inherit;
  955. box-shadow: 1px 0 0 0 transparent inset;
  956. }
  957. .ui.labeled.icon.buttons > .button > .icon:before,
  958. .ui.labeled.icon.button > .icon:before,
  959. .ui.labeled.icon.buttons > .button > .icon:after,
  960. .ui.labeled.icon.button > .icon:after {
  961. display: block;
  962. position: relative;
  963. width: 100%;
  964. top: 0;
  965. text-align: center;
  966. }
  967. .ui.labeled.icon.buttons .button > .icon {
  968. border-radius: 0;
  969. }
  970. .ui.labeled.icon.buttons .button:first-child > .icon {
  971. border-top-left-radius: 0.28571429rem;
  972. border-bottom-left-radius: 0.28571429rem;
  973. }
  974. .ui.labeled.icon.buttons .button:last-child > .icon {
  975. border-top-right-radius: 0.28571429rem;
  976. border-bottom-right-radius: 0.28571429rem;
  977. }
  978. .ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  979. border-radius: 0;
  980. border-top-left-radius: 0.28571429rem;
  981. }
  982. .ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  983. border-radius: 0;
  984. border-bottom-left-radius: 0.28571429rem;
  985. }
  986. /* Loading Icon in Labeled Button */
  987. .ui.labeled.icon.button > .loading.icon:before {
  988. -webkit-animation: loader 2s linear infinite;
  989. animation: loader 2s linear infinite;
  990. }
  991. /*--------------
  992. Toggle
  993. ---------------*/
  994. /* Toggle (Modifies active state to give affordances) */
  995. .ui.toggle.buttons .active.button,
  996. .ui.buttons .button.toggle.active,
  997. .ui.button.toggle.active {
  998. background-color: #21BA45;
  999. box-shadow: none;
  1000. text-shadow: none;
  1001. color: #FFFFFF;
  1002. }
  1003. .ui.button.toggle.active:hover {
  1004. background-color: #16ab39;
  1005. text-shadow: none;
  1006. color: #FFFFFF;
  1007. }
  1008. /*--------------
  1009. Circular
  1010. ---------------*/
  1011. .ui.circular.button {
  1012. border-radius: 10em;
  1013. }
  1014. .ui.circular.button > .icon {
  1015. width: 1em;
  1016. vertical-align: baseline;
  1017. }
  1018. /*-------------------
  1019. Or Buttons
  1020. --------------------*/
  1021. .ui.buttons .or {
  1022. position: relative;
  1023. width: 0.3em;
  1024. height: 2.57142857em;
  1025. z-index: 3;
  1026. }
  1027. .ui.buttons .or:before {
  1028. position: absolute;
  1029. text-align: center;
  1030. border-radius: 500rem;
  1031. content: 'or';
  1032. top: 50%;
  1033. left: 50%;
  1034. background-color: #FFFFFF;
  1035. text-shadow: none;
  1036. margin-top: -0.89285714em;
  1037. margin-left: -0.89285714em;
  1038. width: 1.78571429em;
  1039. height: 1.78571429em;
  1040. line-height: 1.78571429em;
  1041. color: rgba(0, 0, 0, 0.4);
  1042. font-style: normal;
  1043. font-weight: 500;
  1044. box-shadow: 0 0 0 1px transparent inset;
  1045. }
  1046. .ui.buttons .or[data-text]:before {
  1047. content: attr(data-text);
  1048. }
  1049. /* Fluid Or */
  1050. .ui.fluid.buttons .or {
  1051. width: 0 !important;
  1052. }
  1053. .ui.fluid.buttons .or:after {
  1054. display: none;
  1055. }
  1056. /*-------------------
  1057. Attached
  1058. --------------------*/
  1059. /* Singular */
  1060. .ui.attached.button {
  1061. position: relative;
  1062. display: block;
  1063. margin: 0;
  1064. border-radius: 0;
  1065. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
  1066. }
  1067. /* Top / Bottom */
  1068. .ui.attached.top.button {
  1069. border-radius: 0.28571429rem 0.28571429rem 0 0;
  1070. }
  1071. .ui.attached.bottom.button {
  1072. border-radius: 0 0 0.28571429rem 0.28571429rem;
  1073. }
  1074. /* Left / Right */
  1075. .ui.left.attached.button {
  1076. display: inline-block;
  1077. border-left: none;
  1078. text-align: right;
  1079. padding-right: 0.75em;
  1080. border-radius: 0.28571429rem 0 0 0.28571429rem;
  1081. }
  1082. .ui.right.attached.button {
  1083. display: inline-block;
  1084. text-align: left;
  1085. padding-left: 0.75em;
  1086. border-radius: 0 0.28571429rem 0.28571429rem 0;
  1087. }
  1088. /* Plural */
  1089. .ui.attached.buttons {
  1090. position: relative;
  1091. display: flex;
  1092. border-radius: 0;
  1093. width: auto !important;
  1094. z-index: auto;
  1095. margin-left: -1px;
  1096. margin-right: -1px;
  1097. }
  1098. .ui.attached.buttons .button {
  1099. margin: 0;
  1100. }
  1101. .ui.attached.buttons .button:first-child {
  1102. border-radius: 0;
  1103. }
  1104. .ui.attached.buttons .button:last-child {
  1105. border-radius: 0;
  1106. }
  1107. /* Top / Bottom */
  1108. .ui[class*="top attached"].buttons {
  1109. margin-bottom: -1px;
  1110. border-radius: 0.28571429rem 0.28571429rem 0 0;
  1111. }
  1112. .ui[class*="top attached"].buttons .button:first-child {
  1113. border-radius: 0.28571429rem 0 0 0;
  1114. }
  1115. .ui[class*="top attached"].buttons .button:last-child {
  1116. border-radius: 0 0.28571429rem 0 0;
  1117. }
  1118. .ui[class*="bottom attached"].buttons {
  1119. margin-top: -1px;
  1120. border-radius: 0 0 0.28571429rem 0.28571429rem;
  1121. }
  1122. .ui[class*="bottom attached"].buttons .button:first-child {
  1123. border-radius: 0 0 0 0.28571429rem;
  1124. }
  1125. .ui[class*="bottom attached"].buttons .button:last-child {
  1126. border-radius: 0 0 0.28571429rem 0;
  1127. }
  1128. /* Left / Right */
  1129. .ui[class*="left attached"].buttons {
  1130. display: inline-flex;
  1131. margin-right: 0;
  1132. margin-left: -1px;
  1133. border-radius: 0 0.28571429rem 0.28571429rem 0;
  1134. }
  1135. .ui[class*="left attached"].buttons .button:first-child {
  1136. margin-left: -1px;
  1137. border-radius: 0 0.28571429rem 0 0;
  1138. }
  1139. .ui[class*="left attached"].buttons .button:last-child {
  1140. margin-left: -1px;
  1141. border-radius: 0 0 0.28571429rem 0;
  1142. }
  1143. .ui[class*="right attached"].buttons {
  1144. display: inline-flex;
  1145. margin-left: 0;
  1146. margin-right: -1px;
  1147. border-radius: 0.28571429rem 0 0 0.28571429rem;
  1148. }
  1149. .ui[class*="right attached"].buttons .button:first-child {
  1150. margin-left: -1px;
  1151. border-radius: 0.28571429rem 0 0 0;
  1152. }
  1153. .ui[class*="right attached"].buttons .button:last-child {
  1154. margin-left: -1px;
  1155. border-radius: 0 0 0 0.28571429rem;
  1156. }
  1157. /*-------------------
  1158. Fluid
  1159. --------------------*/
  1160. .ui.fluid.buttons,
  1161. .ui.fluid.button {
  1162. width: 100%;
  1163. }
  1164. .ui.fluid.button {
  1165. display: block;
  1166. }
  1167. .ui.two.buttons {
  1168. width: 100%;
  1169. }
  1170. .ui.two.buttons > .button {
  1171. width: 50%;
  1172. }
  1173. .ui.three.buttons {
  1174. width: 100%;
  1175. }
  1176. .ui.three.buttons > .button {
  1177. width: 33.333%;
  1178. }
  1179. .ui.four.buttons {
  1180. width: 100%;
  1181. }
  1182. .ui.four.buttons > .button {
  1183. width: 25%;
  1184. }
  1185. .ui.five.buttons {
  1186. width: 100%;
  1187. }
  1188. .ui.five.buttons > .button {
  1189. width: 20%;
  1190. }
  1191. .ui.six.buttons {
  1192. width: 100%;
  1193. }
  1194. .ui.six.buttons > .button {
  1195. width: 16.666%;
  1196. }
  1197. .ui.seven.buttons {
  1198. width: 100%;
  1199. }
  1200. .ui.seven.buttons > .button {
  1201. width: 14.285%;
  1202. }
  1203. .ui.eight.buttons {
  1204. width: 100%;
  1205. }
  1206. .ui.eight.buttons > .button {
  1207. width: 12.5%;
  1208. }
  1209. .ui.nine.buttons {
  1210. width: 100%;
  1211. }
  1212. .ui.nine.buttons > .button {
  1213. width: 11.11%;
  1214. }
  1215. .ui.ten.buttons {
  1216. width: 100%;
  1217. }
  1218. .ui.ten.buttons > .button {
  1219. width: 10%;
  1220. }
  1221. .ui.eleven.buttons {
  1222. width: 100%;
  1223. }
  1224. .ui.eleven.buttons > .button {
  1225. width: 9.09%;
  1226. }
  1227. .ui.twelve.buttons {
  1228. width: 100%;
  1229. }
  1230. .ui.twelve.buttons > .button {
  1231. width: 8.3333%;
  1232. }
  1233. /* Fluid Vertical Buttons */
  1234. .ui.fluid.vertical.buttons,
  1235. .ui.fluid.vertical.buttons > .button {
  1236. display: flex;
  1237. width: auto;
  1238. justify-content: center;
  1239. }
  1240. .ui.two.vertical.buttons > .button {
  1241. height: 50%;
  1242. }
  1243. .ui.three.vertical.buttons > .button {
  1244. height: 33.333%;
  1245. }
  1246. .ui.four.vertical.buttons > .button {
  1247. height: 25%;
  1248. }
  1249. .ui.five.vertical.buttons > .button {
  1250. height: 20%;
  1251. }
  1252. .ui.six.vertical.buttons > .button {
  1253. height: 16.666%;
  1254. }
  1255. .ui.seven.vertical.buttons > .button {
  1256. height: 14.285%;
  1257. }
  1258. .ui.eight.vertical.buttons > .button {
  1259. height: 12.5%;
  1260. }
  1261. .ui.nine.vertical.buttons > .button {
  1262. height: 11.11%;
  1263. }
  1264. .ui.ten.vertical.buttons > .button {
  1265. height: 10%;
  1266. }
  1267. .ui.eleven.vertical.buttons > .button {
  1268. height: 9.09%;
  1269. }
  1270. .ui.twelve.vertical.buttons > .button {
  1271. height: 8.3333%;
  1272. }
  1273. /*-------------------
  1274. Colors
  1275. --------------------*/
  1276. .ui.primary.buttons .button,
  1277. .ui.primary.button {
  1278. background-color: #2185D0;
  1279. color: #FFFFFF;
  1280. text-shadow: none;
  1281. background-image: none;
  1282. }
  1283. .ui.primary.button {
  1284. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  1285. }
  1286. .ui.primary.buttons .button:hover,
  1287. .ui.primary.button:hover {
  1288. background-color: #1678c2;
  1289. color: #FFFFFF;
  1290. text-shadow: none;
  1291. }
  1292. .ui.primary.buttons .button:focus,
  1293. .ui.primary.button:focus {
  1294. background-color: #0d71bb;
  1295. color: #FFFFFF;
  1296. text-shadow: none;
  1297. }
  1298. .ui.primary.buttons .button:active,
  1299. .ui.primary.button:active {
  1300. background-color: #1a69a4;
  1301. color: #FFFFFF;
  1302. text-shadow: none;
  1303. }
  1304. .ui.primary.buttons .active.button,
  1305. .ui.primary.buttons .active.button:active,
  1306. .ui.primary.active.button,
  1307. .ui.primary.button .active.button:active {
  1308. background-color: #1279c6;
  1309. color: #FFFFFF;
  1310. text-shadow: none;
  1311. }
  1312. /* Basic */
  1313. .ui.basic.primary.buttons .button,
  1314. .ui.basic.primary.button {
  1315. background: transparent;
  1316. box-shadow: 0 0 0 1px #2185D0 inset;
  1317. color: #2185D0;
  1318. }
  1319. .ui.basic.primary.buttons .button:hover,
  1320. .ui.basic.primary.button:hover {
  1321. background: transparent;
  1322. box-shadow: 0 0 0 1px #1678c2 inset;
  1323. color: #1678c2;
  1324. }
  1325. .ui.basic.primary.buttons .button:focus,
  1326. .ui.basic.primary.button:focus {
  1327. background: transparent;
  1328. box-shadow: 0 0 0 1px #0d71bb inset;
  1329. color: #1678c2;
  1330. }
  1331. .ui.basic.primary.buttons .active.button,
  1332. .ui.basic.primary.active.button {
  1333. background: transparent;
  1334. box-shadow: 0 0 0 1px #1279c6 inset;
  1335. color: #1a69a4;
  1336. }
  1337. .ui.basic.primary.buttons .button:active,
  1338. .ui.basic.primary.button:active {
  1339. box-shadow: 0 0 0 1px #1a69a4 inset;
  1340. color: #1a69a4;
  1341. }
  1342. .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  1343. margin-left: -1px;
  1344. }
  1345. /* Inverted */
  1346. .ui.inverted.primary.buttons .button,
  1347. .ui.inverted.primary.button {
  1348. background-color: transparent;
  1349. box-shadow: 0 0 0 2px #54C8FF inset;
  1350. color: #54C8FF;
  1351. }
  1352. .ui.inverted.primary.buttons .button:hover,
  1353. .ui.inverted.primary.button:hover,
  1354. .ui.inverted.primary.buttons .button:focus,
  1355. .ui.inverted.primary.button:focus,
  1356. .ui.inverted.primary.buttons .button.active,
  1357. .ui.inverted.primary.button.active,
  1358. .ui.inverted.primary.buttons .button:active,
  1359. .ui.inverted.primary.button:active {
  1360. box-shadow: none;
  1361. color: #FFFFFF;
  1362. }
  1363. .ui.inverted.primary.buttons .button:hover,
  1364. .ui.inverted.primary.button:hover {
  1365. background-color: #21b8ff;
  1366. }
  1367. .ui.inverted.primary.buttons .button:focus,
  1368. .ui.inverted.primary.button:focus {
  1369. background-color: #2bbbff;
  1370. }
  1371. .ui.inverted.primary.buttons .active.button,
  1372. .ui.inverted.primary.active.button {
  1373. background-color: #3ac0ff;
  1374. }
  1375. .ui.inverted.primary.buttons .button:active,
  1376. .ui.inverted.primary.button:active {
  1377. background-color: #21b8ff;
  1378. }
  1379. /* Inverted Basic */
  1380. .ui.inverted.primary.basic.buttons .button,
  1381. .ui.inverted.primary.buttons .basic.button,
  1382. .ui.inverted.primary.basic.button {
  1383. background-color: transparent;
  1384. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  1385. color: #FFFFFF;
  1386. }
  1387. .ui.inverted.primary.basic.buttons .button:hover,
  1388. .ui.inverted.primary.buttons .basic.button:hover,
  1389. .ui.inverted.primary.basic.button:hover {
  1390. box-shadow: 0 0 0 2px #21b8ff inset;
  1391. color: #54C8FF;
  1392. }
  1393. .ui.inverted.primary.basic.buttons .button:focus,
  1394. .ui.inverted.primary.basic.buttons .button:focus,
  1395. .ui.inverted.primary.basic.button:focus {
  1396. box-shadow: 0 0 0 2px #2bbbff inset;
  1397. color: #54C8FF;
  1398. }
  1399. .ui.inverted.primary.basic.buttons .active.button,
  1400. .ui.inverted.primary.buttons .basic.active.button,
  1401. .ui.inverted.primary.basic.active.button {
  1402. box-shadow: 0 0 0 2px #3ac0ff inset;
  1403. color: #54C8FF;
  1404. }
  1405. .ui.inverted.primary.basic.buttons .button:active,
  1406. .ui.inverted.primary.buttons .basic.button:active,
  1407. .ui.inverted.primary.basic.button:active {
  1408. box-shadow: 0 0 0 2px #21b8ff inset;
  1409. color: #54C8FF;
  1410. }
  1411. /* Tertiary */
  1412. .ui.tertiary.primary.buttons .button,
  1413. .ui.tertiary.primary.buttons .tertiary.button,
  1414. .ui.tertiary.primary.button {
  1415. background: transparent;
  1416. box-shadow: none;
  1417. color: #2185D0;
  1418. }
  1419. .ui.tertiary.primary.buttons .button:hover,
  1420. .ui.tertiary.primary.buttons button:hover,
  1421. .ui.tertiary.primary.button:hover {
  1422. box-shadow: inset 0 -0.2em 0 #2b75ac;
  1423. color: #2b75ac;
  1424. }
  1425. .ui.tertiary.primary.buttons .button:focus,
  1426. .ui.tertiary.primary.buttons .tertiary.button:focus,
  1427. .ui.tertiary.primary.button:focus {
  1428. box-shadow: inset 0 -0.2em 0 #216ea7;
  1429. color: #216ea7;
  1430. }
  1431. .ui.tertiary.primary.buttons .active.button,
  1432. .ui.tertiary.primary.buttons .tertiary.active.button,
  1433. .ui.tertiary.primary.active.button,
  1434. .ui.tertiary.primary.buttons .button:active,
  1435. .ui.tertiary.primary.buttons .tertiary.button:active,
  1436. .ui.tertiary.primary.button:active {
  1437. box-shadow: inset 0 -0.2em 0 #007bd8;
  1438. color: #1279c6;
  1439. }
  1440. .ui.secondary.buttons .button,
  1441. .ui.secondary.button {
  1442. background-color: #1B1C1D;
  1443. color: #FFFFFF;
  1444. text-shadow: none;
  1445. background-image: none;
  1446. }
  1447. .ui.secondary.button {
  1448. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  1449. }
  1450. .ui.secondary.buttons .button:hover,
  1451. .ui.secondary.button:hover {
  1452. background-color: #27292a;
  1453. color: #FFFFFF;
  1454. text-shadow: none;
  1455. }
  1456. .ui.secondary.buttons .button:focus,
  1457. .ui.secondary.button:focus {
  1458. background-color: #2e3032;
  1459. color: #FFFFFF;
  1460. text-shadow: none;
  1461. }
  1462. .ui.secondary.buttons .button:active,
  1463. .ui.secondary.button:active {
  1464. background-color: #343637;
  1465. color: #FFFFFF;
  1466. text-shadow: none;
  1467. }
  1468. .ui.secondary.buttons .active.button,
  1469. .ui.secondary.buttons .active.button:active,
  1470. .ui.secondary.active.button,
  1471. .ui.secondary.button .active.button:active {
  1472. background-color: #27292a;
  1473. color: #FFFFFF;
  1474. text-shadow: none;
  1475. }
  1476. /* Basic */
  1477. .ui.basic.secondary.buttons .button,
  1478. .ui.basic.secondary.button {
  1479. background: transparent;
  1480. box-shadow: 0 0 0 1px #1B1C1D inset;
  1481. color: #1B1C1D;
  1482. }
  1483. .ui.basic.secondary.buttons .button:hover,
  1484. .ui.basic.secondary.button:hover {
  1485. background: transparent;
  1486. box-shadow: 0 0 0 1px #27292a inset;
  1487. color: #27292a;
  1488. }
  1489. .ui.basic.secondary.buttons .button:focus,
  1490. .ui.basic.secondary.button:focus {
  1491. background: transparent;
  1492. box-shadow: 0 0 0 1px #2e3032 inset;
  1493. color: #27292a;
  1494. }
  1495. .ui.basic.secondary.buttons .active.button,
  1496. .ui.basic.secondary.active.button {
  1497. background: transparent;
  1498. box-shadow: 0 0 0 1px #27292a inset;
  1499. color: #343637;
  1500. }
  1501. .ui.basic.secondary.buttons .button:active,
  1502. .ui.basic.secondary.button:active {
  1503. box-shadow: 0 0 0 1px #343637 inset;
  1504. color: #343637;
  1505. }
  1506. .ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) {
  1507. margin-left: -1px;
  1508. }
  1509. /* Inverted */
  1510. .ui.inverted.secondary.buttons .button,
  1511. .ui.inverted.secondary.button {
  1512. background-color: transparent;
  1513. box-shadow: 0 0 0 2px #545454 inset;
  1514. color: #545454;
  1515. }
  1516. .ui.inverted.secondary.buttons .button:hover,
  1517. .ui.inverted.secondary.button:hover,
  1518. .ui.inverted.secondary.buttons .button:focus,
  1519. .ui.inverted.secondary.button:focus,
  1520. .ui.inverted.secondary.buttons .button.active,
  1521. .ui.inverted.secondary.button.active,
  1522. .ui.inverted.secondary.buttons .button:active,
  1523. .ui.inverted.secondary.button:active {
  1524. box-shadow: none;
  1525. color: #FFFFFF;
  1526. }
  1527. .ui.inverted.secondary.buttons .button:hover,
  1528. .ui.inverted.secondary.button:hover {
  1529. background-color: #6e6e6e;
  1530. }
  1531. .ui.inverted.secondary.buttons .button:focus,
  1532. .ui.inverted.secondary.button:focus {
  1533. background-color: #686868;
  1534. }
  1535. .ui.inverted.secondary.buttons .active.button,
  1536. .ui.inverted.secondary.active.button {
  1537. background-color: #616161;
  1538. }
  1539. .ui.inverted.secondary.buttons .button:active,
  1540. .ui.inverted.secondary.button:active {
  1541. background-color: #6e6e6e;
  1542. }
  1543. /* Inverted Basic */
  1544. .ui.inverted.secondary.basic.buttons .button,
  1545. .ui.inverted.secondary.buttons .basic.button,
  1546. .ui.inverted.secondary.basic.button {
  1547. background-color: transparent;
  1548. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  1549. color: #FFFFFF;
  1550. }
  1551. .ui.inverted.secondary.basic.buttons .button:hover,
  1552. .ui.inverted.secondary.buttons .basic.button:hover,
  1553. .ui.inverted.secondary.basic.button:hover {
  1554. box-shadow: 0 0 0 2px #6e6e6e inset;
  1555. color: #545454;
  1556. }
  1557. .ui.inverted.secondary.basic.buttons .button:focus,
  1558. .ui.inverted.secondary.basic.buttons .button:focus,
  1559. .ui.inverted.secondary.basic.button:focus {
  1560. box-shadow: 0 0 0 2px #686868 inset;
  1561. color: #545454;
  1562. }
  1563. .ui.inverted.secondary.basic.buttons .active.button,
  1564. .ui.inverted.secondary.buttons .basic.active.button,
  1565. .ui.inverted.secondary.basic.active.button {
  1566. box-shadow: 0 0 0 2px #616161 inset;
  1567. color: #545454;
  1568. }
  1569. .ui.inverted.secondary.basic.buttons .button:active,
  1570. .ui.inverted.secondary.buttons .basic.button:active,
  1571. .ui.inverted.secondary.basic.button:active {
  1572. box-shadow: 0 0 0 2px #6e6e6e inset;
  1573. color: #545454;
  1574. }
  1575. /* Tertiary */
  1576. .ui.tertiary.secondary.buttons .button,
  1577. .ui.tertiary.secondary.buttons .tertiary.button,
  1578. .ui.tertiary.secondary.button {
  1579. background: transparent;
  1580. box-shadow: none;
  1581. color: #1B1C1D;
  1582. }
  1583. .ui.tertiary.secondary.buttons .button:hover,
  1584. .ui.tertiary.secondary.buttons button:hover,
  1585. .ui.tertiary.secondary.button:hover {
  1586. box-shadow: inset 0 -0.2em 0 #292929;
  1587. color: #292929;
  1588. }
  1589. .ui.tertiary.secondary.buttons .button:focus,
  1590. .ui.tertiary.secondary.buttons .tertiary.button:focus,
  1591. .ui.tertiary.secondary.button:focus {
  1592. box-shadow: inset 0 -0.2em 0 #303030;
  1593. color: #303030;
  1594. }
  1595. .ui.tertiary.secondary.buttons .active.button,
  1596. .ui.tertiary.secondary.buttons .tertiary.active.button,
  1597. .ui.tertiary.secondary.active.button,
  1598. .ui.tertiary.secondary.buttons .button:active,
  1599. .ui.tertiary.secondary.buttons .tertiary.button:active,
  1600. .ui.tertiary.secondary.button:active {
  1601. box-shadow: inset 0 -0.2em 0 #1f2933;
  1602. color: #27292a;
  1603. }
  1604. .ui.red.buttons .button,
  1605. .ui.red.button {
  1606. background-color: #DB2828;
  1607. color: #FFFFFF;
  1608. text-shadow: none;
  1609. background-image: none;
  1610. }
  1611. .ui.red.button {
  1612. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  1613. }
  1614. .ui.red.buttons .button:hover,
  1615. .ui.red.button:hover {
  1616. background-color: #d01919;
  1617. color: #FFFFFF;
  1618. text-shadow: none;
  1619. }
  1620. .ui.red.buttons .button:focus,
  1621. .ui.red.button:focus {
  1622. background-color: #ca1010;
  1623. color: #FFFFFF;
  1624. text-shadow: none;
  1625. }
  1626. .ui.red.buttons .button:active,
  1627. .ui.red.button:active {
  1628. background-color: #b21e1e;
  1629. color: #FFFFFF;
  1630. text-shadow: none;
  1631. }
  1632. .ui.red.buttons .active.button,
  1633. .ui.red.buttons .active.button:active,
  1634. .ui.red.active.button,
  1635. .ui.red.button .active.button:active {
  1636. background-color: #d41515;
  1637. color: #FFFFFF;
  1638. text-shadow: none;
  1639. }
  1640. /* Basic */
  1641. .ui.basic.red.buttons .button,
  1642. .ui.basic.red.button {
  1643. background: transparent;
  1644. box-shadow: 0 0 0 1px #DB2828 inset;
  1645. color: #DB2828;
  1646. }
  1647. .ui.basic.red.buttons .button:hover,
  1648. .ui.basic.red.button:hover {
  1649. background: transparent;
  1650. box-shadow: 0 0 0 1px #d01919 inset;
  1651. color: #d01919;
  1652. }
  1653. .ui.basic.red.buttons .button:focus,
  1654. .ui.basic.red.button:focus {
  1655. background: transparent;
  1656. box-shadow: 0 0 0 1px #ca1010 inset;
  1657. color: #d01919;
  1658. }
  1659. .ui.basic.red.buttons .active.button,
  1660. .ui.basic.red.active.button {
  1661. background: transparent;
  1662. box-shadow: 0 0 0 1px #d41515 inset;
  1663. color: #b21e1e;
  1664. }
  1665. .ui.basic.red.buttons .button:active,
  1666. .ui.basic.red.button:active {
  1667. box-shadow: 0 0 0 1px #b21e1e inset;
  1668. color: #b21e1e;
  1669. }
  1670. .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
  1671. margin-left: -1px;
  1672. }
  1673. /* Inverted */
  1674. .ui.inverted.red.buttons .button,
  1675. .ui.inverted.red.button {
  1676. background-color: transparent;
  1677. box-shadow: 0 0 0 2px #FF695E inset;
  1678. color: #FF695E;
  1679. }
  1680. .ui.inverted.red.buttons .button:hover,
  1681. .ui.inverted.red.button:hover,
  1682. .ui.inverted.red.buttons .button:focus,
  1683. .ui.inverted.red.button:focus,
  1684. .ui.inverted.red.buttons .button.active,
  1685. .ui.inverted.red.button.active,
  1686. .ui.inverted.red.buttons .button:active,
  1687. .ui.inverted.red.button:active {
  1688. box-shadow: none;
  1689. color: #FFFFFF;
  1690. }
  1691. .ui.inverted.red.buttons .button:hover,
  1692. .ui.inverted.red.button:hover {
  1693. background-color: #ff392b;
  1694. }
  1695. .ui.inverted.red.buttons .button:focus,
  1696. .ui.inverted.red.button:focus {
  1697. background-color: #ff4335;
  1698. }
  1699. .ui.inverted.red.buttons .active.button,
  1700. .ui.inverted.red.active.button {
  1701. background-color: #ff5144;
  1702. }
  1703. .ui.inverted.red.buttons .button:active,
  1704. .ui.inverted.red.button:active {
  1705. background-color: #ff392b;
  1706. }
  1707. /* Inverted Basic */
  1708. .ui.inverted.red.basic.buttons .button,
  1709. .ui.inverted.red.buttons .basic.button,
  1710. .ui.inverted.red.basic.button {
  1711. background-color: transparent;
  1712. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  1713. color: #FFFFFF;
  1714. }
  1715. .ui.inverted.red.basic.buttons .button:hover,
  1716. .ui.inverted.red.buttons .basic.button:hover,
  1717. .ui.inverted.red.basic.button:hover {
  1718. box-shadow: 0 0 0 2px #ff392b inset;
  1719. color: #FF695E;
  1720. }
  1721. .ui.inverted.red.basic.buttons .button:focus,
  1722. .ui.inverted.red.basic.buttons .button:focus,
  1723. .ui.inverted.red.basic.button:focus {
  1724. box-shadow: 0 0 0 2px #ff4335 inset;
  1725. color: #FF695E;
  1726. }
  1727. .ui.inverted.red.basic.buttons .active.button,
  1728. .ui.inverted.red.buttons .basic.active.button,
  1729. .ui.inverted.red.basic.active.button {
  1730. box-shadow: 0 0 0 2px #ff5144 inset;
  1731. color: #FF695E;
  1732. }
  1733. .ui.inverted.red.basic.buttons .button:active,
  1734. .ui.inverted.red.buttons .basic.button:active,
  1735. .ui.inverted.red.basic.button:active {
  1736. box-shadow: 0 0 0 2px #ff392b inset;
  1737. color: #FF695E;
  1738. }
  1739. /* Tertiary */
  1740. .ui.tertiary.red.buttons .button,
  1741. .ui.tertiary.red.buttons .tertiary.button,
  1742. .ui.tertiary.red.button {
  1743. background: transparent;
  1744. box-shadow: none;
  1745. color: #DB2828;
  1746. }
  1747. .ui.tertiary.red.buttons .button:hover,
  1748. .ui.tertiary.red.buttons button:hover,
  1749. .ui.tertiary.red.button:hover {
  1750. box-shadow: inset 0 -0.2em 0 #b93131;
  1751. color: #b93131;
  1752. }
  1753. .ui.tertiary.red.buttons .button:focus,
  1754. .ui.tertiary.red.buttons .tertiary.button:focus,
  1755. .ui.tertiary.red.button:focus {
  1756. box-shadow: inset 0 -0.2em 0 #b52626;
  1757. color: #b52626;
  1758. }
  1759. .ui.tertiary.red.buttons .active.button,
  1760. .ui.tertiary.red.buttons .tertiary.active.button,
  1761. .ui.tertiary.red.active.button,
  1762. .ui.tertiary.red.buttons .button:active,
  1763. .ui.tertiary.red.buttons .tertiary.button:active,
  1764. .ui.tertiary.red.button:active {
  1765. box-shadow: inset 0 -0.2em 0 #ea0000;
  1766. color: #d41515;
  1767. }
  1768. .ui.orange.buttons .button,
  1769. .ui.orange.button {
  1770. background-color: #F2711C;
  1771. color: #FFFFFF;
  1772. text-shadow: none;
  1773. background-image: none;
  1774. }
  1775. .ui.orange.button {
  1776. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  1777. }
  1778. .ui.orange.buttons .button:hover,
  1779. .ui.orange.button:hover {
  1780. background-color: #f26202;
  1781. color: #FFFFFF;
  1782. text-shadow: none;
  1783. }
  1784. .ui.orange.buttons .button:focus,
  1785. .ui.orange.button:focus {
  1786. background-color: #e55b00;
  1787. color: #FFFFFF;
  1788. text-shadow: none;
  1789. }
  1790. .ui.orange.buttons .button:active,
  1791. .ui.orange.button:active {
  1792. background-color: #cf590c;
  1793. color: #FFFFFF;
  1794. text-shadow: none;
  1795. }
  1796. .ui.orange.buttons .active.button,
  1797. .ui.orange.buttons .active.button:active,
  1798. .ui.orange.active.button,
  1799. .ui.orange.button .active.button:active {
  1800. background-color: #f56100;
  1801. color: #FFFFFF;
  1802. text-shadow: none;
  1803. }
  1804. /* Basic */
  1805. .ui.basic.orange.buttons .button,
  1806. .ui.basic.orange.button {
  1807. background: transparent;
  1808. box-shadow: 0 0 0 1px #F2711C inset;
  1809. color: #F2711C;
  1810. }
  1811. .ui.basic.orange.buttons .button:hover,
  1812. .ui.basic.orange.button:hover {
  1813. background: transparent;
  1814. box-shadow: 0 0 0 1px #f26202 inset;
  1815. color: #f26202;
  1816. }
  1817. .ui.basic.orange.buttons .button:focus,
  1818. .ui.basic.orange.button:focus {
  1819. background: transparent;
  1820. box-shadow: 0 0 0 1px #e55b00 inset;
  1821. color: #f26202;
  1822. }
  1823. .ui.basic.orange.buttons .active.button,
  1824. .ui.basic.orange.active.button {
  1825. background: transparent;
  1826. box-shadow: 0 0 0 1px #f56100 inset;
  1827. color: #cf590c;
  1828. }
  1829. .ui.basic.orange.buttons .button:active,
  1830. .ui.basic.orange.button:active {
  1831. box-shadow: 0 0 0 1px #cf590c inset;
  1832. color: #cf590c;
  1833. }
  1834. .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
  1835. margin-left: -1px;
  1836. }
  1837. /* Inverted */
  1838. .ui.inverted.orange.buttons .button,
  1839. .ui.inverted.orange.button {
  1840. background-color: transparent;
  1841. box-shadow: 0 0 0 2px #FF851B inset;
  1842. color: #FF851B;
  1843. }
  1844. .ui.inverted.orange.buttons .button:hover,
  1845. .ui.inverted.orange.button:hover,
  1846. .ui.inverted.orange.buttons .button:focus,
  1847. .ui.inverted.orange.button:focus,
  1848. .ui.inverted.orange.buttons .button.active,
  1849. .ui.inverted.orange.button.active,
  1850. .ui.inverted.orange.buttons .button:active,
  1851. .ui.inverted.orange.button:active {
  1852. box-shadow: none;
  1853. color: #FFFFFF;
  1854. }
  1855. .ui.inverted.orange.buttons .button:hover,
  1856. .ui.inverted.orange.button:hover {
  1857. background-color: #e76b00;
  1858. }
  1859. .ui.inverted.orange.buttons .button:focus,
  1860. .ui.inverted.orange.button:focus {
  1861. background-color: #f17000;
  1862. }
  1863. .ui.inverted.orange.buttons .active.button,
  1864. .ui.inverted.orange.active.button {
  1865. background-color: #ff7701;
  1866. }
  1867. .ui.inverted.orange.buttons .button:active,
  1868. .ui.inverted.orange.button:active {
  1869. background-color: #e76b00;
  1870. }
  1871. /* Inverted Basic */
  1872. .ui.inverted.orange.basic.buttons .button,
  1873. .ui.inverted.orange.buttons .basic.button,
  1874. .ui.inverted.orange.basic.button {
  1875. background-color: transparent;
  1876. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  1877. color: #FFFFFF;
  1878. }
  1879. .ui.inverted.orange.basic.buttons .button:hover,
  1880. .ui.inverted.orange.buttons .basic.button:hover,
  1881. .ui.inverted.orange.basic.button:hover {
  1882. box-shadow: 0 0 0 2px #e76b00 inset;
  1883. color: #FF851B;
  1884. }
  1885. .ui.inverted.orange.basic.buttons .button:focus,
  1886. .ui.inverted.orange.basic.buttons .button:focus,
  1887. .ui.inverted.orange.basic.button:focus {
  1888. box-shadow: 0 0 0 2px #f17000 inset;
  1889. color: #FF851B;
  1890. }
  1891. .ui.inverted.orange.basic.buttons .active.button,
  1892. .ui.inverted.orange.buttons .basic.active.button,
  1893. .ui.inverted.orange.basic.active.button {
  1894. box-shadow: 0 0 0 2px #ff7701 inset;
  1895. color: #FF851B;
  1896. }
  1897. .ui.inverted.orange.basic.buttons .button:active,
  1898. .ui.inverted.orange.buttons .basic.button:active,
  1899. .ui.inverted.orange.basic.button:active {
  1900. box-shadow: 0 0 0 2px #e76b00 inset;
  1901. color: #FF851B;
  1902. }
  1903. /* Tertiary */
  1904. .ui.tertiary.orange.buttons .button,
  1905. .ui.tertiary.orange.buttons .tertiary.button,
  1906. .ui.tertiary.orange.button {
  1907. background: transparent;
  1908. box-shadow: none;
  1909. color: #F2711C;
  1910. }
  1911. .ui.tertiary.orange.buttons .button:hover,
  1912. .ui.tertiary.orange.buttons button:hover,
  1913. .ui.tertiary.orange.button:hover {
  1914. box-shadow: inset 0 -0.2em 0 #da671b;
  1915. color: #da671b;
  1916. }
  1917. .ui.tertiary.orange.buttons .button:focus,
  1918. .ui.tertiary.orange.buttons .tertiary.button:focus,
  1919. .ui.tertiary.orange.button:focus {
  1920. box-shadow: inset 0 -0.2em 0 #ce6017;
  1921. color: #ce6017;
  1922. }
  1923. .ui.tertiary.orange.buttons .active.button,
  1924. .ui.tertiary.orange.buttons .tertiary.active.button,
  1925. .ui.tertiary.orange.active.button,
  1926. .ui.tertiary.orange.buttons .button:active,
  1927. .ui.tertiary.orange.buttons .tertiary.button:active,
  1928. .ui.tertiary.orange.button:active {
  1929. box-shadow: inset 0 -0.2em 0 #f56100;
  1930. color: #f56100;
  1931. }
  1932. .ui.yellow.buttons .button,
  1933. .ui.yellow.button {
  1934. background-color: #FBBD08;
  1935. color: #FFFFFF;
  1936. text-shadow: none;
  1937. background-image: none;
  1938. }
  1939. .ui.yellow.button {
  1940. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  1941. }
  1942. .ui.yellow.buttons .button:hover,
  1943. .ui.yellow.button:hover {
  1944. background-color: #eaae00;
  1945. color: #FFFFFF;
  1946. text-shadow: none;
  1947. }
  1948. .ui.yellow.buttons .button:focus,
  1949. .ui.yellow.button:focus {
  1950. background-color: #daa300;
  1951. color: #FFFFFF;
  1952. text-shadow: none;
  1953. }
  1954. .ui.yellow.buttons .button:active,
  1955. .ui.yellow.button:active {
  1956. background-color: #cd9903;
  1957. color: #FFFFFF;
  1958. text-shadow: none;
  1959. }
  1960. .ui.yellow.buttons .active.button,
  1961. .ui.yellow.buttons .active.button:active,
  1962. .ui.yellow.active.button,
  1963. .ui.yellow.button .active.button:active {
  1964. background-color: #eaae00;
  1965. color: #FFFFFF;
  1966. text-shadow: none;
  1967. }
  1968. /* Basic */
  1969. .ui.basic.yellow.buttons .button,
  1970. .ui.basic.yellow.button {
  1971. background: transparent;
  1972. box-shadow: 0 0 0 1px #FBBD08 inset;
  1973. color: #FBBD08;
  1974. }
  1975. .ui.basic.yellow.buttons .button:hover,
  1976. .ui.basic.yellow.button:hover {
  1977. background: transparent;
  1978. box-shadow: 0 0 0 1px #eaae00 inset;
  1979. color: #eaae00;
  1980. }
  1981. .ui.basic.yellow.buttons .button:focus,
  1982. .ui.basic.yellow.button:focus {
  1983. background: transparent;
  1984. box-shadow: 0 0 0 1px #daa300 inset;
  1985. color: #eaae00;
  1986. }
  1987. .ui.basic.yellow.buttons .active.button,
  1988. .ui.basic.yellow.active.button {
  1989. background: transparent;
  1990. box-shadow: 0 0 0 1px #eaae00 inset;
  1991. color: #cd9903;
  1992. }
  1993. .ui.basic.yellow.buttons .button:active,
  1994. .ui.basic.yellow.button:active {
  1995. box-shadow: 0 0 0 1px #cd9903 inset;
  1996. color: #cd9903;
  1997. }
  1998. .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
  1999. margin-left: -1px;
  2000. }
  2001. /* Inverted */
  2002. .ui.inverted.yellow.buttons .button,
  2003. .ui.inverted.yellow.button {
  2004. background-color: transparent;
  2005. box-shadow: 0 0 0 2px #FFE21F inset;
  2006. color: #FFE21F;
  2007. }
  2008. .ui.inverted.yellow.buttons .button:hover,
  2009. .ui.inverted.yellow.button:hover,
  2010. .ui.inverted.yellow.buttons .button:focus,
  2011. .ui.inverted.yellow.button:focus,
  2012. .ui.inverted.yellow.buttons .button.active,
  2013. .ui.inverted.yellow.button.active,
  2014. .ui.inverted.yellow.buttons .button:active,
  2015. .ui.inverted.yellow.button:active {
  2016. box-shadow: none;
  2017. color: rgba(0, 0, 0, 0.6);
  2018. }
  2019. .ui.inverted.yellow.buttons .button:hover,
  2020. .ui.inverted.yellow.button:hover {
  2021. background-color: #ebcd00;
  2022. }
  2023. .ui.inverted.yellow.buttons .button:focus,
  2024. .ui.inverted.yellow.button:focus {
  2025. background-color: #f5d500;
  2026. }
  2027. .ui.inverted.yellow.buttons .active.button,
  2028. .ui.inverted.yellow.active.button {
  2029. background-color: #ffdf05;
  2030. }
  2031. .ui.inverted.yellow.buttons .button:active,
  2032. .ui.inverted.yellow.button:active {
  2033. background-color: #ebcd00;
  2034. }
  2035. /* Inverted Basic */
  2036. .ui.inverted.yellow.basic.buttons .button,
  2037. .ui.inverted.yellow.buttons .basic.button,
  2038. .ui.inverted.yellow.basic.button {
  2039. background-color: transparent;
  2040. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  2041. color: #FFFFFF;
  2042. }
  2043. .ui.inverted.yellow.basic.buttons .button:hover,
  2044. .ui.inverted.yellow.buttons .basic.button:hover,
  2045. .ui.inverted.yellow.basic.button:hover {
  2046. box-shadow: 0 0 0 2px #ebcd00 inset;
  2047. color: #FFE21F;
  2048. }
  2049. .ui.inverted.yellow.basic.buttons .button:focus,
  2050. .ui.inverted.yellow.basic.buttons .button:focus,
  2051. .ui.inverted.yellow.basic.button:focus {
  2052. box-shadow: 0 0 0 2px #f5d500 inset;
  2053. color: #FFE21F;
  2054. }
  2055. .ui.inverted.yellow.basic.buttons .active.button,
  2056. .ui.inverted.yellow.buttons .basic.active.button,
  2057. .ui.inverted.yellow.basic.active.button {
  2058. box-shadow: 0 0 0 2px #ffdf05 inset;
  2059. color: #FFE21F;
  2060. }
  2061. .ui.inverted.yellow.basic.buttons .button:active,
  2062. .ui.inverted.yellow.buttons .basic.button:active,
  2063. .ui.inverted.yellow.basic.button:active {
  2064. box-shadow: 0 0 0 2px #ebcd00 inset;
  2065. color: #FFE21F;
  2066. }
  2067. /* Tertiary */
  2068. .ui.tertiary.yellow.buttons .button,
  2069. .ui.tertiary.yellow.buttons .tertiary.button,
  2070. .ui.tertiary.yellow.button {
  2071. background: transparent;
  2072. box-shadow: none;
  2073. color: #FBBD08;
  2074. }
  2075. .ui.tertiary.yellow.buttons .button:hover,
  2076. .ui.tertiary.yellow.buttons button:hover,
  2077. .ui.tertiary.yellow.button:hover {
  2078. box-shadow: inset 0 -0.2em 0 #d2a217;
  2079. color: #d2a217;
  2080. }
  2081. .ui.tertiary.yellow.buttons .button:focus,
  2082. .ui.tertiary.yellow.buttons .tertiary.button:focus,
  2083. .ui.tertiary.yellow.button:focus {
  2084. box-shadow: inset 0 -0.2em 0 #c49816;
  2085. color: #c49816;
  2086. }
  2087. .ui.tertiary.yellow.buttons .active.button,
  2088. .ui.tertiary.yellow.buttons .tertiary.active.button,
  2089. .ui.tertiary.yellow.active.button,
  2090. .ui.tertiary.yellow.buttons .button:active,
  2091. .ui.tertiary.yellow.buttons .tertiary.button:active,
  2092. .ui.tertiary.yellow.button:active {
  2093. box-shadow: inset 0 -0.2em 0 #eaae00;
  2094. color: #eaae00;
  2095. }
  2096. .ui.olive.buttons .button,
  2097. .ui.olive.button {
  2098. background-color: #B5CC18;
  2099. color: #FFFFFF;
  2100. text-shadow: none;
  2101. background-image: none;
  2102. }
  2103. .ui.olive.button {
  2104. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  2105. }
  2106. .ui.olive.buttons .button:hover,
  2107. .ui.olive.button:hover {
  2108. background-color: #a7bd0d;
  2109. color: #FFFFFF;
  2110. text-shadow: none;
  2111. }
  2112. .ui.olive.buttons .button:focus,
  2113. .ui.olive.button:focus {
  2114. background-color: #a0b605;
  2115. color: #FFFFFF;
  2116. text-shadow: none;
  2117. }
  2118. .ui.olive.buttons .button:active,
  2119. .ui.olive.button:active {
  2120. background-color: #8d9e13;
  2121. color: #FFFFFF;
  2122. text-shadow: none;
  2123. }
  2124. .ui.olive.buttons .active.button,
  2125. .ui.olive.buttons .active.button:active,
  2126. .ui.olive.active.button,
  2127. .ui.olive.button .active.button:active {
  2128. background-color: #aac109;
  2129. color: #FFFFFF;
  2130. text-shadow: none;
  2131. }
  2132. /* Basic */
  2133. .ui.basic.olive.buttons .button,
  2134. .ui.basic.olive.button {
  2135. background: transparent;
  2136. box-shadow: 0 0 0 1px #B5CC18 inset;
  2137. color: #B5CC18;
  2138. }
  2139. .ui.basic.olive.buttons .button:hover,
  2140. .ui.basic.olive.button:hover {
  2141. background: transparent;
  2142. box-shadow: 0 0 0 1px #a7bd0d inset;
  2143. color: #a7bd0d;
  2144. }
  2145. .ui.basic.olive.buttons .button:focus,
  2146. .ui.basic.olive.button:focus {
  2147. background: transparent;
  2148. box-shadow: 0 0 0 1px #a0b605 inset;
  2149. color: #a7bd0d;
  2150. }
  2151. .ui.basic.olive.buttons .active.button,
  2152. .ui.basic.olive.active.button {
  2153. background: transparent;
  2154. box-shadow: 0 0 0 1px #aac109 inset;
  2155. color: #8d9e13;
  2156. }
  2157. .ui.basic.olive.buttons .button:active,
  2158. .ui.basic.olive.button:active {
  2159. box-shadow: 0 0 0 1px #8d9e13 inset;
  2160. color: #8d9e13;
  2161. }
  2162. .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
  2163. margin-left: -1px;
  2164. }
  2165. /* Inverted */
  2166. .ui.inverted.olive.buttons .button,
  2167. .ui.inverted.olive.button {
  2168. background-color: transparent;
  2169. box-shadow: 0 0 0 2px #D9E778 inset;
  2170. color: #D9E778;
  2171. }
  2172. .ui.inverted.olive.buttons .button:hover,
  2173. .ui.inverted.olive.button:hover,
  2174. .ui.inverted.olive.buttons .button:focus,
  2175. .ui.inverted.olive.button:focus,
  2176. .ui.inverted.olive.buttons .button.active,
  2177. .ui.inverted.olive.button.active,
  2178. .ui.inverted.olive.buttons .button:active,
  2179. .ui.inverted.olive.button:active {
  2180. box-shadow: none;
  2181. color: rgba(0, 0, 0, 0.6);
  2182. }
  2183. .ui.inverted.olive.buttons .button:hover,
  2184. .ui.inverted.olive.button:hover {
  2185. background-color: #d2e745;
  2186. }
  2187. .ui.inverted.olive.buttons .button:focus,
  2188. .ui.inverted.olive.button:focus {
  2189. background-color: #daef47;
  2190. }
  2191. .ui.inverted.olive.buttons .active.button,
  2192. .ui.inverted.olive.active.button {
  2193. background-color: #daed59;
  2194. }
  2195. .ui.inverted.olive.buttons .button:active,
  2196. .ui.inverted.olive.button:active {
  2197. background-color: #cddf4d;
  2198. }
  2199. /* Inverted Basic */
  2200. .ui.inverted.olive.basic.buttons .button,
  2201. .ui.inverted.olive.buttons .basic.button,
  2202. .ui.inverted.olive.basic.button {
  2203. background-color: transparent;
  2204. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  2205. color: #FFFFFF;
  2206. }
  2207. .ui.inverted.olive.basic.buttons .button:hover,
  2208. .ui.inverted.olive.buttons .basic.button:hover,
  2209. .ui.inverted.olive.basic.button:hover {
  2210. box-shadow: 0 0 0 2px #d2e745 inset;
  2211. color: #D9E778;
  2212. }
  2213. .ui.inverted.olive.basic.buttons .button:focus,
  2214. .ui.inverted.olive.basic.buttons .button:focus,
  2215. .ui.inverted.olive.basic.button:focus {
  2216. box-shadow: 0 0 0 2px #daef47 inset;
  2217. color: #D9E778;
  2218. }
  2219. .ui.inverted.olive.basic.buttons .active.button,
  2220. .ui.inverted.olive.buttons .basic.active.button,
  2221. .ui.inverted.olive.basic.active.button {
  2222. box-shadow: 0 0 0 2px #daed59 inset;
  2223. color: #D9E778;
  2224. }
  2225. .ui.inverted.olive.basic.buttons .button:active,
  2226. .ui.inverted.olive.buttons .basic.button:active,
  2227. .ui.inverted.olive.basic.button:active {
  2228. box-shadow: 0 0 0 2px #cddf4d inset;
  2229. color: #D9E778;
  2230. }
  2231. /* Tertiary */
  2232. .ui.tertiary.olive.buttons .button,
  2233. .ui.tertiary.olive.buttons .tertiary.button,
  2234. .ui.tertiary.olive.button {
  2235. background: transparent;
  2236. box-shadow: none;
  2237. color: #B5CC18;
  2238. }
  2239. .ui.tertiary.olive.buttons .button:hover,
  2240. .ui.tertiary.olive.buttons button:hover,
  2241. .ui.tertiary.olive.button:hover {
  2242. box-shadow: inset 0 -0.2em 0 #98a922;
  2243. color: #98a922;
  2244. }
  2245. .ui.tertiary.olive.buttons .button:focus,
  2246. .ui.tertiary.olive.buttons .tertiary.button:focus,
  2247. .ui.tertiary.olive.button:focus {
  2248. box-shadow: inset 0 -0.2em 0 #92a418;
  2249. color: #92a418;
  2250. }
  2251. .ui.tertiary.olive.buttons .active.button,
  2252. .ui.tertiary.olive.buttons .tertiary.active.button,
  2253. .ui.tertiary.olive.active.button,
  2254. .ui.tertiary.olive.buttons .button:active,
  2255. .ui.tertiary.olive.buttons .tertiary.button:active,
  2256. .ui.tertiary.olive.button:active {
  2257. box-shadow: inset 0 -0.2em 0 #b1cb00;
  2258. color: #aac109;
  2259. }
  2260. .ui.green.buttons .button,
  2261. .ui.green.button {
  2262. background-color: #21BA45;
  2263. color: #FFFFFF;
  2264. text-shadow: none;
  2265. background-image: none;
  2266. }
  2267. .ui.green.button {
  2268. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  2269. }
  2270. .ui.green.buttons .button:hover,
  2271. .ui.green.button:hover {
  2272. background-color: #16ab39;
  2273. color: #FFFFFF;
  2274. text-shadow: none;
  2275. }
  2276. .ui.green.buttons .button:focus,
  2277. .ui.green.button:focus {
  2278. background-color: #0ea432;
  2279. color: #FFFFFF;
  2280. text-shadow: none;
  2281. }
  2282. .ui.green.buttons .button:active,
  2283. .ui.green.button:active {
  2284. background-color: #198f35;
  2285. color: #FFFFFF;
  2286. text-shadow: none;
  2287. }
  2288. .ui.green.buttons .active.button,
  2289. .ui.green.buttons .active.button:active,
  2290. .ui.green.active.button,
  2291. .ui.green.button .active.button:active {
  2292. background-color: #13ae38;
  2293. color: #FFFFFF;
  2294. text-shadow: none;
  2295. }
  2296. /* Basic */
  2297. .ui.basic.green.buttons .button,
  2298. .ui.basic.green.button {
  2299. background: transparent;
  2300. box-shadow: 0 0 0 1px #21BA45 inset;
  2301. color: #21BA45;
  2302. }
  2303. .ui.basic.green.buttons .button:hover,
  2304. .ui.basic.green.button:hover {
  2305. background: transparent;
  2306. box-shadow: 0 0 0 1px #16ab39 inset;
  2307. color: #16ab39;
  2308. }
  2309. .ui.basic.green.buttons .button:focus,
  2310. .ui.basic.green.button:focus {
  2311. background: transparent;
  2312. box-shadow: 0 0 0 1px #0ea432 inset;
  2313. color: #16ab39;
  2314. }
  2315. .ui.basic.green.buttons .active.button,
  2316. .ui.basic.green.active.button {
  2317. background: transparent;
  2318. box-shadow: 0 0 0 1px #13ae38 inset;
  2319. color: #198f35;
  2320. }
  2321. .ui.basic.green.buttons .button:active,
  2322. .ui.basic.green.button:active {
  2323. box-shadow: 0 0 0 1px #198f35 inset;
  2324. color: #198f35;
  2325. }
  2326. .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
  2327. margin-left: -1px;
  2328. }
  2329. /* Inverted */
  2330. .ui.inverted.green.buttons .button,
  2331. .ui.inverted.green.button {
  2332. background-color: transparent;
  2333. box-shadow: 0 0 0 2px #2ECC40 inset;
  2334. color: #2ECC40;
  2335. }
  2336. .ui.inverted.green.buttons .button:hover,
  2337. .ui.inverted.green.button:hover,
  2338. .ui.inverted.green.buttons .button:focus,
  2339. .ui.inverted.green.button:focus,
  2340. .ui.inverted.green.buttons .button.active,
  2341. .ui.inverted.green.button.active,
  2342. .ui.inverted.green.buttons .button:active,
  2343. .ui.inverted.green.button:active {
  2344. box-shadow: none;
  2345. color: #FFFFFF;
  2346. }
  2347. .ui.inverted.green.buttons .button:hover,
  2348. .ui.inverted.green.button:hover {
  2349. background-color: #1ea92e;
  2350. }
  2351. .ui.inverted.green.buttons .button:focus,
  2352. .ui.inverted.green.button:focus {
  2353. background-color: #19b82b;
  2354. }
  2355. .ui.inverted.green.buttons .active.button,
  2356. .ui.inverted.green.active.button {
  2357. background-color: #1fc231;
  2358. }
  2359. .ui.inverted.green.buttons .button:active,
  2360. .ui.inverted.green.button:active {
  2361. background-color: #25a233;
  2362. }
  2363. /* Inverted Basic */
  2364. .ui.inverted.green.basic.buttons .button,
  2365. .ui.inverted.green.buttons .basic.button,
  2366. .ui.inverted.green.basic.button {
  2367. background-color: transparent;
  2368. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  2369. color: #FFFFFF;
  2370. }
  2371. .ui.inverted.green.basic.buttons .button:hover,
  2372. .ui.inverted.green.buttons .basic.button:hover,
  2373. .ui.inverted.green.basic.button:hover {
  2374. box-shadow: 0 0 0 2px #1ea92e inset;
  2375. color: #2ECC40;
  2376. }
  2377. .ui.inverted.green.basic.buttons .button:focus,
  2378. .ui.inverted.green.basic.buttons .button:focus,
  2379. .ui.inverted.green.basic.button:focus {
  2380. box-shadow: 0 0 0 2px #19b82b inset;
  2381. color: #2ECC40;
  2382. }
  2383. .ui.inverted.green.basic.buttons .active.button,
  2384. .ui.inverted.green.buttons .basic.active.button,
  2385. .ui.inverted.green.basic.active.button {
  2386. box-shadow: 0 0 0 2px #1fc231 inset;
  2387. color: #2ECC40;
  2388. }
  2389. .ui.inverted.green.basic.buttons .button:active,
  2390. .ui.inverted.green.buttons .basic.button:active,
  2391. .ui.inverted.green.basic.button:active {
  2392. box-shadow: 0 0 0 2px #25a233 inset;
  2393. color: #2ECC40;
  2394. }
  2395. /* Tertiary */
  2396. .ui.tertiary.green.buttons .button,
  2397. .ui.tertiary.green.buttons .tertiary.button,
  2398. .ui.tertiary.green.button {
  2399. background: transparent;
  2400. box-shadow: none;
  2401. color: #21BA45;
  2402. }
  2403. .ui.tertiary.green.buttons .button:hover,
  2404. .ui.tertiary.green.buttons button:hover,
  2405. .ui.tertiary.green.button:hover {
  2406. box-shadow: inset 0 -0.2em 0 #2a9844;
  2407. color: #2a9844;
  2408. }
  2409. .ui.tertiary.green.buttons .button:focus,
  2410. .ui.tertiary.green.buttons .tertiary.button:focus,
  2411. .ui.tertiary.green.button:focus {
  2412. box-shadow: inset 0 -0.2em 0 #20923b;
  2413. color: #20923b;
  2414. }
  2415. .ui.tertiary.green.buttons .active.button,
  2416. .ui.tertiary.green.buttons .tertiary.active.button,
  2417. .ui.tertiary.green.active.button,
  2418. .ui.tertiary.green.buttons .button:active,
  2419. .ui.tertiary.green.buttons .tertiary.button:active,
  2420. .ui.tertiary.green.button:active {
  2421. box-shadow: inset 0 -0.2em 0 #00c22e;
  2422. color: #13ae38;
  2423. }
  2424. .ui.teal.buttons .button,
  2425. .ui.teal.button {
  2426. background-color: #00B5AD;
  2427. color: #FFFFFF;
  2428. text-shadow: none;
  2429. background-image: none;
  2430. }
  2431. .ui.teal.button {
  2432. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  2433. }
  2434. .ui.teal.buttons .button:hover,
  2435. .ui.teal.button:hover {
  2436. background-color: #009c95;
  2437. color: #FFFFFF;
  2438. text-shadow: none;
  2439. }
  2440. .ui.teal.buttons .button:focus,
  2441. .ui.teal.button:focus {
  2442. background-color: #008c86;
  2443. color: #FFFFFF;
  2444. text-shadow: none;
  2445. }
  2446. .ui.teal.buttons .button:active,
  2447. .ui.teal.button:active {
  2448. background-color: #00827c;
  2449. color: #FFFFFF;
  2450. text-shadow: none;
  2451. }
  2452. .ui.teal.buttons .active.button,
  2453. .ui.teal.buttons .active.button:active,
  2454. .ui.teal.active.button,
  2455. .ui.teal.button .active.button:active {
  2456. background-color: #009c95;
  2457. color: #FFFFFF;
  2458. text-shadow: none;
  2459. }
  2460. /* Basic */
  2461. .ui.basic.teal.buttons .button,
  2462. .ui.basic.teal.button {
  2463. background: transparent;
  2464. box-shadow: 0 0 0 1px #00B5AD inset;
  2465. color: #00B5AD;
  2466. }
  2467. .ui.basic.teal.buttons .button:hover,
  2468. .ui.basic.teal.button:hover {
  2469. background: transparent;
  2470. box-shadow: 0 0 0 1px #009c95 inset;
  2471. color: #009c95;
  2472. }
  2473. .ui.basic.teal.buttons .button:focus,
  2474. .ui.basic.teal.button:focus {
  2475. background: transparent;
  2476. box-shadow: 0 0 0 1px #008c86 inset;
  2477. color: #009c95;
  2478. }
  2479. .ui.basic.teal.buttons .active.button,
  2480. .ui.basic.teal.active.button {
  2481. background: transparent;
  2482. box-shadow: 0 0 0 1px #009c95 inset;
  2483. color: #00827c;
  2484. }
  2485. .ui.basic.teal.buttons .button:active,
  2486. .ui.basic.teal.button:active {
  2487. box-shadow: 0 0 0 1px #00827c inset;
  2488. color: #00827c;
  2489. }
  2490. .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
  2491. margin-left: -1px;
  2492. }
  2493. /* Inverted */
  2494. .ui.inverted.teal.buttons .button,
  2495. .ui.inverted.teal.button {
  2496. background-color: transparent;
  2497. box-shadow: 0 0 0 2px #6DFFFF inset;
  2498. color: #6DFFFF;
  2499. }
  2500. .ui.inverted.teal.buttons .button:hover,
  2501. .ui.inverted.teal.button:hover,
  2502. .ui.inverted.teal.buttons .button:focus,
  2503. .ui.inverted.teal.button:focus,
  2504. .ui.inverted.teal.buttons .button.active,
  2505. .ui.inverted.teal.button.active,
  2506. .ui.inverted.teal.buttons .button:active,
  2507. .ui.inverted.teal.button:active {
  2508. box-shadow: none;
  2509. color: rgba(0, 0, 0, 0.6);
  2510. }
  2511. .ui.inverted.teal.buttons .button:hover,
  2512. .ui.inverted.teal.button:hover {
  2513. background-color: #3affff;
  2514. }
  2515. .ui.inverted.teal.buttons .button:focus,
  2516. .ui.inverted.teal.button:focus {
  2517. background-color: #44ffff;
  2518. }
  2519. .ui.inverted.teal.buttons .active.button,
  2520. .ui.inverted.teal.active.button {
  2521. background-color: #54ffff;
  2522. }
  2523. .ui.inverted.teal.buttons .button:active,
  2524. .ui.inverted.teal.button:active {
  2525. background-color: #3affff;
  2526. }
  2527. /* Inverted Basic */
  2528. .ui.inverted.teal.basic.buttons .button,
  2529. .ui.inverted.teal.buttons .basic.button,
  2530. .ui.inverted.teal.basic.button {
  2531. background-color: transparent;
  2532. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  2533. color: #FFFFFF;
  2534. }
  2535. .ui.inverted.teal.basic.buttons .button:hover,
  2536. .ui.inverted.teal.buttons .basic.button:hover,
  2537. .ui.inverted.teal.basic.button:hover {
  2538. box-shadow: 0 0 0 2px #3affff inset;
  2539. color: #6DFFFF;
  2540. }
  2541. .ui.inverted.teal.basic.buttons .button:focus,
  2542. .ui.inverted.teal.basic.buttons .button:focus,
  2543. .ui.inverted.teal.basic.button:focus {
  2544. box-shadow: 0 0 0 2px #44ffff inset;
  2545. color: #6DFFFF;
  2546. }
  2547. .ui.inverted.teal.basic.buttons .active.button,
  2548. .ui.inverted.teal.buttons .basic.active.button,
  2549. .ui.inverted.teal.basic.active.button {
  2550. box-shadow: 0 0 0 2px #54ffff inset;
  2551. color: #6DFFFF;
  2552. }
  2553. .ui.inverted.teal.basic.buttons .button:active,
  2554. .ui.inverted.teal.buttons .basic.button:active,
  2555. .ui.inverted.teal.basic.button:active {
  2556. box-shadow: 0 0 0 2px #3affff inset;
  2557. color: #6DFFFF;
  2558. }
  2559. /* Tertiary */
  2560. .ui.tertiary.teal.buttons .button,
  2561. .ui.tertiary.teal.buttons .tertiary.button,
  2562. .ui.tertiary.teal.button {
  2563. background: transparent;
  2564. box-shadow: none;
  2565. color: #00B5AD;
  2566. }
  2567. .ui.tertiary.teal.buttons .button:hover,
  2568. .ui.tertiary.teal.buttons button:hover,
  2569. .ui.tertiary.teal.button:hover {
  2570. box-shadow: inset 0 -0.2em 0 #108c86;
  2571. color: #108c86;
  2572. }
  2573. .ui.tertiary.teal.buttons .button:focus,
  2574. .ui.tertiary.teal.buttons .tertiary.button:focus,
  2575. .ui.tertiary.teal.button:focus {
  2576. box-shadow: inset 0 -0.2em 0 #0e7e79;
  2577. color: #0e7e79;
  2578. }
  2579. .ui.tertiary.teal.buttons .active.button,
  2580. .ui.tertiary.teal.buttons .tertiary.active.button,
  2581. .ui.tertiary.teal.active.button,
  2582. .ui.tertiary.teal.buttons .button:active,
  2583. .ui.tertiary.teal.buttons .tertiary.button:active,
  2584. .ui.tertiary.teal.button:active {
  2585. box-shadow: inset 0 -0.2em 0 #009c95;
  2586. color: #009c95;
  2587. }
  2588. .ui.blue.buttons .button,
  2589. .ui.blue.button {
  2590. background-color: #2185D0;
  2591. color: #FFFFFF;
  2592. text-shadow: none;
  2593. background-image: none;
  2594. }
  2595. .ui.blue.button {
  2596. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  2597. }
  2598. .ui.blue.buttons .button:hover,
  2599. .ui.blue.button:hover {
  2600. background-color: #1678c2;
  2601. color: #FFFFFF;
  2602. text-shadow: none;
  2603. }
  2604. .ui.blue.buttons .button:focus,
  2605. .ui.blue.button:focus {
  2606. background-color: #0d71bb;
  2607. color: #FFFFFF;
  2608. text-shadow: none;
  2609. }
  2610. .ui.blue.buttons .button:active,
  2611. .ui.blue.button:active {
  2612. background-color: #1a69a4;
  2613. color: #FFFFFF;
  2614. text-shadow: none;
  2615. }
  2616. .ui.blue.buttons .active.button,
  2617. .ui.blue.buttons .active.button:active,
  2618. .ui.blue.active.button,
  2619. .ui.blue.button .active.button:active {
  2620. background-color: #1279c6;
  2621. color: #FFFFFF;
  2622. text-shadow: none;
  2623. }
  2624. /* Basic */
  2625. .ui.basic.blue.buttons .button,
  2626. .ui.basic.blue.button {
  2627. background: transparent;
  2628. box-shadow: 0 0 0 1px #2185D0 inset;
  2629. color: #2185D0;
  2630. }
  2631. .ui.basic.blue.buttons .button:hover,
  2632. .ui.basic.blue.button:hover {
  2633. background: transparent;
  2634. box-shadow: 0 0 0 1px #1678c2 inset;
  2635. color: #1678c2;
  2636. }
  2637. .ui.basic.blue.buttons .button:focus,
  2638. .ui.basic.blue.button:focus {
  2639. background: transparent;
  2640. box-shadow: 0 0 0 1px #0d71bb inset;
  2641. color: #1678c2;
  2642. }
  2643. .ui.basic.blue.buttons .active.button,
  2644. .ui.basic.blue.active.button {
  2645. background: transparent;
  2646. box-shadow: 0 0 0 1px #1279c6 inset;
  2647. color: #1a69a4;
  2648. }
  2649. .ui.basic.blue.buttons .button:active,
  2650. .ui.basic.blue.button:active {
  2651. box-shadow: 0 0 0 1px #1a69a4 inset;
  2652. color: #1a69a4;
  2653. }
  2654. .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
  2655. margin-left: -1px;
  2656. }
  2657. /* Inverted */
  2658. .ui.inverted.blue.buttons .button,
  2659. .ui.inverted.blue.button {
  2660. background-color: transparent;
  2661. box-shadow: 0 0 0 2px #54C8FF inset;
  2662. color: #54C8FF;
  2663. }
  2664. .ui.inverted.blue.buttons .button:hover,
  2665. .ui.inverted.blue.button:hover,
  2666. .ui.inverted.blue.buttons .button:focus,
  2667. .ui.inverted.blue.button:focus,
  2668. .ui.inverted.blue.buttons .button.active,
  2669. .ui.inverted.blue.button.active,
  2670. .ui.inverted.blue.buttons .button:active,
  2671. .ui.inverted.blue.button:active {
  2672. box-shadow: none;
  2673. color: #FFFFFF;
  2674. }
  2675. .ui.inverted.blue.buttons .button:hover,
  2676. .ui.inverted.blue.button:hover {
  2677. background-color: #21b8ff;
  2678. }
  2679. .ui.inverted.blue.buttons .button:focus,
  2680. .ui.inverted.blue.button:focus {
  2681. background-color: #2bbbff;
  2682. }
  2683. .ui.inverted.blue.buttons .active.button,
  2684. .ui.inverted.blue.active.button {
  2685. background-color: #3ac0ff;
  2686. }
  2687. .ui.inverted.blue.buttons .button:active,
  2688. .ui.inverted.blue.button:active {
  2689. background-color: #21b8ff;
  2690. }
  2691. /* Inverted Basic */
  2692. .ui.inverted.blue.basic.buttons .button,
  2693. .ui.inverted.blue.buttons .basic.button,
  2694. .ui.inverted.blue.basic.button {
  2695. background-color: transparent;
  2696. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  2697. color: #FFFFFF;
  2698. }
  2699. .ui.inverted.blue.basic.buttons .button:hover,
  2700. .ui.inverted.blue.buttons .basic.button:hover,
  2701. .ui.inverted.blue.basic.button:hover {
  2702. box-shadow: 0 0 0 2px #21b8ff inset;
  2703. color: #54C8FF;
  2704. }
  2705. .ui.inverted.blue.basic.buttons .button:focus,
  2706. .ui.inverted.blue.basic.buttons .button:focus,
  2707. .ui.inverted.blue.basic.button:focus {
  2708. box-shadow: 0 0 0 2px #2bbbff inset;
  2709. color: #54C8FF;
  2710. }
  2711. .ui.inverted.blue.basic.buttons .active.button,
  2712. .ui.inverted.blue.buttons .basic.active.button,
  2713. .ui.inverted.blue.basic.active.button {
  2714. box-shadow: 0 0 0 2px #3ac0ff inset;
  2715. color: #54C8FF;
  2716. }
  2717. .ui.inverted.blue.basic.buttons .button:active,
  2718. .ui.inverted.blue.buttons .basic.button:active,
  2719. .ui.inverted.blue.basic.button:active {
  2720. box-shadow: 0 0 0 2px #21b8ff inset;
  2721. color: #54C8FF;
  2722. }
  2723. /* Tertiary */
  2724. .ui.tertiary.blue.buttons .button,
  2725. .ui.tertiary.blue.buttons .tertiary.button,
  2726. .ui.tertiary.blue.button {
  2727. background: transparent;
  2728. box-shadow: none;
  2729. color: #2185D0;
  2730. }
  2731. .ui.tertiary.blue.buttons .button:hover,
  2732. .ui.tertiary.blue.buttons button:hover,
  2733. .ui.tertiary.blue.button:hover {
  2734. box-shadow: inset 0 -0.2em 0 #2b75ac;
  2735. color: #2b75ac;
  2736. }
  2737. .ui.tertiary.blue.buttons .button:focus,
  2738. .ui.tertiary.blue.buttons .tertiary.button:focus,
  2739. .ui.tertiary.blue.button:focus {
  2740. box-shadow: inset 0 -0.2em 0 #216ea7;
  2741. color: #216ea7;
  2742. }
  2743. .ui.tertiary.blue.buttons .active.button,
  2744. .ui.tertiary.blue.buttons .tertiary.active.button,
  2745. .ui.tertiary.blue.active.button,
  2746. .ui.tertiary.blue.buttons .button:active,
  2747. .ui.tertiary.blue.buttons .tertiary.button:active,
  2748. .ui.tertiary.blue.button:active {
  2749. box-shadow: inset 0 -0.2em 0 #007bd8;
  2750. color: #1279c6;
  2751. }
  2752. .ui.violet.buttons .button,
  2753. .ui.violet.button {
  2754. background-color: #6435C9;
  2755. color: #FFFFFF;
  2756. text-shadow: none;
  2757. background-image: none;
  2758. }
  2759. .ui.violet.button {
  2760. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  2761. }
  2762. .ui.violet.buttons .button:hover,
  2763. .ui.violet.button:hover {
  2764. background-color: #5829bb;
  2765. color: #FFFFFF;
  2766. text-shadow: none;
  2767. }
  2768. .ui.violet.buttons .button:focus,
  2769. .ui.violet.button:focus {
  2770. background-color: #4f20b5;
  2771. color: #FFFFFF;
  2772. text-shadow: none;
  2773. }
  2774. .ui.violet.buttons .button:active,
  2775. .ui.violet.button:active {
  2776. background-color: #502aa1;
  2777. color: #FFFFFF;
  2778. text-shadow: none;
  2779. }
  2780. .ui.violet.buttons .active.button,
  2781. .ui.violet.buttons .active.button:active,
  2782. .ui.violet.active.button,
  2783. .ui.violet.button .active.button:active {
  2784. background-color: #5626bf;
  2785. color: #FFFFFF;
  2786. text-shadow: none;
  2787. }
  2788. /* Basic */
  2789. .ui.basic.violet.buttons .button,
  2790. .ui.basic.violet.button {
  2791. background: transparent;
  2792. box-shadow: 0 0 0 1px #6435C9 inset;
  2793. color: #6435C9;
  2794. }
  2795. .ui.basic.violet.buttons .button:hover,
  2796. .ui.basic.violet.button:hover {
  2797. background: transparent;
  2798. box-shadow: 0 0 0 1px #5829bb inset;
  2799. color: #5829bb;
  2800. }
  2801. .ui.basic.violet.buttons .button:focus,
  2802. .ui.basic.violet.button:focus {
  2803. background: transparent;
  2804. box-shadow: 0 0 0 1px #4f20b5 inset;
  2805. color: #5829bb;
  2806. }
  2807. .ui.basic.violet.buttons .active.button,
  2808. .ui.basic.violet.active.button {
  2809. background: transparent;
  2810. box-shadow: 0 0 0 1px #5626bf inset;
  2811. color: #502aa1;
  2812. }
  2813. .ui.basic.violet.buttons .button:active,
  2814. .ui.basic.violet.button:active {
  2815. box-shadow: 0 0 0 1px #502aa1 inset;
  2816. color: #502aa1;
  2817. }
  2818. .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
  2819. margin-left: -1px;
  2820. }
  2821. /* Inverted */
  2822. .ui.inverted.violet.buttons .button,
  2823. .ui.inverted.violet.button {
  2824. background-color: transparent;
  2825. box-shadow: 0 0 0 2px #A291FB inset;
  2826. color: #A291FB;
  2827. }
  2828. .ui.inverted.violet.buttons .button:hover,
  2829. .ui.inverted.violet.button:hover,
  2830. .ui.inverted.violet.buttons .button:focus,
  2831. .ui.inverted.violet.button:focus,
  2832. .ui.inverted.violet.buttons .button.active,
  2833. .ui.inverted.violet.button.active,
  2834. .ui.inverted.violet.buttons .button:active,
  2835. .ui.inverted.violet.button:active {
  2836. box-shadow: none;
  2837. color: #FFFFFF;
  2838. }
  2839. .ui.inverted.violet.buttons .button:hover,
  2840. .ui.inverted.violet.button:hover {
  2841. background-color: #745aff;
  2842. }
  2843. .ui.inverted.violet.buttons .button:focus,
  2844. .ui.inverted.violet.button:focus {
  2845. background-color: #7d64ff;
  2846. }
  2847. .ui.inverted.violet.buttons .active.button,
  2848. .ui.inverted.violet.active.button {
  2849. background-color: #8a73ff;
  2850. }
  2851. .ui.inverted.violet.buttons .button:active,
  2852. .ui.inverted.violet.button:active {
  2853. background-color: #7860f9;
  2854. }
  2855. /* Inverted Basic */
  2856. .ui.inverted.violet.basic.buttons .button,
  2857. .ui.inverted.violet.buttons .basic.button,
  2858. .ui.inverted.violet.basic.button {
  2859. background-color: transparent;
  2860. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  2861. color: #FFFFFF;
  2862. }
  2863. .ui.inverted.violet.basic.buttons .button:hover,
  2864. .ui.inverted.violet.buttons .basic.button:hover,
  2865. .ui.inverted.violet.basic.button:hover {
  2866. box-shadow: 0 0 0 2px #745aff inset;
  2867. color: #A291FB;
  2868. }
  2869. .ui.inverted.violet.basic.buttons .button:focus,
  2870. .ui.inverted.violet.basic.buttons .button:focus,
  2871. .ui.inverted.violet.basic.button:focus {
  2872. box-shadow: 0 0 0 2px #7d64ff inset;
  2873. color: #A291FB;
  2874. }
  2875. .ui.inverted.violet.basic.buttons .active.button,
  2876. .ui.inverted.violet.buttons .basic.active.button,
  2877. .ui.inverted.violet.basic.active.button {
  2878. box-shadow: 0 0 0 2px #8a73ff inset;
  2879. color: #A291FB;
  2880. }
  2881. .ui.inverted.violet.basic.buttons .button:active,
  2882. .ui.inverted.violet.buttons .basic.button:active,
  2883. .ui.inverted.violet.basic.button:active {
  2884. box-shadow: 0 0 0 2px #7860f9 inset;
  2885. color: #A291FB;
  2886. }
  2887. /* Tertiary */
  2888. .ui.tertiary.violet.buttons .button,
  2889. .ui.tertiary.violet.buttons .tertiary.button,
  2890. .ui.tertiary.violet.button {
  2891. background: transparent;
  2892. box-shadow: none;
  2893. color: #6435C9;
  2894. }
  2895. .ui.tertiary.violet.buttons .button:hover,
  2896. .ui.tertiary.violet.buttons button:hover,
  2897. .ui.tertiary.violet.button:hover {
  2898. box-shadow: inset 0 -0.2em 0 #6040a5;
  2899. color: #6040a5;
  2900. }
  2901. .ui.tertiary.violet.buttons .button:focus,
  2902. .ui.tertiary.violet.buttons .tertiary.button:focus,
  2903. .ui.tertiary.violet.button:focus {
  2904. box-shadow: inset 0 -0.2em 0 #5735a0;
  2905. color: #5735a0;
  2906. }
  2907. .ui.tertiary.violet.buttons .active.button,
  2908. .ui.tertiary.violet.buttons .tertiary.active.button,
  2909. .ui.tertiary.violet.active.button,
  2910. .ui.tertiary.violet.buttons .button:active,
  2911. .ui.tertiary.violet.buttons .tertiary.button:active,
  2912. .ui.tertiary.violet.button:active {
  2913. box-shadow: inset 0 -0.2em 0 #4e0fd6;
  2914. color: #5626bf;
  2915. }
  2916. .ui.purple.buttons .button,
  2917. .ui.purple.button {
  2918. background-color: #A333C8;
  2919. color: #FFFFFF;
  2920. text-shadow: none;
  2921. background-image: none;
  2922. }
  2923. .ui.purple.button {
  2924. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  2925. }
  2926. .ui.purple.buttons .button:hover,
  2927. .ui.purple.button:hover {
  2928. background-color: #9627ba;
  2929. color: #FFFFFF;
  2930. text-shadow: none;
  2931. }
  2932. .ui.purple.buttons .button:focus,
  2933. .ui.purple.button:focus {
  2934. background-color: #8f1eb4;
  2935. color: #FFFFFF;
  2936. text-shadow: none;
  2937. }
  2938. .ui.purple.buttons .button:active,
  2939. .ui.purple.button:active {
  2940. background-color: #82299f;
  2941. color: #FFFFFF;
  2942. text-shadow: none;
  2943. }
  2944. .ui.purple.buttons .active.button,
  2945. .ui.purple.buttons .active.button:active,
  2946. .ui.purple.active.button,
  2947. .ui.purple.button .active.button:active {
  2948. background-color: #9724be;
  2949. color: #FFFFFF;
  2950. text-shadow: none;
  2951. }
  2952. /* Basic */
  2953. .ui.basic.purple.buttons .button,
  2954. .ui.basic.purple.button {
  2955. background: transparent;
  2956. box-shadow: 0 0 0 1px #A333C8 inset;
  2957. color: #A333C8;
  2958. }
  2959. .ui.basic.purple.buttons .button:hover,
  2960. .ui.basic.purple.button:hover {
  2961. background: transparent;
  2962. box-shadow: 0 0 0 1px #9627ba inset;
  2963. color: #9627ba;
  2964. }
  2965. .ui.basic.purple.buttons .button:focus,
  2966. .ui.basic.purple.button:focus {
  2967. background: transparent;
  2968. box-shadow: 0 0 0 1px #8f1eb4 inset;
  2969. color: #9627ba;
  2970. }
  2971. .ui.basic.purple.buttons .active.button,
  2972. .ui.basic.purple.active.button {
  2973. background: transparent;
  2974. box-shadow: 0 0 0 1px #9724be inset;
  2975. color: #82299f;
  2976. }
  2977. .ui.basic.purple.buttons .button:active,
  2978. .ui.basic.purple.button:active {
  2979. box-shadow: 0 0 0 1px #82299f inset;
  2980. color: #82299f;
  2981. }
  2982. .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
  2983. margin-left: -1px;
  2984. }
  2985. /* Inverted */
  2986. .ui.inverted.purple.buttons .button,
  2987. .ui.inverted.purple.button {
  2988. background-color: transparent;
  2989. box-shadow: 0 0 0 2px #DC73FF inset;
  2990. color: #DC73FF;
  2991. }
  2992. .ui.inverted.purple.buttons .button:hover,
  2993. .ui.inverted.purple.button:hover,
  2994. .ui.inverted.purple.buttons .button:focus,
  2995. .ui.inverted.purple.button:focus,
  2996. .ui.inverted.purple.buttons .button.active,
  2997. .ui.inverted.purple.button.active,
  2998. .ui.inverted.purple.buttons .button:active,
  2999. .ui.inverted.purple.button:active {
  3000. box-shadow: none;
  3001. color: #FFFFFF;
  3002. }
  3003. .ui.inverted.purple.buttons .button:hover,
  3004. .ui.inverted.purple.button:hover {
  3005. background-color: #cf40ff;
  3006. }
  3007. .ui.inverted.purple.buttons .button:focus,
  3008. .ui.inverted.purple.button:focus {
  3009. background-color: #d24aff;
  3010. }
  3011. .ui.inverted.purple.buttons .active.button,
  3012. .ui.inverted.purple.active.button {
  3013. background-color: #d65aff;
  3014. }
  3015. .ui.inverted.purple.buttons .button:active,
  3016. .ui.inverted.purple.button:active {
  3017. background-color: #cf40ff;
  3018. }
  3019. /* Inverted Basic */
  3020. .ui.inverted.purple.basic.buttons .button,
  3021. .ui.inverted.purple.buttons .basic.button,
  3022. .ui.inverted.purple.basic.button {
  3023. background-color: transparent;
  3024. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  3025. color: #FFFFFF;
  3026. }
  3027. .ui.inverted.purple.basic.buttons .button:hover,
  3028. .ui.inverted.purple.buttons .basic.button:hover,
  3029. .ui.inverted.purple.basic.button:hover {
  3030. box-shadow: 0 0 0 2px #cf40ff inset;
  3031. color: #DC73FF;
  3032. }
  3033. .ui.inverted.purple.basic.buttons .button:focus,
  3034. .ui.inverted.purple.basic.buttons .button:focus,
  3035. .ui.inverted.purple.basic.button:focus {
  3036. box-shadow: 0 0 0 2px #d24aff inset;
  3037. color: #DC73FF;
  3038. }
  3039. .ui.inverted.purple.basic.buttons .active.button,
  3040. .ui.inverted.purple.buttons .basic.active.button,
  3041. .ui.inverted.purple.basic.active.button {
  3042. box-shadow: 0 0 0 2px #d65aff inset;
  3043. color: #DC73FF;
  3044. }
  3045. .ui.inverted.purple.basic.buttons .button:active,
  3046. .ui.inverted.purple.buttons .basic.button:active,
  3047. .ui.inverted.purple.basic.button:active {
  3048. box-shadow: 0 0 0 2px #cf40ff inset;
  3049. color: #DC73FF;
  3050. }
  3051. /* Tertiary */
  3052. .ui.tertiary.purple.buttons .button,
  3053. .ui.tertiary.purple.buttons .tertiary.button,
  3054. .ui.tertiary.purple.button {
  3055. background: transparent;
  3056. box-shadow: none;
  3057. color: #A333C8;
  3058. }
  3059. .ui.tertiary.purple.buttons .button:hover,
  3060. .ui.tertiary.purple.buttons button:hover,
  3061. .ui.tertiary.purple.button:hover {
  3062. box-shadow: inset 0 -0.2em 0 #8a3ea4;
  3063. color: #8a3ea4;
  3064. }
  3065. .ui.tertiary.purple.buttons .button:focus,
  3066. .ui.tertiary.purple.buttons .tertiary.button:focus,
  3067. .ui.tertiary.purple.button:focus {
  3068. box-shadow: inset 0 -0.2em 0 #84339f;
  3069. color: #84339f;
  3070. }
  3071. .ui.tertiary.purple.buttons .active.button,
  3072. .ui.tertiary.purple.buttons .tertiary.active.button,
  3073. .ui.tertiary.purple.active.button,
  3074. .ui.tertiary.purple.buttons .button:active,
  3075. .ui.tertiary.purple.buttons .tertiary.button:active,
  3076. .ui.tertiary.purple.button:active {
  3077. box-shadow: inset 0 -0.2em 0 #a30dd4;
  3078. color: #9724be;
  3079. }
  3080. .ui.pink.buttons .button,
  3081. .ui.pink.button {
  3082. background-color: #E03997;
  3083. color: #FFFFFF;
  3084. text-shadow: none;
  3085. background-image: none;
  3086. }
  3087. .ui.pink.button {
  3088. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3089. }
  3090. .ui.pink.buttons .button:hover,
  3091. .ui.pink.button:hover {
  3092. background-color: #e61a8d;
  3093. color: #FFFFFF;
  3094. text-shadow: none;
  3095. }
  3096. .ui.pink.buttons .button:focus,
  3097. .ui.pink.button:focus {
  3098. background-color: #e10f85;
  3099. color: #FFFFFF;
  3100. text-shadow: none;
  3101. }
  3102. .ui.pink.buttons .button:active,
  3103. .ui.pink.button:active {
  3104. background-color: #c71f7e;
  3105. color: #FFFFFF;
  3106. text-shadow: none;
  3107. }
  3108. .ui.pink.buttons .active.button,
  3109. .ui.pink.buttons .active.button:active,
  3110. .ui.pink.active.button,
  3111. .ui.pink.button .active.button:active {
  3112. background-color: #ea158d;
  3113. color: #FFFFFF;
  3114. text-shadow: none;
  3115. }
  3116. /* Basic */
  3117. .ui.basic.pink.buttons .button,
  3118. .ui.basic.pink.button {
  3119. background: transparent;
  3120. box-shadow: 0 0 0 1px #E03997 inset;
  3121. color: #E03997;
  3122. }
  3123. .ui.basic.pink.buttons .button:hover,
  3124. .ui.basic.pink.button:hover {
  3125. background: transparent;
  3126. box-shadow: 0 0 0 1px #e61a8d inset;
  3127. color: #e61a8d;
  3128. }
  3129. .ui.basic.pink.buttons .button:focus,
  3130. .ui.basic.pink.button:focus {
  3131. background: transparent;
  3132. box-shadow: 0 0 0 1px #e10f85 inset;
  3133. color: #e61a8d;
  3134. }
  3135. .ui.basic.pink.buttons .active.button,
  3136. .ui.basic.pink.active.button {
  3137. background: transparent;
  3138. box-shadow: 0 0 0 1px #ea158d inset;
  3139. color: #c71f7e;
  3140. }
  3141. .ui.basic.pink.buttons .button:active,
  3142. .ui.basic.pink.button:active {
  3143. box-shadow: 0 0 0 1px #c71f7e inset;
  3144. color: #c71f7e;
  3145. }
  3146. .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
  3147. margin-left: -1px;
  3148. }
  3149. /* Inverted */
  3150. .ui.inverted.pink.buttons .button,
  3151. .ui.inverted.pink.button {
  3152. background-color: transparent;
  3153. box-shadow: 0 0 0 2px #FF8EDF inset;
  3154. color: #FF8EDF;
  3155. }
  3156. .ui.inverted.pink.buttons .button:hover,
  3157. .ui.inverted.pink.button:hover,
  3158. .ui.inverted.pink.buttons .button:focus,
  3159. .ui.inverted.pink.button:focus,
  3160. .ui.inverted.pink.buttons .button.active,
  3161. .ui.inverted.pink.button.active,
  3162. .ui.inverted.pink.buttons .button:active,
  3163. .ui.inverted.pink.button:active {
  3164. box-shadow: none;
  3165. color: #FFFFFF;
  3166. }
  3167. .ui.inverted.pink.buttons .button:hover,
  3168. .ui.inverted.pink.button:hover {
  3169. background-color: #ff5bd1;
  3170. }
  3171. .ui.inverted.pink.buttons .button:focus,
  3172. .ui.inverted.pink.button:focus {
  3173. background-color: #ff65d3;
  3174. }
  3175. .ui.inverted.pink.buttons .active.button,
  3176. .ui.inverted.pink.active.button {
  3177. background-color: #ff74d8;
  3178. }
  3179. .ui.inverted.pink.buttons .button:active,
  3180. .ui.inverted.pink.button:active {
  3181. background-color: #ff5bd1;
  3182. }
  3183. /* Inverted Basic */
  3184. .ui.inverted.pink.basic.buttons .button,
  3185. .ui.inverted.pink.buttons .basic.button,
  3186. .ui.inverted.pink.basic.button {
  3187. background-color: transparent;
  3188. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  3189. color: #FFFFFF;
  3190. }
  3191. .ui.inverted.pink.basic.buttons .button:hover,
  3192. .ui.inverted.pink.buttons .basic.button:hover,
  3193. .ui.inverted.pink.basic.button:hover {
  3194. box-shadow: 0 0 0 2px #ff5bd1 inset;
  3195. color: #FF8EDF;
  3196. }
  3197. .ui.inverted.pink.basic.buttons .button:focus,
  3198. .ui.inverted.pink.basic.buttons .button:focus,
  3199. .ui.inverted.pink.basic.button:focus {
  3200. box-shadow: 0 0 0 2px #ff65d3 inset;
  3201. color: #FF8EDF;
  3202. }
  3203. .ui.inverted.pink.basic.buttons .active.button,
  3204. .ui.inverted.pink.buttons .basic.active.button,
  3205. .ui.inverted.pink.basic.active.button {
  3206. box-shadow: 0 0 0 2px #ff74d8 inset;
  3207. color: #FF8EDF;
  3208. }
  3209. .ui.inverted.pink.basic.buttons .button:active,
  3210. .ui.inverted.pink.buttons .basic.button:active,
  3211. .ui.inverted.pink.basic.button:active {
  3212. box-shadow: 0 0 0 2px #ff5bd1 inset;
  3213. color: #FF8EDF;
  3214. }
  3215. /* Tertiary */
  3216. .ui.tertiary.pink.buttons .button,
  3217. .ui.tertiary.pink.buttons .tertiary.button,
  3218. .ui.tertiary.pink.button {
  3219. background: transparent;
  3220. box-shadow: none;
  3221. color: #E03997;
  3222. }
  3223. .ui.tertiary.pink.buttons .button:hover,
  3224. .ui.tertiary.pink.buttons button:hover,
  3225. .ui.tertiary.pink.button:hover {
  3226. box-shadow: inset 0 -0.2em 0 #cc3389;
  3227. color: #cc3389;
  3228. }
  3229. .ui.tertiary.pink.buttons .button:focus,
  3230. .ui.tertiary.pink.buttons .tertiary.button:focus,
  3231. .ui.tertiary.pink.button:focus {
  3232. box-shadow: inset 0 -0.2em 0 #c92782;
  3233. color: #c92782;
  3234. }
  3235. .ui.tertiary.pink.buttons .active.button,
  3236. .ui.tertiary.pink.buttons .tertiary.active.button,
  3237. .ui.tertiary.pink.active.button,
  3238. .ui.tertiary.pink.buttons .button:active,
  3239. .ui.tertiary.pink.buttons .tertiary.button:active,
  3240. .ui.tertiary.pink.button:active {
  3241. box-shadow: inset 0 -0.2em 0 #ff0090;
  3242. color: #ea158d;
  3243. }
  3244. .ui.brown.buttons .button,
  3245. .ui.brown.button {
  3246. background-color: #A5673F;
  3247. color: #FFFFFF;
  3248. text-shadow: none;
  3249. background-image: none;
  3250. }
  3251. .ui.brown.button {
  3252. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3253. }
  3254. .ui.brown.buttons .button:hover,
  3255. .ui.brown.button:hover {
  3256. background-color: #975b33;
  3257. color: #FFFFFF;
  3258. text-shadow: none;
  3259. }
  3260. .ui.brown.buttons .button:focus,
  3261. .ui.brown.button:focus {
  3262. background-color: #90532b;
  3263. color: #FFFFFF;
  3264. text-shadow: none;
  3265. }
  3266. .ui.brown.buttons .button:active,
  3267. .ui.brown.button:active {
  3268. background-color: #805031;
  3269. color: #FFFFFF;
  3270. text-shadow: none;
  3271. }
  3272. .ui.brown.buttons .active.button,
  3273. .ui.brown.buttons .active.button:active,
  3274. .ui.brown.active.button,
  3275. .ui.brown.button .active.button:active {
  3276. background-color: #995a31;
  3277. color: #FFFFFF;
  3278. text-shadow: none;
  3279. }
  3280. /* Basic */
  3281. .ui.basic.brown.buttons .button,
  3282. .ui.basic.brown.button {
  3283. background: transparent;
  3284. box-shadow: 0 0 0 1px #A5673F inset;
  3285. color: #A5673F;
  3286. }
  3287. .ui.basic.brown.buttons .button:hover,
  3288. .ui.basic.brown.button:hover {
  3289. background: transparent;
  3290. box-shadow: 0 0 0 1px #975b33 inset;
  3291. color: #975b33;
  3292. }
  3293. .ui.basic.brown.buttons .button:focus,
  3294. .ui.basic.brown.button:focus {
  3295. background: transparent;
  3296. box-shadow: 0 0 0 1px #90532b inset;
  3297. color: #975b33;
  3298. }
  3299. .ui.basic.brown.buttons .active.button,
  3300. .ui.basic.brown.active.button {
  3301. background: transparent;
  3302. box-shadow: 0 0 0 1px #995a31 inset;
  3303. color: #805031;
  3304. }
  3305. .ui.basic.brown.buttons .button:active,
  3306. .ui.basic.brown.button:active {
  3307. box-shadow: 0 0 0 1px #805031 inset;
  3308. color: #805031;
  3309. }
  3310. .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
  3311. margin-left: -1px;
  3312. }
  3313. /* Inverted */
  3314. .ui.inverted.brown.buttons .button,
  3315. .ui.inverted.brown.button {
  3316. background-color: transparent;
  3317. box-shadow: 0 0 0 2px #D67C1C inset;
  3318. color: #D67C1C;
  3319. }
  3320. .ui.inverted.brown.buttons .button:hover,
  3321. .ui.inverted.brown.button:hover,
  3322. .ui.inverted.brown.buttons .button:focus,
  3323. .ui.inverted.brown.button:focus,
  3324. .ui.inverted.brown.buttons .button.active,
  3325. .ui.inverted.brown.button.active,
  3326. .ui.inverted.brown.buttons .button:active,
  3327. .ui.inverted.brown.button:active {
  3328. box-shadow: none;
  3329. color: #FFFFFF;
  3330. }
  3331. .ui.inverted.brown.buttons .button:hover,
  3332. .ui.inverted.brown.button:hover {
  3333. background-color: #b0620f;
  3334. }
  3335. .ui.inverted.brown.buttons .button:focus,
  3336. .ui.inverted.brown.button:focus {
  3337. background-color: #c16808;
  3338. }
  3339. .ui.inverted.brown.buttons .active.button,
  3340. .ui.inverted.brown.active.button {
  3341. background-color: #cc6f0d;
  3342. }
  3343. .ui.inverted.brown.buttons .button:active,
  3344. .ui.inverted.brown.button:active {
  3345. background-color: #a96216;
  3346. }
  3347. /* Inverted Basic */
  3348. .ui.inverted.brown.basic.buttons .button,
  3349. .ui.inverted.brown.buttons .basic.button,
  3350. .ui.inverted.brown.basic.button {
  3351. background-color: transparent;
  3352. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  3353. color: #FFFFFF;
  3354. }
  3355. .ui.inverted.brown.basic.buttons .button:hover,
  3356. .ui.inverted.brown.buttons .basic.button:hover,
  3357. .ui.inverted.brown.basic.button:hover {
  3358. box-shadow: 0 0 0 2px #b0620f inset;
  3359. color: #D67C1C;
  3360. }
  3361. .ui.inverted.brown.basic.buttons .button:focus,
  3362. .ui.inverted.brown.basic.buttons .button:focus,
  3363. .ui.inverted.brown.basic.button:focus {
  3364. box-shadow: 0 0 0 2px #c16808 inset;
  3365. color: #D67C1C;
  3366. }
  3367. .ui.inverted.brown.basic.buttons .active.button,
  3368. .ui.inverted.brown.buttons .basic.active.button,
  3369. .ui.inverted.brown.basic.active.button {
  3370. box-shadow: 0 0 0 2px #cc6f0d inset;
  3371. color: #D67C1C;
  3372. }
  3373. .ui.inverted.brown.basic.buttons .button:active,
  3374. .ui.inverted.brown.buttons .basic.button:active,
  3375. .ui.inverted.brown.basic.button:active {
  3376. box-shadow: 0 0 0 2px #a96216 inset;
  3377. color: #D67C1C;
  3378. }
  3379. /* Tertiary */
  3380. .ui.tertiary.brown.buttons .button,
  3381. .ui.tertiary.brown.buttons .tertiary.button,
  3382. .ui.tertiary.brown.button {
  3383. background: transparent;
  3384. box-shadow: none;
  3385. color: #A5673F;
  3386. }
  3387. .ui.tertiary.brown.buttons .button:hover,
  3388. .ui.tertiary.brown.buttons button:hover,
  3389. .ui.tertiary.brown.button:hover {
  3390. box-shadow: inset 0 -0.2em 0 #835f48;
  3391. color: #835f48;
  3392. }
  3393. .ui.tertiary.brown.buttons .button:focus,
  3394. .ui.tertiary.brown.buttons .tertiary.button:focus,
  3395. .ui.tertiary.brown.button:focus {
  3396. box-shadow: inset 0 -0.2em 0 #7d573e;
  3397. color: #7d573e;
  3398. }
  3399. .ui.tertiary.brown.buttons .active.button,
  3400. .ui.tertiary.brown.buttons .tertiary.active.button,
  3401. .ui.tertiary.brown.active.button,
  3402. .ui.tertiary.brown.buttons .button:active,
  3403. .ui.tertiary.brown.buttons .tertiary.button:active,
  3404. .ui.tertiary.brown.button:active {
  3405. box-shadow: inset 0 -0.2em 0 #ae561d;
  3406. color: #995a31;
  3407. }
  3408. .ui.grey.buttons .button,
  3409. .ui.grey.button {
  3410. background-color: #767676;
  3411. color: #FFFFFF;
  3412. text-shadow: none;
  3413. background-image: none;
  3414. }
  3415. .ui.grey.button {
  3416. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3417. }
  3418. .ui.grey.buttons .button:hover,
  3419. .ui.grey.button:hover {
  3420. background-color: #838383;
  3421. color: #FFFFFF;
  3422. text-shadow: none;
  3423. }
  3424. .ui.grey.buttons .button:focus,
  3425. .ui.grey.button:focus {
  3426. background-color: #8a8a8a;
  3427. color: #FFFFFF;
  3428. text-shadow: none;
  3429. }
  3430. .ui.grey.buttons .button:active,
  3431. .ui.grey.button:active {
  3432. background-color: #909090;
  3433. color: #FFFFFF;
  3434. text-shadow: none;
  3435. }
  3436. .ui.grey.buttons .active.button,
  3437. .ui.grey.buttons .active.button:active,
  3438. .ui.grey.active.button,
  3439. .ui.grey.button .active.button:active {
  3440. background-color: #696969;
  3441. color: #FFFFFF;
  3442. text-shadow: none;
  3443. }
  3444. /* Basic */
  3445. .ui.basic.grey.buttons .button,
  3446. .ui.basic.grey.button {
  3447. background: transparent;
  3448. box-shadow: 0 0 0 1px #767676 inset;
  3449. color: #767676;
  3450. }
  3451. .ui.basic.grey.buttons .button:hover,
  3452. .ui.basic.grey.button:hover {
  3453. background: transparent;
  3454. box-shadow: 0 0 0 1px #838383 inset;
  3455. color: #838383;
  3456. }
  3457. .ui.basic.grey.buttons .button:focus,
  3458. .ui.basic.grey.button:focus {
  3459. background: transparent;
  3460. box-shadow: 0 0 0 1px #8a8a8a inset;
  3461. color: #838383;
  3462. }
  3463. .ui.basic.grey.buttons .active.button,
  3464. .ui.basic.grey.active.button {
  3465. background: transparent;
  3466. box-shadow: 0 0 0 1px #696969 inset;
  3467. color: #909090;
  3468. }
  3469. .ui.basic.grey.buttons .button:active,
  3470. .ui.basic.grey.button:active {
  3471. box-shadow: 0 0 0 1px #909090 inset;
  3472. color: #909090;
  3473. }
  3474. .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
  3475. margin-left: -1px;
  3476. }
  3477. /* Inverted */
  3478. .ui.inverted.grey.buttons .button,
  3479. .ui.inverted.grey.button {
  3480. background-color: transparent;
  3481. box-shadow: 0 0 0 2px #D4D4D5 inset;
  3482. color: #FFFFFF;
  3483. }
  3484. .ui.inverted.grey.buttons .button:hover,
  3485. .ui.inverted.grey.button:hover,
  3486. .ui.inverted.grey.buttons .button:focus,
  3487. .ui.inverted.grey.button:focus,
  3488. .ui.inverted.grey.buttons .button.active,
  3489. .ui.inverted.grey.button.active,
  3490. .ui.inverted.grey.buttons .button:active,
  3491. .ui.inverted.grey.button:active {
  3492. box-shadow: none;
  3493. color: rgba(0, 0, 0, 0.6);
  3494. }
  3495. .ui.inverted.grey.buttons .button:hover,
  3496. .ui.inverted.grey.button:hover {
  3497. background-color: #c2c4c5;
  3498. }
  3499. .ui.inverted.grey.buttons .button:focus,
  3500. .ui.inverted.grey.button:focus {
  3501. background-color: #c7c9cb;
  3502. }
  3503. .ui.inverted.grey.buttons .active.button,
  3504. .ui.inverted.grey.active.button {
  3505. background-color: #cfd0d2;
  3506. }
  3507. .ui.inverted.grey.buttons .button:active,
  3508. .ui.inverted.grey.button:active {
  3509. background-color: #c2c4c5;
  3510. }
  3511. /* Inverted Basic */
  3512. .ui.inverted.grey.basic.buttons .button,
  3513. .ui.inverted.grey.buttons .basic.button,
  3514. .ui.inverted.grey.basic.button {
  3515. background-color: transparent;
  3516. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  3517. color: #FFFFFF;
  3518. }
  3519. .ui.inverted.grey.basic.buttons .button:hover,
  3520. .ui.inverted.grey.buttons .basic.button:hover,
  3521. .ui.inverted.grey.basic.button:hover {
  3522. box-shadow: 0 0 0 2px #c2c4c5 inset;
  3523. color: #FFFFFF;
  3524. }
  3525. .ui.inverted.grey.basic.buttons .button:focus,
  3526. .ui.inverted.grey.basic.buttons .button:focus,
  3527. .ui.inverted.grey.basic.button:focus {
  3528. box-shadow: 0 0 0 2px #c7c9cb inset;
  3529. color: #DCDDDE;
  3530. }
  3531. .ui.inverted.grey.basic.buttons .active.button,
  3532. .ui.inverted.grey.buttons .basic.active.button,
  3533. .ui.inverted.grey.basic.active.button {
  3534. box-shadow: 0 0 0 2px #cfd0d2 inset;
  3535. color: #FFFFFF;
  3536. }
  3537. .ui.inverted.grey.basic.buttons .button:active,
  3538. .ui.inverted.grey.buttons .basic.button:active,
  3539. .ui.inverted.grey.basic.button:active {
  3540. box-shadow: 0 0 0 2px #c2c4c5 inset;
  3541. color: #FFFFFF;
  3542. }
  3543. /* Tertiary */
  3544. .ui.tertiary.grey.buttons .button,
  3545. .ui.tertiary.grey.buttons .tertiary.button,
  3546. .ui.tertiary.grey.button {
  3547. background: transparent;
  3548. box-shadow: none;
  3549. color: #767676;
  3550. }
  3551. .ui.tertiary.grey.buttons .button:hover,
  3552. .ui.tertiary.grey.buttons button:hover,
  3553. .ui.tertiary.grey.button:hover {
  3554. box-shadow: inset 0 -0.2em 0 #838383;
  3555. color: #838383;
  3556. }
  3557. .ui.tertiary.grey.buttons .button:focus,
  3558. .ui.tertiary.grey.buttons .tertiary.button:focus,
  3559. .ui.tertiary.grey.button:focus {
  3560. box-shadow: inset 0 -0.2em 0 #8a8a8a;
  3561. color: #8a8a8a;
  3562. }
  3563. .ui.tertiary.grey.buttons .active.button,
  3564. .ui.tertiary.grey.buttons .tertiary.active.button,
  3565. .ui.tertiary.grey.active.button,
  3566. .ui.tertiary.grey.buttons .button:active,
  3567. .ui.tertiary.grey.buttons .tertiary.button:active,
  3568. .ui.tertiary.grey.button:active {
  3569. box-shadow: inset 0 -0.2em 0 #7e5454;
  3570. color: #696969;
  3571. }
  3572. .ui.black.buttons .button,
  3573. .ui.black.button {
  3574. background-color: #1B1C1D;
  3575. color: #FFFFFF;
  3576. text-shadow: none;
  3577. background-image: none;
  3578. }
  3579. .ui.black.button {
  3580. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3581. }
  3582. .ui.black.buttons .button:hover,
  3583. .ui.black.button:hover {
  3584. background-color: #27292a;
  3585. color: #FFFFFF;
  3586. text-shadow: none;
  3587. }
  3588. .ui.black.buttons .button:focus,
  3589. .ui.black.button:focus {
  3590. background-color: #2f3032;
  3591. color: #FFFFFF;
  3592. text-shadow: none;
  3593. }
  3594. .ui.black.buttons .button:active,
  3595. .ui.black.button:active {
  3596. background-color: #343637;
  3597. color: #FFFFFF;
  3598. text-shadow: none;
  3599. }
  3600. .ui.black.buttons .active.button,
  3601. .ui.black.buttons .active.button:active,
  3602. .ui.black.active.button,
  3603. .ui.black.button .active.button:active {
  3604. background-color: #0f0f10;
  3605. color: #FFFFFF;
  3606. text-shadow: none;
  3607. }
  3608. /* Basic */
  3609. .ui.basic.black.buttons .button,
  3610. .ui.basic.black.button {
  3611. background: transparent;
  3612. box-shadow: 0 0 0 1px #1B1C1D inset;
  3613. color: #1B1C1D;
  3614. }
  3615. .ui.basic.black.buttons .button:hover,
  3616. .ui.basic.black.button:hover {
  3617. background: transparent;
  3618. box-shadow: 0 0 0 1px #27292a inset;
  3619. color: #27292a;
  3620. }
  3621. .ui.basic.black.buttons .button:focus,
  3622. .ui.basic.black.button:focus {
  3623. background: transparent;
  3624. box-shadow: 0 0 0 1px #2f3032 inset;
  3625. color: #27292a;
  3626. }
  3627. .ui.basic.black.buttons .active.button,
  3628. .ui.basic.black.active.button {
  3629. background: transparent;
  3630. box-shadow: 0 0 0 1px #0f0f10 inset;
  3631. color: #343637;
  3632. }
  3633. .ui.basic.black.buttons .button:active,
  3634. .ui.basic.black.button:active {
  3635. box-shadow: 0 0 0 1px #343637 inset;
  3636. color: #343637;
  3637. }
  3638. .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
  3639. margin-left: -1px;
  3640. }
  3641. /* Inverted */
  3642. .ui.inverted.black.buttons .button,
  3643. .ui.inverted.black.button {
  3644. background-color: transparent;
  3645. box-shadow: 0 0 0 2px #D4D4D5 inset;
  3646. color: #FFFFFF;
  3647. }
  3648. .ui.inverted.black.buttons .button:hover,
  3649. .ui.inverted.black.button:hover,
  3650. .ui.inverted.black.buttons .button:focus,
  3651. .ui.inverted.black.button:focus,
  3652. .ui.inverted.black.buttons .button.active,
  3653. .ui.inverted.black.button.active,
  3654. .ui.inverted.black.buttons .button:active,
  3655. .ui.inverted.black.button:active {
  3656. box-shadow: none;
  3657. color: #FFFFFF;
  3658. }
  3659. .ui.inverted.black.buttons .button:hover,
  3660. .ui.inverted.black.button:hover {
  3661. background-color: #000000;
  3662. }
  3663. .ui.inverted.black.buttons .button:focus,
  3664. .ui.inverted.black.button:focus {
  3665. background-color: #000000;
  3666. }
  3667. .ui.inverted.black.buttons .active.button,
  3668. .ui.inverted.black.active.button {
  3669. background-color: #000000;
  3670. }
  3671. .ui.inverted.black.buttons .button:active,
  3672. .ui.inverted.black.button:active {
  3673. background-color: #000000;
  3674. }
  3675. /* Inverted Basic */
  3676. .ui.inverted.black.basic.buttons .button,
  3677. .ui.inverted.black.buttons .basic.button,
  3678. .ui.inverted.black.basic.button {
  3679. background-color: transparent;
  3680. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  3681. color: #FFFFFF;
  3682. }
  3683. .ui.inverted.black.basic.buttons .button:hover,
  3684. .ui.inverted.black.buttons .basic.button:hover,
  3685. .ui.inverted.black.basic.button:hover {
  3686. box-shadow: 0 0 0 2px #000000 inset;
  3687. color: #FFFFFF;
  3688. }
  3689. .ui.inverted.black.basic.buttons .button:focus,
  3690. .ui.inverted.black.basic.buttons .button:focus,
  3691. .ui.inverted.black.basic.button:focus {
  3692. box-shadow: 0 0 0 2px #000000 inset;
  3693. color: #545454;
  3694. }
  3695. .ui.inverted.black.basic.buttons .active.button,
  3696. .ui.inverted.black.buttons .basic.active.button,
  3697. .ui.inverted.black.basic.active.button {
  3698. box-shadow: 0 0 0 2px #000000 inset;
  3699. color: #FFFFFF;
  3700. }
  3701. .ui.inverted.black.basic.buttons .button:active,
  3702. .ui.inverted.black.buttons .basic.button:active,
  3703. .ui.inverted.black.basic.button:active {
  3704. box-shadow: 0 0 0 2px #000000 inset;
  3705. color: #FFFFFF;
  3706. }
  3707. /* Tertiary */
  3708. .ui.tertiary.black.buttons .button,
  3709. .ui.tertiary.black.buttons .tertiary.button,
  3710. .ui.tertiary.black.button {
  3711. background: transparent;
  3712. box-shadow: none;
  3713. color: #1B1C1D;
  3714. }
  3715. .ui.tertiary.black.buttons .button:hover,
  3716. .ui.tertiary.black.buttons button:hover,
  3717. .ui.tertiary.black.button:hover {
  3718. box-shadow: inset 0 -0.2em 0 #8b8f93;
  3719. color: #8b8f93;
  3720. }
  3721. .ui.tertiary.black.buttons .button:focus,
  3722. .ui.tertiary.black.buttons .tertiary.button:focus,
  3723. .ui.tertiary.black.button:focus {
  3724. box-shadow: inset 0 -0.2em 0 #93969a;
  3725. color: #93969a;
  3726. }
  3727. .ui.tertiary.black.buttons .active.button,
  3728. .ui.tertiary.black.buttons .tertiary.active.button,
  3729. .ui.tertiary.black.active.button,
  3730. .ui.tertiary.black.buttons .button:active,
  3731. .ui.tertiary.black.buttons .tertiary.button:active,
  3732. .ui.tertiary.black.button:active {
  3733. box-shadow: inset 0 -0.2em 0 #404245;
  3734. color: #0f0f10;
  3735. }
  3736. /*---------------
  3737. Positive
  3738. ----------------*/
  3739. /* Standard */
  3740. .ui.positive.buttons .button,
  3741. .ui.positive.button {
  3742. background-color: #21BA45;
  3743. color: #FFFFFF;
  3744. text-shadow: none;
  3745. background-image: none;
  3746. }
  3747. .ui.positive.button {
  3748. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3749. }
  3750. .ui.positive.buttons .button:hover,
  3751. .ui.positive.button:hover {
  3752. background-color: #16ab39;
  3753. color: #FFFFFF;
  3754. text-shadow: none;
  3755. }
  3756. .ui.positive.buttons .button:focus,
  3757. .ui.positive.button:focus {
  3758. background-color: #0ea432;
  3759. color: #FFFFFF;
  3760. text-shadow: none;
  3761. }
  3762. .ui.positive.buttons .button:active,
  3763. .ui.positive.button:active {
  3764. background-color: #198f35;
  3765. color: #FFFFFF;
  3766. text-shadow: none;
  3767. }
  3768. .ui.positive.buttons .active.button,
  3769. .ui.positive.buttons .active.button:active,
  3770. .ui.positive.active.button,
  3771. .ui.positive.button .active.button:active {
  3772. background-color: #13ae38;
  3773. color: #FFFFFF;
  3774. text-shadow: none;
  3775. }
  3776. /* Basic */
  3777. .ui.basic.positive.buttons .button,
  3778. .ui.basic.positive.button {
  3779. background: transparent;
  3780. box-shadow: 0 0 0 1px #21BA45 inset;
  3781. color: #21BA45;
  3782. }
  3783. .ui.basic.positive.buttons .button:hover,
  3784. .ui.basic.positive.button:hover {
  3785. background: transparent;
  3786. box-shadow: 0 0 0 1px #16ab39 inset;
  3787. color: #16ab39;
  3788. }
  3789. .ui.basic.positive.buttons .button:focus,
  3790. .ui.basic.positive.button:focus {
  3791. background: transparent;
  3792. box-shadow: 0 0 0 1px #0ea432 inset;
  3793. color: #16ab39;
  3794. }
  3795. .ui.basic.positive.buttons .active.button,
  3796. .ui.basic.positive.active.button {
  3797. background: transparent;
  3798. box-shadow: 0 0 0 1px #13ae38 inset;
  3799. color: #198f35;
  3800. }
  3801. .ui.basic.positive.buttons .button:active,
  3802. .ui.basic.positive.button:active {
  3803. box-shadow: 0 0 0 1px #198f35 inset;
  3804. color: #198f35;
  3805. }
  3806. .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
  3807. margin-left: -1px;
  3808. }
  3809. /*---------------
  3810. Negative
  3811. ----------------*/
  3812. /* Standard */
  3813. .ui.negative.buttons .button,
  3814. .ui.negative.button {
  3815. background-color: #DB2828;
  3816. color: #FFFFFF;
  3817. text-shadow: none;
  3818. background-image: none;
  3819. }
  3820. .ui.negative.button {
  3821. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3822. }
  3823. .ui.negative.buttons .button:hover,
  3824. .ui.negative.button:hover {
  3825. background-color: #d01919;
  3826. color: #FFFFFF;
  3827. text-shadow: none;
  3828. }
  3829. .ui.negative.buttons .button:focus,
  3830. .ui.negative.button:focus {
  3831. background-color: #ca1010;
  3832. color: #FFFFFF;
  3833. text-shadow: none;
  3834. }
  3835. .ui.negative.buttons .button:active,
  3836. .ui.negative.button:active {
  3837. background-color: #b21e1e;
  3838. color: #FFFFFF;
  3839. text-shadow: none;
  3840. }
  3841. .ui.negative.buttons .active.button,
  3842. .ui.negative.buttons .active.button:active,
  3843. .ui.negative.active.button,
  3844. .ui.negative.button .active.button:active {
  3845. background-color: #d41515;
  3846. color: #FFFFFF;
  3847. text-shadow: none;
  3848. }
  3849. /* Basic */
  3850. .ui.basic.negative.buttons .button,
  3851. .ui.basic.negative.button {
  3852. background: transparent;
  3853. box-shadow: 0 0 0 1px #DB2828 inset;
  3854. color: #DB2828;
  3855. }
  3856. .ui.basic.negative.buttons .button:hover,
  3857. .ui.basic.negative.button:hover {
  3858. background: transparent;
  3859. box-shadow: 0 0 0 1px #d01919 inset;
  3860. color: #d01919;
  3861. }
  3862. .ui.basic.negative.buttons .button:focus,
  3863. .ui.basic.negative.button:focus {
  3864. background: transparent;
  3865. box-shadow: 0 0 0 1px #ca1010 inset;
  3866. color: #d01919;
  3867. }
  3868. .ui.basic.negative.buttons .active.button,
  3869. .ui.basic.negative.active.button {
  3870. background: transparent;
  3871. box-shadow: 0 0 0 1px #d41515 inset;
  3872. color: #b21e1e;
  3873. }
  3874. .ui.basic.negative.buttons .button:active,
  3875. .ui.basic.negative.button:active {
  3876. box-shadow: 0 0 0 1px #b21e1e inset;
  3877. color: #b21e1e;
  3878. }
  3879. .ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
  3880. margin-left: -1px;
  3881. }
  3882. /*******************************
  3883. Groups
  3884. *******************************/
  3885. .ui.buttons {
  3886. display: inline-flex;
  3887. flex-direction: row;
  3888. font-size: 0;
  3889. vertical-align: baseline;
  3890. margin: 0 0.25em 0 0;
  3891. }
  3892. .ui.buttons:not(.basic):not(.inverted) {
  3893. box-shadow: none;
  3894. }
  3895. /* Clearfix */
  3896. .ui.buttons:after {
  3897. content: ".";
  3898. display: block;
  3899. height: 0;
  3900. clear: both;
  3901. visibility: hidden;
  3902. }
  3903. /* Standard Group */
  3904. .ui.buttons .button {
  3905. flex: 1 0 auto;
  3906. border-radius: 0;
  3907. margin: 0 0 0 0;
  3908. }
  3909. .ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
  3910. box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  3911. }
  3912. .ui.buttons .button:first-child {
  3913. border-left: none;
  3914. margin-left: 0;
  3915. border-top-left-radius: 0.28571429rem;
  3916. border-bottom-left-radius: 0.28571429rem;
  3917. }
  3918. .ui.buttons .button:last-child {
  3919. border-top-right-radius: 0.28571429rem;
  3920. border-bottom-right-radius: 0.28571429rem;
  3921. }
  3922. /* Vertical Style */
  3923. .ui.vertical.buttons {
  3924. display: inline-flex;
  3925. flex-direction: column;
  3926. }
  3927. .ui.vertical.buttons .button {
  3928. display: block;
  3929. float: none;
  3930. width: 100%;
  3931. margin: 0 0 0 0;
  3932. box-shadow: none;
  3933. border-radius: 0;
  3934. }
  3935. .ui.vertical.buttons .button:first-child {
  3936. border-top-left-radius: 0.28571429rem;
  3937. border-top-right-radius: 0.28571429rem;
  3938. }
  3939. .ui.vertical.buttons .button:last-child {
  3940. margin-bottom: 0;
  3941. border-bottom-left-radius: 0.28571429rem;
  3942. border-bottom-right-radius: 0.28571429rem;
  3943. }
  3944. .ui.vertical.buttons .button:only-child {
  3945. border-radius: 0.28571429rem;
  3946. }
  3947. /*******************************
  3948. Theme Overrides
  3949. *******************************/
  3950. /*******************************
  3951. Site Overrides
  3952. *******************************/
  3953. /*!
  3954. * # Fomantic-UI - Card
  3955. * http://github.com/fomantic/Fomantic-UI/
  3956. *
  3957. *
  3958. * Released under the MIT license
  3959. * http://opensource.org/licenses/MIT
  3960. *
  3961. */
  3962. /*******************************
  3963. Standard
  3964. *******************************/
  3965. /*--------------
  3966. Card
  3967. ---------------*/
  3968. .ui.cards > .card,
  3969. .ui.card {
  3970. max-width: 100%;
  3971. position: relative;
  3972. display: flex;
  3973. flex-direction: column;
  3974. width: 290px;
  3975. min-height: 0;
  3976. background: #FFFFFF;
  3977. padding: 0;
  3978. border: none;
  3979. border-radius: 0.28571429rem;
  3980. box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5;
  3981. transition: box-shadow 0.1s ease, transform 0.1s ease;
  3982. z-index: '';
  3983. word-wrap: break-word;
  3984. }
  3985. .ui.card {
  3986. margin: 1em 0;
  3987. }
  3988. .ui.cards > .card a,
  3989. .ui.card a {
  3990. cursor: pointer;
  3991. }
  3992. .ui.card:first-child {
  3993. margin-top: 0;
  3994. }
  3995. .ui.card:last-child {
  3996. margin-bottom: 0;
  3997. }
  3998. /*--------------
  3999. Cards
  4000. ---------------*/
  4001. .ui.cards {
  4002. display: flex;
  4003. margin: -0.875em -0.5em;
  4004. flex-wrap: wrap;
  4005. }
  4006. .ui.cards > .card {
  4007. display: flex;
  4008. margin: 0.875em 0.5em;
  4009. float: none;
  4010. }
  4011. /* Clearing */
  4012. .ui.cards:after,
  4013. .ui.card:after {
  4014. display: block;
  4015. content: ' ';
  4016. height: 0;
  4017. clear: both;
  4018. overflow: hidden;
  4019. visibility: hidden;
  4020. }
  4021. /* Consecutive Card Groups Preserve Row Spacing */
  4022. .ui.cards ~ .ui.cards {
  4023. margin-top: 0.875em;
  4024. }
  4025. /*--------------
  4026. Rounded Edges
  4027. ---------------*/
  4028. .ui.cards > .card > :first-child,
  4029. .ui.card > :first-child {
  4030. border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
  4031. border-top: none !important;
  4032. }
  4033. .ui.cards > .card > :last-child,
  4034. .ui.card > :last-child {
  4035. border-radius: 0 0 0.28571429rem 0.28571429rem !important;
  4036. }
  4037. .ui.cards > .card > :only-child,
  4038. .ui.card > :only-child {
  4039. border-radius: 0.28571429rem !important;
  4040. }
  4041. /*--------------
  4042. Images
  4043. ---------------*/
  4044. .ui.cards > .card > .image,
  4045. .ui.card > .image {
  4046. position: relative;
  4047. display: block;
  4048. flex: 0 0 auto;
  4049. padding: 0;
  4050. background: rgba(0, 0, 0, 0.05);
  4051. }
  4052. .ui.cards > .card > .image > img,
  4053. .ui.card > .image > img {
  4054. display: block;
  4055. width: 100%;
  4056. height: auto;
  4057. border-radius: inherit;
  4058. }
  4059. .ui.cards > .card > .image:not(.ui) > img,
  4060. .ui.card > .image:not(.ui) > img {
  4061. border: none;
  4062. }
  4063. /*--------------
  4064. Content
  4065. ---------------*/
  4066. .ui.cards > .card > .content,
  4067. .ui.card > .content {
  4068. flex-grow: 1;
  4069. border: none;
  4070. border-top: 1px solid rgba(34, 36, 38, 0.1);
  4071. background: none;
  4072. margin: 0;
  4073. padding: 1em 1em;
  4074. box-shadow: none;
  4075. font-size: 1em;
  4076. border-radius: 0;
  4077. }
  4078. .ui.cards > .card > .content:after,
  4079. .ui.card > .content:after {
  4080. display: block;
  4081. content: ' ';
  4082. height: 0;
  4083. clear: both;
  4084. overflow: hidden;
  4085. visibility: hidden;
  4086. }
  4087. .ui.cards > .card > .content > .header,
  4088. .ui.card > .content > .header {
  4089. display: block;
  4090. margin: '';
  4091. font-family: var(--fonts-regular);
  4092. color: rgba(0, 0, 0, 0.85);
  4093. }
  4094. /* Default Header Size */
  4095. .ui.cards > .card > .content > .header:not(.ui),
  4096. .ui.card > .content > .header:not(.ui) {
  4097. font-weight: 500;
  4098. font-size: 1.28571429em;
  4099. margin-top: -0.21425em;
  4100. line-height: 1.28571429em;
  4101. }
  4102. .ui.cards > .card > .content > .meta + .description,
  4103. .ui.cards > .card > .content > .header + .description,
  4104. .ui.card > .content > .meta + .description,
  4105. .ui.card > .content > .header + .description {
  4106. margin-top: 0.5em;
  4107. }
  4108. /*----------------
  4109. Floated Content
  4110. -----------------*/
  4111. .ui.cards > .card [class*="left floated"],
  4112. .ui.card [class*="left floated"] {
  4113. float: left;
  4114. }
  4115. .ui.cards > .card [class*="right floated"],
  4116. .ui.card [class*="right floated"] {
  4117. float: right;
  4118. }
  4119. /*--------------
  4120. Aligned
  4121. ---------------*/
  4122. .ui.cards > .card [class*="left aligned"],
  4123. .ui.card [class*="left aligned"] {
  4124. text-align: left;
  4125. }
  4126. .ui.cards > .card [class*="center aligned"],
  4127. .ui.card [class*="center aligned"] {
  4128. text-align: center;
  4129. }
  4130. .ui.cards > .card [class*="right aligned"],
  4131. .ui.card [class*="right aligned"] {
  4132. text-align: right;
  4133. }
  4134. /*--------------
  4135. Content Image
  4136. ---------------*/
  4137. .ui.cards > .card .content img,
  4138. .ui.card .content img {
  4139. display: inline-block;
  4140. vertical-align: middle;
  4141. width: '';
  4142. }
  4143. .ui.cards > .card img.avatar,
  4144. .ui.cards > .card .avatar img,
  4145. .ui.card img.avatar,
  4146. .ui.card .avatar img {
  4147. width: 2em;
  4148. height: 2em;
  4149. border-radius: 500rem;
  4150. }
  4151. /*--------------
  4152. Description
  4153. ---------------*/
  4154. .ui.cards > .card > .content > .description,
  4155. .ui.card > .content > .description {
  4156. clear: both;
  4157. color: rgba(0, 0, 0, 0.68);
  4158. }
  4159. /*--------------
  4160. Paragraph
  4161. ---------------*/
  4162. .ui.cards > .card > .content p,
  4163. .ui.card > .content p {
  4164. margin: 0 0 0.5em;
  4165. }
  4166. .ui.cards > .card > .content p:last-child,
  4167. .ui.card > .content p:last-child {
  4168. margin-bottom: 0;
  4169. }
  4170. /*--------------
  4171. Meta
  4172. ---------------*/
  4173. .ui.cards > .card .meta,
  4174. .ui.card .meta {
  4175. font-size: 1em;
  4176. color: rgba(0, 0, 0, 0.4);
  4177. }
  4178. .ui.cards > .card .meta *,
  4179. .ui.card .meta * {
  4180. margin-right: 0.3em;
  4181. }
  4182. .ui.cards > .card .meta :last-child,
  4183. .ui.card .meta :last-child {
  4184. margin-right: 0;
  4185. }
  4186. .ui.cards > .card .meta [class*="right floated"],
  4187. .ui.card .meta [class*="right floated"] {
  4188. margin-right: 0;
  4189. margin-left: 0.3em;
  4190. }
  4191. /*--------------
  4192. Links
  4193. ---------------*/
  4194. /* Generic */
  4195. .ui.cards > .card > .content a:not(.ui),
  4196. .ui.card > .content a:not(.ui) {
  4197. color: '';
  4198. transition: color 0.1s ease;
  4199. }
  4200. .ui.cards > .card > .content a:not(.ui):hover,
  4201. .ui.card > .content a:not(.ui):hover {
  4202. color: '';
  4203. }
  4204. /* Header */
  4205. .ui.cards > .card > .content > a.header,
  4206. .ui.card > .content > a.header {
  4207. color: rgba(0, 0, 0, 0.85);
  4208. }
  4209. .ui.cards > .card > .content > a.header:hover,
  4210. .ui.card > .content > a.header:hover {
  4211. color: #1e70bf;
  4212. }
  4213. /* Meta */
  4214. .ui.cards > .card .meta > a:not(.ui),
  4215. .ui.card .meta > a:not(.ui) {
  4216. color: rgba(0, 0, 0, 0.4);
  4217. }
  4218. .ui.cards > .card .meta > a:not(.ui):hover,
  4219. .ui.card .meta > a:not(.ui):hover {
  4220. color: rgba(0, 0, 0, 0.87);
  4221. }
  4222. /*--------------
  4223. Buttons
  4224. ---------------*/
  4225. .ui.cards > .card > .buttons,
  4226. .ui.card > .buttons,
  4227. .ui.cards > .card > .button,
  4228. .ui.card > .button {
  4229. margin: 0 -1px;
  4230. width: calc(100% + 2px);
  4231. }
  4232. .ui.cards > .card > .buttons:last-child,
  4233. .ui.card > .buttons:last-child,
  4234. .ui.cards > .card > .button:last-child,
  4235. .ui.card > .button:last-child {
  4236. margin-bottom: -1px;
  4237. }
  4238. /*--------------
  4239. Dimmer
  4240. ---------------*/
  4241. .ui.cards > .card .dimmer,
  4242. .ui.card .dimmer {
  4243. background: '';
  4244. z-index: 10;
  4245. }
  4246. /*--------------
  4247. Labels
  4248. ---------------*/
  4249. /*-----Star----- */
  4250. /* Icon */
  4251. .ui.cards > .card > .content .star.icon,
  4252. .ui.card > .content .star.icon {
  4253. cursor: pointer;
  4254. opacity: 0.75;
  4255. transition: color 0.1s ease;
  4256. }
  4257. .ui.cards > .card > .content .star.icon:hover,
  4258. .ui.card > .content .star.icon:hover {
  4259. opacity: 1;
  4260. color: #FFB70A;
  4261. }
  4262. .ui.cards > .card > .content .active.star.icon,
  4263. .ui.card > .content .active.star.icon {
  4264. color: #FFE623;
  4265. }
  4266. /*-----Like----- */
  4267. /* Icon */
  4268. .ui.cards > .card > .content .like.icon,
  4269. .ui.card > .content .like.icon {
  4270. cursor: pointer;
  4271. opacity: 0.75;
  4272. transition: color 0.1s ease;
  4273. }
  4274. .ui.cards > .card > .content .like.icon:hover,
  4275. .ui.card > .content .like.icon:hover {
  4276. opacity: 1;
  4277. color: #FF2733;
  4278. }
  4279. .ui.cards > .card > .content .active.like.icon,
  4280. .ui.card > .content .active.like.icon {
  4281. color: #FF2733;
  4282. }
  4283. /*----------------
  4284. Extra Content
  4285. -----------------*/
  4286. .ui.cards > .card > .extra,
  4287. .ui.card > .extra {
  4288. max-width: 100%;
  4289. min-height: 0 !important;
  4290. flex-grow: 0;
  4291. border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  4292. position: static;
  4293. background: none;
  4294. width: auto;
  4295. margin: 0 0;
  4296. padding: 0.75em 1em;
  4297. top: 0;
  4298. left: 0;
  4299. color: rgba(0, 0, 0, 0.4);
  4300. box-shadow: none;
  4301. transition: color 0.1s ease;
  4302. }
  4303. .ui.cards > .card > .extra a:not(.ui),
  4304. .ui.card > .extra a:not(.ui) {
  4305. color: rgba(0, 0, 0, 0.4);
  4306. }
  4307. .ui.cards > .card > .extra a:not(.ui):hover,
  4308. .ui.card > .extra a:not(.ui):hover {
  4309. color: #1e70bf;
  4310. }
  4311. /*******************************
  4312. Variations
  4313. *******************************/
  4314. /*-------------------
  4315. Horizontal
  4316. --------------------*/
  4317. .ui.horizontal.cards > .card,
  4318. .ui.card.horizontal {
  4319. flex-direction: row;
  4320. flex-wrap: wrap;
  4321. min-width: 270px;
  4322. width: 400px;
  4323. max-width: 100%;
  4324. }
  4325. .ui.horizontal.cards > .card > .image,
  4326. .ui.card.horizontal > .image {
  4327. border-radius: 0.28571429rem 0 0 0.28571429rem;
  4328. width: 150px;
  4329. }
  4330. .ui.horizontal.cards > .card > .image > img,
  4331. .ui.card.horizontal > .image > img {
  4332. background-size: cover;
  4333. background-repeat: no-repeat;
  4334. background-position: center;
  4335. justify-content: center;
  4336. align-items: center;
  4337. display: flex;
  4338. width: 100%;
  4339. height: 100%;
  4340. border-radius: 0.28571429rem 0 0 0.28571429rem;
  4341. }
  4342. .ui.horizontal.cards > .card > .image:last-child > img,
  4343. .ui.card.horizontal > .image:last-child > img {
  4344. border-radius: 0 0.28571429rem 0.28571429rem 0;
  4345. }
  4346. .ui.horizontal.cards > .card > .content,
  4347. .ui.horizontal.card > .content {
  4348. flex-basis: 1px;
  4349. }
  4350. .ui.horizontal.cards > .card > .extra,
  4351. .ui.horizontal.card > .extra {
  4352. flex-basis: 100%;
  4353. }
  4354. /*-------------------
  4355. Raised
  4356. --------------------*/
  4357. .ui.raised.cards > .card,
  4358. .ui.raised.card {
  4359. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  4360. }
  4361. .ui.raised.cards a.card:hover,
  4362. .ui.link.cards .raised.card:hover,
  4363. a.ui.raised.card:hover,
  4364. .ui.link.raised.card:hover {
  4365. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25);
  4366. }
  4367. /*-------------------
  4368. Centered
  4369. --------------------*/
  4370. .ui.centered.cards {
  4371. justify-content: center;
  4372. }
  4373. .ui.centered.card {
  4374. margin-left: auto;
  4375. margin-right: auto;
  4376. }
  4377. /*-------------------
  4378. Fluid
  4379. --------------------*/
  4380. .ui.fluid.card {
  4381. width: 100%;
  4382. max-width: 9999px;
  4383. }
  4384. /*-------------------
  4385. Link
  4386. --------------------*/
  4387. .ui.cards a.card,
  4388. .ui.link.cards .card,
  4389. a.ui.card,
  4390. .ui.link.card {
  4391. transform: none;
  4392. }
  4393. .ui.cards a.card:hover,
  4394. .ui.link.cards .card:not(.icon):hover,
  4395. a.ui.card:hover,
  4396. .ui.link.card:hover {
  4397. cursor: pointer;
  4398. z-index: 5;
  4399. background: #FFFFFF;
  4400. border: none;
  4401. box-shadow: 0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5;
  4402. transform: translateY(-3px);
  4403. }
  4404. /*-------------------
  4405. Colors
  4406. --------------------*/
  4407. .ui.primary.cards > .card,
  4408. .ui.cards > .primary.card,
  4409. .ui.primary.card {
  4410. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;
  4411. }
  4412. .ui.primary.cards > .card:hover,
  4413. .ui.cards > .primary.card:hover,
  4414. .ui.primary.card:hover {
  4415. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
  4416. }
  4417. .ui.inverted.primary.cards > .card,
  4418. .ui.inverted.cards > .primary.card,
  4419. .ui.inverted.primary.card {
  4420. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
  4421. }
  4422. .ui.inverted.primary.cards > .card:hover,
  4423. .ui.inverted.cards > .primary.card:hover,
  4424. .ui.inverted.primary.card:hover {
  4425. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
  4426. }
  4427. .ui.secondary.cards > .card,
  4428. .ui.cards > .secondary.card,
  4429. .ui.secondary.card {
  4430. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5;
  4431. }
  4432. .ui.secondary.cards > .card:hover,
  4433. .ui.cards > .secondary.card:hover,
  4434. .ui.secondary.card:hover {
  4435. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;
  4436. }
  4437. .ui.inverted.secondary.cards > .card,
  4438. .ui.inverted.cards > .secondary.card,
  4439. .ui.inverted.secondary.card {
  4440. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
  4441. }
  4442. .ui.inverted.secondary.cards > .card:hover,
  4443. .ui.inverted.cards > .secondary.card:hover,
  4444. .ui.inverted.secondary.card:hover {
  4445. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6e6e6e, 0 0 0 1px #555555;
  4446. }
  4447. .ui.red.cards > .card,
  4448. .ui.cards > .red.card,
  4449. .ui.red.card {
  4450. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5;
  4451. }
  4452. .ui.red.cards > .card:hover,
  4453. .ui.cards > .red.card:hover,
  4454. .ui.red.card:hover {
  4455. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD;
  4456. }
  4457. .ui.inverted.red.cards > .card,
  4458. .ui.inverted.cards > .red.card,
  4459. .ui.inverted.red.card {
  4460. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF695E, 0 0 0 1px #555555;
  4461. }
  4462. .ui.inverted.red.cards > .card:hover,
  4463. .ui.inverted.cards > .red.card:hover,
  4464. .ui.inverted.red.card:hover {
  4465. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff392b, 0 0 0 1px #555555;
  4466. }
  4467. .ui.orange.cards > .card,
  4468. .ui.cards > .orange.card,
  4469. .ui.orange.card {
  4470. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5;
  4471. }
  4472. .ui.orange.cards > .card:hover,
  4473. .ui.cards > .orange.card:hover,
  4474. .ui.orange.card:hover {
  4475. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD;
  4476. }
  4477. .ui.inverted.orange.cards > .card,
  4478. .ui.inverted.cards > .orange.card,
  4479. .ui.inverted.orange.card {
  4480. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF851B, 0 0 0 1px #555555;
  4481. }
  4482. .ui.inverted.orange.cards > .card:hover,
  4483. .ui.inverted.cards > .orange.card:hover,
  4484. .ui.inverted.orange.card:hover {
  4485. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #e76b00, 0 0 0 1px #555555;
  4486. }
  4487. .ui.yellow.cards > .card,
  4488. .ui.cards > .yellow.card,
  4489. .ui.yellow.card {
  4490. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5;
  4491. }
  4492. .ui.yellow.cards > .card:hover,
  4493. .ui.cards > .yellow.card:hover,
  4494. .ui.yellow.card:hover {
  4495. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD;
  4496. }
  4497. .ui.inverted.yellow.cards > .card,
  4498. .ui.inverted.cards > .yellow.card,
  4499. .ui.inverted.yellow.card {
  4500. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FFE21F, 0 0 0 1px #555555;
  4501. }
  4502. .ui.inverted.yellow.cards > .card:hover,
  4503. .ui.inverted.cards > .yellow.card:hover,
  4504. .ui.inverted.yellow.card:hover {
  4505. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ebcd00, 0 0 0 1px #555555;
  4506. }
  4507. .ui.olive.cards > .card,
  4508. .ui.cards > .olive.card,
  4509. .ui.olive.card {
  4510. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5;
  4511. }
  4512. .ui.olive.cards > .card:hover,
  4513. .ui.cards > .olive.card:hover,
  4514. .ui.olive.card:hover {
  4515. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD;
  4516. }
  4517. .ui.inverted.olive.cards > .card,
  4518. .ui.inverted.cards > .olive.card,
  4519. .ui.inverted.olive.card {
  4520. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #D9E778, 0 0 0 1px #555555;
  4521. }
  4522. .ui.inverted.olive.cards > .card:hover,
  4523. .ui.inverted.cards > .olive.card:hover,
  4524. .ui.inverted.olive.card:hover {
  4525. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #d2e745, 0 0 0 1px #555555;
  4526. }
  4527. .ui.green.cards > .card,
  4528. .ui.cards > .green.card,
  4529. .ui.green.card {
  4530. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5;
  4531. }
  4532. .ui.green.cards > .card:hover,
  4533. .ui.cards > .green.card:hover,
  4534. .ui.green.card:hover {
  4535. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD;
  4536. }
  4537. .ui.inverted.green.cards > .card,
  4538. .ui.inverted.cards > .green.card,
  4539. .ui.inverted.green.card {
  4540. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #2ECC40, 0 0 0 1px #555555;
  4541. }
  4542. .ui.inverted.green.cards > .card:hover,
  4543. .ui.inverted.cards > .green.card:hover,
  4544. .ui.inverted.green.card:hover {
  4545. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #1ea92e, 0 0 0 1px #555555;
  4546. }
  4547. .ui.teal.cards > .card,
  4548. .ui.cards > .teal.card,
  4549. .ui.teal.card {
  4550. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5;
  4551. }
  4552. .ui.teal.cards > .card:hover,
  4553. .ui.cards > .teal.card:hover,
  4554. .ui.teal.card:hover {
  4555. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD;
  4556. }
  4557. .ui.inverted.teal.cards > .card,
  4558. .ui.inverted.cards > .teal.card,
  4559. .ui.inverted.teal.card {
  4560. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6DFFFF, 0 0 0 1px #555555;
  4561. }
  4562. .ui.inverted.teal.cards > .card:hover,
  4563. .ui.inverted.cards > .teal.card:hover,
  4564. .ui.inverted.teal.card:hover {
  4565. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #3affff, 0 0 0 1px #555555;
  4566. }
  4567. .ui.blue.cards > .card,
  4568. .ui.cards > .blue.card,
  4569. .ui.blue.card {
  4570. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;
  4571. }
  4572. .ui.blue.cards > .card:hover,
  4573. .ui.cards > .blue.card:hover,
  4574. .ui.blue.card:hover {
  4575. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
  4576. }
  4577. .ui.inverted.blue.cards > .card,
  4578. .ui.inverted.cards > .blue.card,
  4579. .ui.inverted.blue.card {
  4580. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
  4581. }
  4582. .ui.inverted.blue.cards > .card:hover,
  4583. .ui.inverted.cards > .blue.card:hover,
  4584. .ui.inverted.blue.card:hover {
  4585. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
  4586. }
  4587. .ui.violet.cards > .card,
  4588. .ui.cards > .violet.card,
  4589. .ui.violet.card {
  4590. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5;
  4591. }
  4592. .ui.violet.cards > .card:hover,
  4593. .ui.cards > .violet.card:hover,
  4594. .ui.violet.card:hover {
  4595. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
  4596. }
  4597. .ui.inverted.violet.cards > .card,
  4598. .ui.inverted.cards > .violet.card,
  4599. .ui.inverted.violet.card {
  4600. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
  4601. }
  4602. .ui.inverted.violet.cards > .card:hover,
  4603. .ui.inverted.cards > .violet.card:hover,
  4604. .ui.inverted.violet.card:hover {
  4605. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
  4606. }
  4607. .ui.purple.cards > .card,
  4608. .ui.cards > .purple.card,
  4609. .ui.purple.card {
  4610. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5;
  4611. }
  4612. .ui.purple.cards > .card:hover,
  4613. .ui.cards > .purple.card:hover,
  4614. .ui.purple.card:hover {
  4615. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD;
  4616. }
  4617. .ui.inverted.purple.cards > .card,
  4618. .ui.inverted.cards > .purple.card,
  4619. .ui.inverted.purple.card {
  4620. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #DC73FF, 0 0 0 1px #555555;
  4621. }
  4622. .ui.inverted.purple.cards > .card:hover,
  4623. .ui.inverted.cards > .purple.card:hover,
  4624. .ui.inverted.purple.card:hover {
  4625. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #cf40ff, 0 0 0 1px #555555;
  4626. }
  4627. .ui.pink.cards > .card,
  4628. .ui.cards > .pink.card,
  4629. .ui.pink.card {
  4630. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5;
  4631. }
  4632. .ui.pink.cards > .card:hover,
  4633. .ui.cards > .pink.card:hover,
  4634. .ui.pink.card:hover {
  4635. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD;
  4636. }
  4637. .ui.inverted.pink.cards > .card,
  4638. .ui.inverted.cards > .pink.card,
  4639. .ui.inverted.pink.card {
  4640. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF8EDF, 0 0 0 1px #555555;
  4641. }
  4642. .ui.inverted.pink.cards > .card:hover,
  4643. .ui.inverted.cards > .pink.card:hover,
  4644. .ui.inverted.pink.card:hover {
  4645. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff5bd1, 0 0 0 1px #555555;
  4646. }
  4647. .ui.brown.cards > .card,
  4648. .ui.cards > .brown.card,
  4649. .ui.brown.card {
  4650. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5;
  4651. }
  4652. .ui.brown.cards > .card:hover,
  4653. .ui.cards > .brown.card:hover,
  4654. .ui.brown.card:hover {
  4655. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD;
  4656. }
  4657. .ui.inverted.brown.cards > .card,
  4658. .ui.inverted.cards > .brown.card,
  4659. .ui.inverted.brown.card {
  4660. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #D67C1C, 0 0 0 1px #555555;
  4661. }
  4662. .ui.inverted.brown.cards > .card:hover,
  4663. .ui.inverted.cards > .brown.card:hover,
  4664. .ui.inverted.brown.card:hover {
  4665. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #b0620f, 0 0 0 1px #555555;
  4666. }
  4667. .ui.grey.cards > .card,
  4668. .ui.cards > .grey.card,
  4669. .ui.grey.card {
  4670. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5;
  4671. }
  4672. .ui.grey.cards > .card:hover,
  4673. .ui.cards > .grey.card:hover,
  4674. .ui.grey.card:hover {
  4675. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD;
  4676. }
  4677. .ui.inverted.grey.cards > .card,
  4678. .ui.inverted.cards > .grey.card,
  4679. .ui.inverted.grey.card {
  4680. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #DCDDDE, 0 0 0 1px #555555;
  4681. }
  4682. .ui.inverted.grey.cards > .card:hover,
  4683. .ui.inverted.cards > .grey.card:hover,
  4684. .ui.inverted.grey.card:hover {
  4685. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #c2c4c5, 0 0 0 1px #555555;
  4686. }
  4687. .ui.black.cards > .card,
  4688. .ui.cards > .black.card,
  4689. .ui.black.card {
  4690. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5;
  4691. }
  4692. .ui.black.cards > .card:hover,
  4693. .ui.cards > .black.card:hover,
  4694. .ui.black.card:hover {
  4695. box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;
  4696. }
  4697. .ui.inverted.black.cards > .card,
  4698. .ui.inverted.cards > .black.card,
  4699. .ui.inverted.black.card {
  4700. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
  4701. }
  4702. .ui.inverted.black.cards > .card:hover,
  4703. .ui.inverted.cards > .black.card:hover,
  4704. .ui.inverted.black.card:hover {
  4705. box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #000000, 0 0 0 1px #555555;
  4706. }
  4707. /*--------------
  4708. Card Count
  4709. ---------------*/
  4710. .ui.one.cards {
  4711. margin-left: 0;
  4712. margin-right: 0;
  4713. }
  4714. .ui.one.cards > .card {
  4715. width: 100%;
  4716. }
  4717. .ui.two.cards {
  4718. margin-left: -1em;
  4719. margin-right: -1em;
  4720. }
  4721. .ui.two.cards > .card {
  4722. width: calc(50% - 2em);
  4723. margin-left: 1em;
  4724. margin-right: 1em;
  4725. }
  4726. .ui.three.cards {
  4727. margin-left: -1em;
  4728. margin-right: -1em;
  4729. }
  4730. .ui.three.cards > .card {
  4731. width: calc(33.33333333333333% - 2em);
  4732. margin-left: 1em;
  4733. margin-right: 1em;
  4734. }
  4735. .ui.four.cards {
  4736. margin-left: -0.75em;
  4737. margin-right: -0.75em;
  4738. }
  4739. .ui.four.cards > .card {
  4740. width: calc(25% - 1.5em);
  4741. margin-left: 0.75em;
  4742. margin-right: 0.75em;
  4743. }
  4744. .ui.five.cards {
  4745. margin-left: -0.75em;
  4746. margin-right: -0.75em;
  4747. }
  4748. .ui.five.cards > .card {
  4749. width: calc(20% - 1.5em);
  4750. margin-left: 0.75em;
  4751. margin-right: 0.75em;
  4752. }
  4753. .ui.six.cards {
  4754. margin-left: -0.75em;
  4755. margin-right: -0.75em;
  4756. }
  4757. .ui.six.cards > .card {
  4758. width: calc(16.666666666666664% - 1.5em);
  4759. margin-left: 0.75em;
  4760. margin-right: 0.75em;
  4761. }
  4762. .ui.seven.cards {
  4763. margin-left: -0.5em;
  4764. margin-right: -0.5em;
  4765. }
  4766. .ui.seven.cards > .card {
  4767. width: calc(14.285714285714285% - 1em);
  4768. margin-left: 0.5em;
  4769. margin-right: 0.5em;
  4770. }
  4771. .ui.eight.cards {
  4772. margin-left: -0.5em;
  4773. margin-right: -0.5em;
  4774. }
  4775. .ui.eight.cards > .card {
  4776. width: calc(12.5% - 1em);
  4777. margin-left: 0.5em;
  4778. margin-right: 0.5em;
  4779. font-size: 11px;
  4780. }
  4781. .ui.nine.cards {
  4782. margin-left: -0.5em;
  4783. margin-right: -0.5em;
  4784. }
  4785. .ui.nine.cards > .card {
  4786. width: calc(11.11111111111111% - 1em);
  4787. margin-left: 0.5em;
  4788. margin-right: 0.5em;
  4789. font-size: 10px;
  4790. }
  4791. .ui.ten.cards {
  4792. margin-left: -0.5em;
  4793. margin-right: -0.5em;
  4794. }
  4795. .ui.ten.cards > .card {
  4796. width: calc(10% - 1em);
  4797. margin-left: 0.5em;
  4798. margin-right: 0.5em;
  4799. }
  4800. /*-------------------
  4801. Doubling
  4802. --------------------*/
  4803. /* Mobile Only */
  4804. @media only screen and (max-width: 767.98px) {
  4805. .ui.two.doubling.cards {
  4806. margin-left: 0;
  4807. margin-right: 0;
  4808. }
  4809. .ui.two.doubling.cards > .card {
  4810. width: 100%;
  4811. margin-left: 0;
  4812. margin-right: 0;
  4813. }
  4814. .ui.three.doubling.cards {
  4815. margin-left: -1em;
  4816. margin-right: -1em;
  4817. }
  4818. .ui.three.doubling.cards > .card {
  4819. width: calc(50% - 2em);
  4820. margin-left: 1em;
  4821. margin-right: 1em;
  4822. }
  4823. .ui.four.doubling.cards {
  4824. margin-left: -1em;
  4825. margin-right: -1em;
  4826. }
  4827. .ui.four.doubling.cards > .card {
  4828. width: calc(50% - 2em);
  4829. margin-left: 1em;
  4830. margin-right: 1em;
  4831. }
  4832. .ui.five.doubling.cards {
  4833. margin-left: -1em;
  4834. margin-right: -1em;
  4835. }
  4836. .ui.five.doubling.cards > .card {
  4837. width: calc(50% - 2em);
  4838. margin-left: 1em;
  4839. margin-right: 1em;
  4840. }
  4841. .ui.six.doubling.cards {
  4842. margin-left: -1em;
  4843. margin-right: -1em;
  4844. }
  4845. .ui.six.doubling.cards > .card {
  4846. width: calc(50% - 2em);
  4847. margin-left: 1em;
  4848. margin-right: 1em;
  4849. }
  4850. .ui.seven.doubling.cards {
  4851. margin-left: -1em;
  4852. margin-right: -1em;
  4853. }
  4854. .ui.seven.doubling.cards > .card {
  4855. width: calc(33.33333333333333% - 2em);
  4856. margin-left: 1em;
  4857. margin-right: 1em;
  4858. }
  4859. .ui.eight.doubling.cards {
  4860. margin-left: -1em;
  4861. margin-right: -1em;
  4862. }
  4863. .ui.eight.doubling.cards > .card {
  4864. width: calc(33.33333333333333% - 2em);
  4865. margin-left: 1em;
  4866. margin-right: 1em;
  4867. }
  4868. .ui.nine.doubling.cards {
  4869. margin-left: -1em;
  4870. margin-right: -1em;
  4871. }
  4872. .ui.nine.doubling.cards > .card {
  4873. width: calc(33.33333333333333% - 2em);
  4874. margin-left: 1em;
  4875. margin-right: 1em;
  4876. }
  4877. .ui.ten.doubling.cards {
  4878. margin-left: -1em;
  4879. margin-right: -1em;
  4880. }
  4881. .ui.ten.doubling.cards > .card {
  4882. width: calc(33.33333333333333% - 2em);
  4883. margin-left: 1em;
  4884. margin-right: 1em;
  4885. }
  4886. }
  4887. /* Tablet Only */
  4888. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  4889. .ui.two.doubling.cards {
  4890. margin-left: 0;
  4891. margin-right: 0;
  4892. }
  4893. .ui.two.doubling.cards > .card {
  4894. width: 100%;
  4895. margin-left: 0;
  4896. margin-right: 0;
  4897. }
  4898. .ui.three.doubling.cards {
  4899. margin-left: -1em;
  4900. margin-right: -1em;
  4901. }
  4902. .ui.three.doubling.cards > .card {
  4903. width: calc(50% - 2em);
  4904. margin-left: 1em;
  4905. margin-right: 1em;
  4906. }
  4907. .ui.four.doubling.cards {
  4908. margin-left: -1em;
  4909. margin-right: -1em;
  4910. }
  4911. .ui.four.doubling.cards > .card {
  4912. width: calc(50% - 2em);
  4913. margin-left: 1em;
  4914. margin-right: 1em;
  4915. }
  4916. .ui.five.doubling.cards {
  4917. margin-left: -1em;
  4918. margin-right: -1em;
  4919. }
  4920. .ui.five.doubling.cards > .card {
  4921. width: calc(33.33333333333333% - 2em);
  4922. margin-left: 1em;
  4923. margin-right: 1em;
  4924. }
  4925. .ui.six.doubling.cards {
  4926. margin-left: -1em;
  4927. margin-right: -1em;
  4928. }
  4929. .ui.six.doubling.cards > .card {
  4930. width: calc(33.33333333333333% - 2em);
  4931. margin-left: 1em;
  4932. margin-right: 1em;
  4933. }
  4934. .ui.eight.doubling.cards {
  4935. margin-left: -1em;
  4936. margin-right: -1em;
  4937. }
  4938. .ui.eight.doubling.cards > .card {
  4939. width: calc(33.33333333333333% - 2em);
  4940. margin-left: 1em;
  4941. margin-right: 1em;
  4942. }
  4943. .ui.eight.doubling.cards {
  4944. margin-left: -0.75em;
  4945. margin-right: -0.75em;
  4946. }
  4947. .ui.eight.doubling.cards > .card {
  4948. width: calc(25% - 1.5em);
  4949. margin-left: 0.75em;
  4950. margin-right: 0.75em;
  4951. }
  4952. .ui.nine.doubling.cards {
  4953. margin-left: -0.75em;
  4954. margin-right: -0.75em;
  4955. }
  4956. .ui.nine.doubling.cards > .card {
  4957. width: calc(25% - 1.5em);
  4958. margin-left: 0.75em;
  4959. margin-right: 0.75em;
  4960. }
  4961. .ui.ten.doubling.cards {
  4962. margin-left: -0.75em;
  4963. margin-right: -0.75em;
  4964. }
  4965. .ui.ten.doubling.cards > .card {
  4966. width: calc(20% - 1.5em);
  4967. margin-left: 0.75em;
  4968. margin-right: 0.75em;
  4969. }
  4970. }
  4971. /*-------------------
  4972. Stackable
  4973. --------------------*/
  4974. @media only screen and (max-width: 767.98px) {
  4975. .ui.stackable.cards {
  4976. display: block !important;
  4977. }
  4978. .ui.stackable.cards .card:first-child {
  4979. margin-top: 0 !important;
  4980. }
  4981. .ui.stackable.cards > .card {
  4982. display: block !important;
  4983. height: auto !important;
  4984. margin: 1em 1em;
  4985. padding: 0 !important;
  4986. width: calc(100% - 2em) !important;
  4987. }
  4988. }
  4989. /*--------------
  4990. Size
  4991. ---------------*/
  4992. .ui.cards > .card {
  4993. font-size: 1em;
  4994. }
  4995. .ui.mini.cards .card {
  4996. font-size: 0.78571429rem;
  4997. }
  4998. .ui.tiny.cards .card {
  4999. font-size: 0.85714286rem;
  5000. }
  5001. .ui.small.cards .card {
  5002. font-size: 0.92857143rem;
  5003. }
  5004. .ui.large.cards .card {
  5005. font-size: 1.14285714rem;
  5006. }
  5007. .ui.big.cards .card {
  5008. font-size: 1.28571429rem;
  5009. }
  5010. .ui.huge.cards .card {
  5011. font-size: 1.42857143rem;
  5012. }
  5013. .ui.massive.cards .card {
  5014. font-size: 1.71428571rem;
  5015. }
  5016. /*-----------------
  5017. Inverted
  5018. ------------------*/
  5019. .ui.inverted.cards > .card,
  5020. .ui.inverted.card {
  5021. background: #1B1C1D;
  5022. box-shadow: 0 1px 3px 0 #555555, 0 0 0 1px #555555;
  5023. }
  5024. /* Content */
  5025. .ui.inverted.cards > .card > .content,
  5026. .ui.inverted.card > .content {
  5027. border-top: 1px solid rgba(255, 255, 255, 0.15);
  5028. }
  5029. /* Header */
  5030. .ui.inverted.cards > .card > .content > .header,
  5031. .ui.inverted.card > .content > .header {
  5032. color: rgba(255, 255, 255, 0.9);
  5033. }
  5034. /* Description */
  5035. .ui.inverted.cards > .card > .content > .description,
  5036. .ui.inverted.card > .content > .description {
  5037. color: rgba(255, 255, 255, 0.8);
  5038. }
  5039. /* Meta */
  5040. .ui.inverted.cards > .card .meta,
  5041. .ui.inverted.card .meta {
  5042. color: rgba(255, 255, 255, 0.7);
  5043. }
  5044. .ui.inverted.cards > .card .meta > a:not(.ui),
  5045. .ui.inverted.card .meta > a:not(.ui) {
  5046. color: rgba(255, 255, 255, 0.7);
  5047. }
  5048. .ui.inverted.cards > .card .meta > a:not(.ui):hover,
  5049. .ui.inverted.card .meta > a:not(.ui):hover {
  5050. color: #ffffff;
  5051. }
  5052. /* Extra */
  5053. .ui.inverted.cards > .card > .extra,
  5054. .ui.inverted.card > .extra {
  5055. border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  5056. color: rgba(255, 255, 255, 0.7);
  5057. }
  5058. .ui.inverted.cards > .card > .extra a:not(.ui),
  5059. .ui.inverted.card > .extra a:not(.ui) {
  5060. color: rgba(255, 255, 255, 0.5);
  5061. }
  5062. .ui.inverted.cards > .card > .extra a:not(.ui):hover,
  5063. .ui.inverted.card > .extra a:not(.ui):hover {
  5064. color: #1e70bf;
  5065. }
  5066. /* Link card(s) */
  5067. .ui.inverted.cards a.card:hover,
  5068. .ui.inverted.link.cards .card:not(.icon):hover,
  5069. a.inverted.ui.card:hover,
  5070. .ui.inverted.link.card:hover {
  5071. background: #1B1C1D;
  5072. }
  5073. /*******************************
  5074. Theme Overrides
  5075. *******************************/
  5076. /*******************************
  5077. User Variable Overrides
  5078. *******************************/
  5079. /*!
  5080. * # Fomantic-UI - Checkbox
  5081. * http://github.com/fomantic/Fomantic-UI/
  5082. *
  5083. *
  5084. * Released under the MIT license
  5085. * http://opensource.org/licenses/MIT
  5086. *
  5087. */
  5088. /*******************************
  5089. Checkbox
  5090. *******************************/
  5091. /*--------------
  5092. Content
  5093. ---------------*/
  5094. .ui.checkbox {
  5095. position: relative;
  5096. display: inline-block;
  5097. -webkit-backface-visibility: hidden;
  5098. backface-visibility: hidden;
  5099. outline: none;
  5100. vertical-align: baseline;
  5101. font-style: normal;
  5102. min-height: 17px;
  5103. font-size: 1em;
  5104. line-height: 17px;
  5105. min-width: 17px;
  5106. }
  5107. /* HTML Checkbox */
  5108. .ui.checkbox input[type="checkbox"],
  5109. .ui.checkbox input[type="radio"] {
  5110. cursor: pointer;
  5111. position: absolute;
  5112. top: 0;
  5113. left: 0;
  5114. opacity: 0 !important;
  5115. outline: none;
  5116. z-index: 3;
  5117. width: 17px;
  5118. height: 17px;
  5119. }
  5120. .ui.checkbox label {
  5121. cursor: auto;
  5122. position: relative;
  5123. display: block;
  5124. padding-left: 1.85714em;
  5125. outline: none;
  5126. font-size: 1em;
  5127. }
  5128. .ui.checkbox label:before {
  5129. position: absolute;
  5130. top: 0;
  5131. left: 0;
  5132. width: 17px;
  5133. height: 17px;
  5134. content: '';
  5135. background: #FFFFFF;
  5136. border-radius: 0.21428571rem;
  5137. transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  5138. border: 1px solid #D4D4D5;
  5139. }
  5140. /*--------------
  5141. Checkmark
  5142. ---------------*/
  5143. .ui.checkbox label:after {
  5144. position: absolute;
  5145. font-size: 14px;
  5146. top: 0;
  5147. left: 0;
  5148. width: 17px;
  5149. height: 17px;
  5150. text-align: center;
  5151. opacity: 0;
  5152. color: rgba(0, 0, 0, 0.87);
  5153. transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  5154. }
  5155. /*--------------
  5156. Label
  5157. ---------------*/
  5158. /* Inside */
  5159. .ui.checkbox label,
  5160. .ui.checkbox + label {
  5161. color: rgba(0, 0, 0, 0.87);
  5162. transition: color 0.1s ease;
  5163. }
  5164. /* Outside */
  5165. .ui.checkbox + label {
  5166. vertical-align: middle;
  5167. }
  5168. /*******************************
  5169. States
  5170. *******************************/
  5171. /*--------------
  5172. Hover
  5173. ---------------*/
  5174. .ui.checkbox label:hover::before {
  5175. background: #FFFFFF;
  5176. border-color: rgba(34, 36, 38, 0.35);
  5177. }
  5178. .ui.checkbox label:hover,
  5179. .ui.checkbox + label:hover {
  5180. color: rgba(0, 0, 0, 0.8);
  5181. }
  5182. /*--------------
  5183. Down
  5184. ---------------*/
  5185. .ui.checkbox label:active::before {
  5186. background: #F9FAFB;
  5187. border-color: rgba(34, 36, 38, 0.35);
  5188. }
  5189. .ui.checkbox label:active::after {
  5190. color: rgba(0, 0, 0, 0.95);
  5191. }
  5192. .ui.checkbox input:active ~ label {
  5193. color: rgba(0, 0, 0, 0.95);
  5194. }
  5195. /*--------------
  5196. Focus
  5197. ---------------*/
  5198. .ui.checkbox input:focus ~ label:before {
  5199. background: #FFFFFF;
  5200. border-color: #96C8DA;
  5201. }
  5202. .ui.checkbox input:focus ~ label:after {
  5203. color: rgba(0, 0, 0, 0.95);
  5204. }
  5205. .ui.checkbox input:focus ~ label {
  5206. color: rgba(0, 0, 0, 0.95);
  5207. }
  5208. /*--------------
  5209. Active
  5210. ---------------*/
  5211. .ui.checkbox input:checked ~ label:before {
  5212. background: #FFFFFF;
  5213. border-color: rgba(34, 36, 38, 0.35);
  5214. }
  5215. .ui.checkbox input:checked ~ label:after {
  5216. opacity: 1;
  5217. color: rgba(0, 0, 0, 0.95);
  5218. }
  5219. /*--------------
  5220. Indeterminate
  5221. ---------------*/
  5222. .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  5223. background: #FFFFFF;
  5224. border-color: rgba(34, 36, 38, 0.35);
  5225. }
  5226. .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  5227. opacity: 1;
  5228. color: rgba(0, 0, 0, 0.95);
  5229. }
  5230. .ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label:before {
  5231. background: rgba(0, 0, 0, 0.15);
  5232. }
  5233. .ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
  5234. left: 1.075rem;
  5235. }
  5236. /*--------------
  5237. Active Focus
  5238. ---------------*/
  5239. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
  5240. .ui.checkbox input:checked:focus ~ label:before {
  5241. background: #FFFFFF;
  5242. border-color: #96C8DA;
  5243. }
  5244. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
  5245. .ui.checkbox input:checked:focus ~ label:after {
  5246. color: rgba(0, 0, 0, 0.95);
  5247. }
  5248. /*--------------
  5249. Read-Only
  5250. ---------------*/
  5251. .ui.read-only.checkbox,
  5252. .ui.read-only.checkbox label {
  5253. cursor: default;
  5254. }
  5255. /*--------------
  5256. Disabled
  5257. ---------------*/
  5258. .ui.disabled.checkbox label,
  5259. .ui.checkbox input[disabled] ~ label {
  5260. cursor: default !important;
  5261. opacity: 0.5;
  5262. color: #000000;
  5263. pointer-events: none;
  5264. }
  5265. /*--------------
  5266. Hidden
  5267. ---------------*/
  5268. /* Initialized checkbox moves input below element
  5269. to prevent manually triggering */
  5270. .ui.checkbox input.hidden {
  5271. z-index: -1;
  5272. }
  5273. /* Selectable Label */
  5274. .ui.checkbox input.hidden + label {
  5275. cursor: pointer;
  5276. -webkit-user-select: none;
  5277. -moz-user-select: none;
  5278. user-select: none;
  5279. }
  5280. /*******************************
  5281. Types
  5282. *******************************/
  5283. /*--------------
  5284. Radio
  5285. ---------------*/
  5286. .ui.radio.checkbox {
  5287. min-height: 15px;
  5288. }
  5289. .ui.radio.checkbox label {
  5290. padding-left: 1.85714em;
  5291. }
  5292. /* Box */
  5293. .ui.radio.checkbox label:before {
  5294. content: '';
  5295. transform: none;
  5296. width: 15px;
  5297. height: 15px;
  5298. border-radius: 500rem;
  5299. top: 1px;
  5300. left: 0;
  5301. }
  5302. /* Bullet */
  5303. .ui.radio.checkbox label:after {
  5304. border: none;
  5305. content: '' !important;
  5306. line-height: 15px;
  5307. top: 1px;
  5308. left: 0;
  5309. width: 15px;
  5310. height: 15px;
  5311. border-radius: 500rem;
  5312. transform: scale(0.46666667);
  5313. background-color: rgba(0, 0, 0, 0.87);
  5314. }
  5315. /* Focus */
  5316. .ui.radio.checkbox input:focus ~ label:before {
  5317. background-color: #FFFFFF;
  5318. }
  5319. .ui.radio.checkbox input:focus ~ label:after {
  5320. background-color: rgba(0, 0, 0, 0.95);
  5321. }
  5322. /* Indeterminate */
  5323. .ui.radio.checkbox input:indeterminate ~ label:after {
  5324. opacity: 0;
  5325. }
  5326. /* Active */
  5327. .ui.radio.checkbox input:checked ~ label:before {
  5328. background-color: #FFFFFF;
  5329. }
  5330. .ui.radio.checkbox input:checked ~ label:after {
  5331. background-color: rgba(0, 0, 0, 0.95);
  5332. }
  5333. /* Active Focus */
  5334. .ui.radio.checkbox input:focus:checked ~ label:before {
  5335. background-color: #FFFFFF;
  5336. }
  5337. .ui.radio.checkbox input:focus:checked ~ label:after {
  5338. background-color: rgba(0, 0, 0, 0.95);
  5339. }
  5340. /*--------------
  5341. Slider
  5342. ---------------*/
  5343. .ui.slider.checkbox {
  5344. min-height: 1.25rem;
  5345. }
  5346. /* Input */
  5347. .ui.slider.checkbox input {
  5348. width: 3.5rem;
  5349. height: 1.25rem;
  5350. }
  5351. /* Label */
  5352. .ui.slider.checkbox label {
  5353. padding-left: 4.5rem;
  5354. line-height: 1rem;
  5355. color: rgba(0, 0, 0, 0.4);
  5356. }
  5357. /* Line */
  5358. .ui.slider.checkbox label:before {
  5359. display: block;
  5360. position: absolute;
  5361. content: '';
  5362. transform: none;
  5363. border: none !important;
  5364. left: 0;
  5365. z-index: 1;
  5366. top: 0.4rem;
  5367. background-color: rgba(0, 0, 0, 0.05);
  5368. width: 3.5rem;
  5369. height: 0.21428571rem;
  5370. border-radius: 500rem;
  5371. transition: background 0.3s ease;
  5372. }
  5373. /* Handle */
  5374. .ui.slider.checkbox label:after {
  5375. background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  5376. position: absolute;
  5377. content: '' !important;
  5378. opacity: 1;
  5379. z-index: 2;
  5380. border: none;
  5381. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  5382. width: 1.5rem;
  5383. height: 1.5rem;
  5384. top: -0.25rem;
  5385. left: 0;
  5386. transform: none;
  5387. border-radius: 500rem;
  5388. transition: left 0.3s ease;
  5389. }
  5390. /* Focus */
  5391. .ui.slider.checkbox input:focus ~ label:before {
  5392. background-color: rgba(0, 0, 0, 0.15);
  5393. border: none;
  5394. }
  5395. /* Hover */
  5396. .ui.slider.checkbox label:hover {
  5397. color: rgba(0, 0, 0, 0.8);
  5398. }
  5399. .ui.slider.checkbox label:hover::before {
  5400. background: rgba(0, 0, 0, 0.15);
  5401. }
  5402. /* Active */
  5403. .ui.slider.checkbox input:checked ~ label {
  5404. color: rgba(0, 0, 0, 0.95) !important;
  5405. }
  5406. .ui.slider.checkbox input:checked ~ label:before {
  5407. background-color: #545454 !important;
  5408. }
  5409. .ui.slider.checkbox input:checked ~ label:after {
  5410. left: 2rem;
  5411. }
  5412. /* Active Focus */
  5413. .ui.slider.checkbox input:focus:checked ~ label {
  5414. color: rgba(0, 0, 0, 0.95) !important;
  5415. }
  5416. .ui.slider.checkbox input:focus:checked ~ label:before {
  5417. background-color: #000000 !important;
  5418. }
  5419. /*--------------
  5420. Toggle
  5421. ---------------*/
  5422. .ui.toggle.checkbox {
  5423. min-height: 1.5rem;
  5424. }
  5425. /* Input */
  5426. .ui.toggle.checkbox input {
  5427. width: 3.5rem;
  5428. height: 1.5rem;
  5429. }
  5430. /* Label */
  5431. .ui.toggle.checkbox label {
  5432. min-height: 1.5rem;
  5433. padding-left: 4.5rem;
  5434. color: rgba(0, 0, 0, 0.87);
  5435. }
  5436. .ui.toggle.checkbox label {
  5437. padding-top: 0.15em;
  5438. }
  5439. /* Switch */
  5440. .ui.toggle.checkbox label:before {
  5441. display: block;
  5442. position: absolute;
  5443. content: '';
  5444. z-index: 1;
  5445. transform: none;
  5446. border: none;
  5447. top: 0;
  5448. background: rgba(0, 0, 0, 0.05);
  5449. box-shadow: none;
  5450. width: 3.5rem;
  5451. height: 1.5rem;
  5452. border-radius: 500rem;
  5453. }
  5454. /* Handle */
  5455. .ui.toggle.checkbox label:after {
  5456. background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  5457. position: absolute;
  5458. content: '' !important;
  5459. opacity: 1;
  5460. z-index: 2;
  5461. border: none;
  5462. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  5463. width: 1.5rem;
  5464. height: 1.5rem;
  5465. top: 0;
  5466. left: 0;
  5467. border-radius: 500rem;
  5468. transition: background 0.3s ease, left 0.3s ease;
  5469. }
  5470. .ui.toggle.checkbox input ~ label:after {
  5471. left: -0.05rem;
  5472. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  5473. }
  5474. /* Focus */
  5475. .ui.toggle.checkbox input:focus ~ label:before {
  5476. background-color: rgba(0, 0, 0, 0.15);
  5477. border: none;
  5478. }
  5479. /* Hover */
  5480. .ui.toggle.checkbox label:hover::before {
  5481. background-color: rgba(0, 0, 0, 0.15);
  5482. border: none;
  5483. }
  5484. /* Active */
  5485. .ui.toggle.checkbox input:checked ~ label {
  5486. color: rgba(0, 0, 0, 0.95) !important;
  5487. }
  5488. .ui.toggle.checkbox input:checked ~ label:before {
  5489. background-color: #2185D0 !important;
  5490. }
  5491. .ui.toggle.checkbox input:checked ~ label:after {
  5492. left: 2.15rem;
  5493. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  5494. }
  5495. /* Active Focus */
  5496. .ui.toggle.checkbox input:focus:checked ~ label {
  5497. color: rgba(0, 0, 0, 0.95) !important;
  5498. }
  5499. .ui.toggle.checkbox input:focus:checked ~ label:before {
  5500. background-color: #0d71bb !important;
  5501. }
  5502. /*******************************
  5503. Variations
  5504. *******************************/
  5505. /*--------------
  5506. Fitted
  5507. ---------------*/
  5508. .ui.fitted.checkbox label {
  5509. padding-left: 0 !important;
  5510. }
  5511. .ui.fitted.toggle.checkbox {
  5512. width: 3.5rem;
  5513. }
  5514. .ui.fitted.slider.checkbox {
  5515. width: 3.5rem;
  5516. }
  5517. /*--------------
  5518. Inverted
  5519. ---------------*/
  5520. .ui.inverted.checkbox label,
  5521. .ui.inverted.checkbox + label {
  5522. color: rgba(255, 255, 255, 0.9) !important;
  5523. }
  5524. /* Hover */
  5525. .ui.inverted.checkbox label:hover {
  5526. color: #ffffff !important;
  5527. }
  5528. .ui.inverted.checkbox label:hover::before {
  5529. border-color: rgba(34, 36, 38, 0.5);
  5530. }
  5531. /*Slider Label */
  5532. .ui.inverted.slider.checkbox label {
  5533. color: rgba(255, 255, 255, 0.5);
  5534. }
  5535. /* Slider Line */
  5536. .ui.inverted.slider.checkbox label:before {
  5537. background-color: rgba(255, 255, 255, 0.5) !important;
  5538. }
  5539. /* Slider Hover */
  5540. .ui.inverted.slider.checkbox label:hover::before {
  5541. background: rgba(255, 255, 255, 0.7) !important;
  5542. }
  5543. /* Slider Active */
  5544. .ui.inverted.slider.checkbox input:checked ~ label {
  5545. color: #ffffff !important;
  5546. }
  5547. .ui.inverted.slider.checkbox input:checked ~ label:before {
  5548. background-color: rgba(255, 255, 255, 0.8) !important;
  5549. }
  5550. /* Slider Active Focus */
  5551. .ui.inverted.slider.checkbox input:focus:checked ~ label {
  5552. color: #ffffff !important;
  5553. }
  5554. .ui.inverted.slider.checkbox input:focus:checked ~ label:before {
  5555. background-color: rgba(255, 255, 255, 0.8) !important;
  5556. }
  5557. /* Toggle Switch */
  5558. .ui.inverted.toggle.checkbox label:before {
  5559. background-color: rgba(255, 255, 255, 0.9) !important;
  5560. }
  5561. /* Toggle Hover */
  5562. .ui.inverted.toggle.checkbox label:hover::before {
  5563. background: #ffffff !important;
  5564. }
  5565. /* Toggle Active */
  5566. .ui.inverted.toggle.checkbox input:checked ~ label {
  5567. color: #ffffff !important;
  5568. }
  5569. .ui.inverted.toggle.checkbox input:checked ~ label:before {
  5570. background-color: #2185D0 !important;
  5571. }
  5572. /* Toggle Active Focus */
  5573. .ui.inverted.toggle.checkbox input:focus:checked ~ label {
  5574. color: #ffffff !important;
  5575. }
  5576. .ui.inverted.toggle.checkbox input:focus:checked ~ label:before {
  5577. background-color: #0d71bb !important;
  5578. }
  5579. /*--------------------
  5580. Size
  5581. ---------------------*/
  5582. .ui.mini.checkbox {
  5583. font-size: 0.78571429em;
  5584. }
  5585. .ui.tiny.checkbox {
  5586. font-size: 0.85714286em;
  5587. }
  5588. .ui.small.checkbox {
  5589. font-size: 0.92857143em;
  5590. }
  5591. .ui.large.checkbox {
  5592. font-size: 1.14285714em;
  5593. }
  5594. .ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5595. .ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5596. .ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
  5597. .ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
  5598. transform: scale(1.14285714);
  5599. transform-origin: left;
  5600. }
  5601. .ui.large.form .checkbox.radio label:before,
  5602. .ui.large.checkbox.radio label:before {
  5603. transform: scale(1.14285714);
  5604. transform-origin: left;
  5605. }
  5606. .ui.large.form .checkbox.radio label:after,
  5607. .ui.large.checkbox.radio label:after {
  5608. transform: scale(0.57142857);
  5609. transform-origin: left;
  5610. left: 0.33571429em;
  5611. }
  5612. .ui.big.checkbox {
  5613. font-size: 1.28571429em;
  5614. }
  5615. .ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5616. .ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5617. .ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
  5618. .ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
  5619. transform: scale(1.28571429);
  5620. transform-origin: left;
  5621. }
  5622. .ui.big.form .checkbox.radio label:before,
  5623. .ui.big.checkbox.radio label:before {
  5624. transform: scale(1.28571429);
  5625. transform-origin: left;
  5626. }
  5627. .ui.big.form .checkbox.radio label:after,
  5628. .ui.big.checkbox.radio label:after {
  5629. transform: scale(0.64285714);
  5630. transform-origin: left;
  5631. left: 0.37142857em;
  5632. }
  5633. .ui.huge.checkbox {
  5634. font-size: 1.42857143em;
  5635. }
  5636. .ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5637. .ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5638. .ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
  5639. .ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
  5640. transform: scale(1.42857143);
  5641. transform-origin: left;
  5642. }
  5643. .ui.huge.form .checkbox.radio label:before,
  5644. .ui.huge.checkbox.radio label:before {
  5645. transform: scale(1.42857143);
  5646. transform-origin: left;
  5647. }
  5648. .ui.huge.form .checkbox.radio label:after,
  5649. .ui.huge.checkbox.radio label:after {
  5650. transform: scale(0.71428571);
  5651. transform-origin: left;
  5652. left: 0.40714286em;
  5653. }
  5654. .ui.massive.checkbox {
  5655. font-size: 1.71428571em;
  5656. }
  5657. .ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5658. .ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
  5659. .ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
  5660. .ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
  5661. transform: scale(1.71428571);
  5662. transform-origin: left;
  5663. }
  5664. .ui.massive.form .checkbox.radio label:before,
  5665. .ui.massive.checkbox.radio label:before {
  5666. transform: scale(1.71428571);
  5667. transform-origin: left;
  5668. }
  5669. .ui.massive.form .checkbox.radio label:after,
  5670. .ui.massive.checkbox.radio label:after {
  5671. transform: scale(0.85714286);
  5672. transform-origin: left;
  5673. left: 0.47857143em;
  5674. }
  5675. /*******************************
  5676. Theme Overrides
  5677. *******************************/
  5678. @font-face {
  5679. font-family: 'Checkbox';
  5680. src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
  5681. }
  5682. /* Checkmark */
  5683. .ui.checkbox label:after,
  5684. .ui.checkbox .box:after {
  5685. font-family: 'Checkbox';
  5686. }
  5687. /* Checked */
  5688. .ui.checkbox input:checked ~ .box:after,
  5689. .ui.checkbox input:checked ~ label:after {
  5690. content: '\e800';
  5691. }
  5692. /* Indeterminate */
  5693. .ui.checkbox input:indeterminate ~ .box:after,
  5694. .ui.checkbox input:indeterminate ~ label:after {
  5695. font-size: 12px;
  5696. content: '\e801';
  5697. }
  5698. /* UTF Reference
  5699. .check:before { content: '\e800'; }
  5700. .dash:before { content: '\e801'; }
  5701. .plus:before { content: '\e802'; }
  5702. */
  5703. /*******************************
  5704. Site Overrides
  5705. *******************************/
  5706. /*!
  5707. * # Fomantic-UI - Comment
  5708. * http://github.com/fomantic/Fomantic-UI/
  5709. *
  5710. *
  5711. * Released under the MIT license
  5712. * http://opensource.org/licenses/MIT
  5713. *
  5714. */
  5715. /*******************************
  5716. Standard
  5717. *******************************/
  5718. /*--------------
  5719. Comments
  5720. ---------------*/
  5721. .ui.comments {
  5722. margin: 1.5em 0;
  5723. max-width: 650px;
  5724. }
  5725. .ui.comments:first-child {
  5726. margin-top: 0;
  5727. }
  5728. .ui.comments:last-child {
  5729. margin-bottom: 0;
  5730. }
  5731. /*--------------
  5732. Comment
  5733. ---------------*/
  5734. .ui.comments .comment {
  5735. position: relative;
  5736. background: none;
  5737. margin: 0.5em 0 0;
  5738. padding: 0.5em 0 0;
  5739. border: none;
  5740. border-top: none;
  5741. line-height: 1.2;
  5742. }
  5743. .ui.comments .comment:first-child {
  5744. margin-top: 0;
  5745. padding-top: 0;
  5746. }
  5747. /*--------------------
  5748. Nested Comments
  5749. ---------------------*/
  5750. .ui.comments .comment > .comments {
  5751. margin: 0 0 0.5em 0.5em;
  5752. padding: 1em 0 1em 1em;
  5753. }
  5754. .ui.comments .comment > .comments:before {
  5755. position: absolute;
  5756. top: 0;
  5757. left: 0;
  5758. }
  5759. .ui.comments .comment > .comments .comment {
  5760. border: none;
  5761. border-top: none;
  5762. background: none;
  5763. }
  5764. /*--------------
  5765. Avatar
  5766. ---------------*/
  5767. .ui.comments .comment .avatar {
  5768. display: block;
  5769. width: 2.5em;
  5770. height: auto;
  5771. float: left;
  5772. margin: 0.2em 0 0;
  5773. }
  5774. .ui.comments .comment img.avatar,
  5775. .ui.comments .comment .avatar img {
  5776. display: block;
  5777. margin: 0 auto;
  5778. width: 100%;
  5779. height: 100%;
  5780. border-radius: 0.25rem;
  5781. }
  5782. /*--------------
  5783. Content
  5784. ---------------*/
  5785. .ui.comments .comment > .content {
  5786. display: block;
  5787. }
  5788. /* If there is an avatar move content over */
  5789. .ui.comments .comment > .avatar ~ .content {
  5790. margin-left: 3.5em;
  5791. }
  5792. /*--------------
  5793. Author
  5794. ---------------*/
  5795. .ui.comments .comment .author {
  5796. font-size: 1em;
  5797. color: rgba(0, 0, 0, 0.87);
  5798. font-weight: 500;
  5799. }
  5800. .ui.comments .comment a.author {
  5801. cursor: pointer;
  5802. }
  5803. .ui.comments .comment a.author:hover {
  5804. color: #1e70bf;
  5805. }
  5806. /*--------------
  5807. Metadata
  5808. ---------------*/
  5809. .ui.comments .comment .metadata {
  5810. display: inline-block;
  5811. margin-left: 0.5em;
  5812. color: rgba(0, 0, 0, 0.4);
  5813. font-size: 0.875em;
  5814. }
  5815. .ui.comments .comment .metadata > * {
  5816. display: inline-block;
  5817. margin: 0 0.5em 0 0;
  5818. }
  5819. .ui.comments .comment .metadata > :last-child {
  5820. margin-right: 0;
  5821. }
  5822. /*--------------------
  5823. Comment Text
  5824. ---------------------*/
  5825. .ui.comments .comment .text {
  5826. margin: 0.25em 0 0.5em;
  5827. font-size: 1em;
  5828. word-wrap: break-word;
  5829. color: rgba(0, 0, 0, 0.87);
  5830. line-height: 1.3;
  5831. }
  5832. /*--------------------
  5833. User Actions
  5834. ---------------------*/
  5835. .ui.comments .comment .actions {
  5836. font-size: 0.875em;
  5837. }
  5838. .ui.comments .comment .actions a {
  5839. cursor: pointer;
  5840. display: inline-block;
  5841. margin: 0 0.75em 0 0;
  5842. color: rgba(0, 0, 0, 0.4);
  5843. }
  5844. .ui.comments .comment .actions a:last-child {
  5845. margin-right: 0;
  5846. }
  5847. .ui.comments .comment .actions a.active,
  5848. .ui.comments .comment .actions a:hover {
  5849. color: rgba(0, 0, 0, 0.8);
  5850. }
  5851. /*--------------------
  5852. Reply Form
  5853. ---------------------*/
  5854. .ui.comments > .reply.form {
  5855. margin-top: 1em;
  5856. }
  5857. .ui.comments .comment .reply.form {
  5858. width: 100%;
  5859. margin-top: 1em;
  5860. }
  5861. .ui.comments .reply.form textarea {
  5862. font-size: 1em;
  5863. height: 12em;
  5864. }
  5865. /*******************************
  5866. State
  5867. *******************************/
  5868. .ui.collapsed.comments,
  5869. .ui.comments .collapsed.comments,
  5870. .ui.comments .collapsed.comment {
  5871. display: none;
  5872. }
  5873. /*******************************
  5874. Variations
  5875. *******************************/
  5876. /*--------------------
  5877. Threaded
  5878. ---------------------*/
  5879. .ui.threaded.comments .comment > .comments {
  5880. margin: -1.5em 0 -1em 1.25em;
  5881. padding: 3em 0 2em 2.25em;
  5882. box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
  5883. }
  5884. /*--------------------
  5885. Minimal
  5886. ---------------------*/
  5887. .ui.minimal.comments .comment .actions {
  5888. opacity: 0;
  5889. position: absolute;
  5890. top: 0;
  5891. right: 0;
  5892. left: auto;
  5893. transition: opacity 0.2s ease;
  5894. transition-delay: 0.1s;
  5895. }
  5896. .ui.minimal.comments .comment > .content:hover > .actions {
  5897. opacity: 1;
  5898. }
  5899. /*-------------------
  5900. Sizes
  5901. --------------------*/
  5902. .ui.comments {
  5903. font-size: 1rem;
  5904. }
  5905. .ui.mini.comments {
  5906. font-size: 0.78571429rem;
  5907. }
  5908. .ui.tiny.comments {
  5909. font-size: 0.85714286rem;
  5910. }
  5911. .ui.small.comments {
  5912. font-size: 0.92857143rem;
  5913. }
  5914. .ui.large.comments {
  5915. font-size: 1.14285714rem;
  5916. }
  5917. .ui.big.comments {
  5918. font-size: 1.28571429rem;
  5919. }
  5920. .ui.huge.comments {
  5921. font-size: 1.42857143rem;
  5922. }
  5923. .ui.massive.comments {
  5924. font-size: 1.71428571rem;
  5925. }
  5926. /*-------------------
  5927. Inverted
  5928. --------------------*/
  5929. .ui.inverted.comments .comment {
  5930. background-color: #1B1C1D;
  5931. }
  5932. .ui.inverted.comments .comment .author,
  5933. .ui.inverted.comments .comment .text {
  5934. color: rgba(255, 255, 255, 0.9);
  5935. }
  5936. .ui.inverted.comments .comment .metadata,
  5937. .ui.inverted.comments .comment .actions a {
  5938. color: rgba(255, 255, 255, 0.7);
  5939. }
  5940. .ui.inverted.comments .comment a.author:hover,
  5941. .ui.inverted.comments .comment .actions a.active,
  5942. .ui.inverted.comments .comment .actions a:hover {
  5943. color: #ffffff;
  5944. }
  5945. .ui.inverted.threaded.comments .comment > .comments {
  5946. box-shadow: -1px 0 0 #555555;
  5947. }
  5948. /*******************************
  5949. Theme Overrides
  5950. *******************************/
  5951. /*******************************
  5952. User Variable Overrides
  5953. *******************************/
  5954. /*!
  5955. * # Fomantic-UI - Container
  5956. * http://github.com/fomantic/Fomantic-UI/
  5957. *
  5958. *
  5959. * Released under the MIT license
  5960. * http://opensource.org/licenses/MIT
  5961. *
  5962. */
  5963. /*******************************
  5964. Container
  5965. *******************************/
  5966. /* All Sizes */
  5967. .ui.container {
  5968. display: block;
  5969. max-width: 100%;
  5970. }
  5971. /* Mobile */
  5972. @media only screen and (max-width: 767.98px) {
  5973. .ui.ui.ui.container:not(.fluid) {
  5974. width: auto;
  5975. margin-left: 1em;
  5976. margin-right: 1em;
  5977. }
  5978. .ui.ui.ui.grid.container {
  5979. width: auto;
  5980. }
  5981. .ui.ui.ui.relaxed.grid.container {
  5982. width: auto;
  5983. }
  5984. .ui.ui.ui.very.relaxed.grid.container {
  5985. width: auto;
  5986. }
  5987. }
  5988. /* Tablet */
  5989. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  5990. .ui.ui.ui.container:not(.fluid) {
  5991. width: 723px;
  5992. margin-left: auto;
  5993. margin-right: auto;
  5994. }
  5995. .ui.ui.ui.grid.container {
  5996. width: calc(723px + 2rem);
  5997. }
  5998. .ui.ui.ui.relaxed.grid.container {
  5999. width: calc(723px + 3rem);
  6000. }
  6001. .ui.ui.ui.very.relaxed.grid.container {
  6002. width: calc(723px + 5rem);
  6003. }
  6004. }
  6005. /* Small Monitor */
  6006. @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  6007. .ui.ui.ui.container:not(.fluid) {
  6008. width: 933px;
  6009. margin-left: auto;
  6010. margin-right: auto;
  6011. }
  6012. .ui.ui.ui.grid.container {
  6013. width: calc(933px + 2rem);
  6014. }
  6015. .ui.ui.ui.relaxed.grid.container {
  6016. width: calc(933px + 3rem);
  6017. }
  6018. .ui.ui.ui.very.relaxed.grid.container {
  6019. width: calc(933px + 5rem);
  6020. }
  6021. }
  6022. /* Large Monitor */
  6023. @media only screen and (min-width: 1200px) {
  6024. .ui.ui.ui.container:not(.fluid) {
  6025. width: 1127px;
  6026. margin-left: auto;
  6027. margin-right: auto;
  6028. }
  6029. .ui.ui.ui.grid.container {
  6030. width: calc(1127px + 2rem);
  6031. }
  6032. .ui.ui.ui.relaxed.grid.container {
  6033. width: calc(1127px + 3rem);
  6034. }
  6035. .ui.ui.ui.very.relaxed.grid.container {
  6036. width: calc(1127px + 5rem);
  6037. }
  6038. }
  6039. /*******************************
  6040. Types
  6041. *******************************/
  6042. /* Text Container */
  6043. .ui.text.container {
  6044. font-family: var(--fonts-regular);
  6045. max-width: 700px;
  6046. line-height: 1.5;
  6047. font-size: 1.14285714rem;
  6048. }
  6049. /* Fluid */
  6050. .ui.fluid.container {
  6051. width: 100%;
  6052. }
  6053. /*******************************
  6054. Variations
  6055. *******************************/
  6056. .ui[class*="left aligned"].container {
  6057. text-align: left;
  6058. }
  6059. .ui[class*="center aligned"].container {
  6060. text-align: center;
  6061. }
  6062. .ui[class*="right aligned"].container {
  6063. text-align: right;
  6064. }
  6065. .ui.justified.container {
  6066. text-align: justify;
  6067. -webkit-hyphens: auto;
  6068. hyphens: auto;
  6069. }
  6070. /*******************************
  6071. Theme Overrides
  6072. *******************************/
  6073. /*******************************
  6074. Site Overrides
  6075. *******************************/
  6076. /*!
  6077. * # Fomantic-UI - Dimmer
  6078. * http://github.com/fomantic/Fomantic-UI/
  6079. *
  6080. *
  6081. * Released under the MIT license
  6082. * http://opensource.org/licenses/MIT
  6083. *
  6084. */
  6085. /*******************************
  6086. Dimmer
  6087. *******************************/
  6088. .dimmable:not(body) {
  6089. position: relative;
  6090. }
  6091. .ui.dimmer {
  6092. display: none;
  6093. position: absolute;
  6094. top: 0 !important;
  6095. left: 0 !important;
  6096. width: 100%;
  6097. height: 100%;
  6098. text-align: center;
  6099. vertical-align: middle;
  6100. padding: 1em;
  6101. background: rgba(0, 0, 0, 0.85);
  6102. opacity: 0;
  6103. line-height: 1;
  6104. -webkit-animation-fill-mode: both;
  6105. animation-fill-mode: both;
  6106. -webkit-animation-duration: 0.5s;
  6107. animation-duration: 0.5s;
  6108. transition: background-color 0.5s linear;
  6109. flex-direction: column;
  6110. align-items: center;
  6111. justify-content: center;
  6112. -webkit-user-select: none;
  6113. -moz-user-select: none;
  6114. user-select: none;
  6115. will-change: opacity;
  6116. z-index: 1000;
  6117. }
  6118. /* Dimmer Content */
  6119. .ui.dimmer > .content {
  6120. -webkit-user-select: text;
  6121. -moz-user-select: text;
  6122. user-select: text;
  6123. color: #FFFFFF;
  6124. }
  6125. /* Loose Coupling */
  6126. .ui.segment > .ui.dimmer:not(.page) {
  6127. border-radius: inherit;
  6128. }
  6129. /* Scrollbars */
  6130. /*******************************
  6131. States
  6132. *******************************/
  6133. /* Animating */
  6134. .animating.dimmable:not(body),
  6135. .dimmed.dimmable:not(body) {
  6136. overflow: hidden;
  6137. }
  6138. /* Animating / Active / Visible */
  6139. .dimmed.dimmable > .ui.animating.dimmer,
  6140. .dimmed.dimmable > .ui.visible.dimmer,
  6141. .ui.active.dimmer {
  6142. display: flex;
  6143. opacity: 1;
  6144. }
  6145. /* Disabled */
  6146. .ui.disabled.dimmer {
  6147. width: 0 !important;
  6148. height: 0 !important;
  6149. }
  6150. /*******************************
  6151. Variations
  6152. *******************************/
  6153. /*--------------
  6154. Legacy
  6155. ---------------*/
  6156. /* Animating / Active / Visible */
  6157. .dimmed.dimmable > .ui.animating.legacy.dimmer,
  6158. .dimmed.dimmable > .ui.visible.legacy.dimmer,
  6159. .ui.active.legacy.dimmer {
  6160. display: block;
  6161. }
  6162. /*--------------
  6163. Alignment
  6164. ---------------*/
  6165. .ui[class*="top aligned"].dimmer {
  6166. justify-content: flex-start;
  6167. }
  6168. .ui[class*="bottom aligned"].dimmer {
  6169. justify-content: flex-end;
  6170. }
  6171. /*--------------
  6172. Page
  6173. ---------------*/
  6174. .ui.page.dimmer {
  6175. position: fixed;
  6176. transform-style: '';
  6177. perspective: 2000px;
  6178. transform-origin: center center;
  6179. }
  6180. .ui.page.dimmer.modals {
  6181. -moz-perspective: none;
  6182. }
  6183. body.animating.in.dimmable,
  6184. body.dimmed.dimmable {
  6185. overflow: hidden;
  6186. }
  6187. body.dimmable > .dimmer {
  6188. position: fixed;
  6189. }
  6190. /*--------------
  6191. Blurring
  6192. ---------------*/
  6193. .blurring.dimmable > :not(.dimmer) {
  6194. filter: initial;
  6195. transition: 800ms filter ease;
  6196. }
  6197. .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
  6198. filter: blur(5px) grayscale(0.7);
  6199. }
  6200. /* Dimmer Color */
  6201. .blurring.dimmable > .dimmer {
  6202. background: rgba(0, 0, 0, 0.6);
  6203. }
  6204. .blurring.dimmable > .inverted.dimmer {
  6205. background: rgba(255, 255, 255, 0.6);
  6206. }
  6207. /*--------------
  6208. Aligned
  6209. ---------------*/
  6210. .ui.dimmer > .top.aligned.content > * {
  6211. vertical-align: top;
  6212. }
  6213. .ui.dimmer > .bottom.aligned.content > * {
  6214. vertical-align: bottom;
  6215. }
  6216. /*--------------
  6217. Shades
  6218. ---------------*/
  6219. .medium.medium.medium.medium.medium.dimmer {
  6220. background: rgba(0, 0, 0, 0.65);
  6221. }
  6222. .light.light.light.light.light.dimmer {
  6223. background: rgba(0, 0, 0, 0.45);
  6224. }
  6225. .very.light.light.light.light.dimmer {
  6226. background: rgba(0, 0, 0, 0.25);
  6227. }
  6228. /*--------------
  6229. Inverted
  6230. ---------------*/
  6231. .ui.inverted.dimmer {
  6232. background: rgba(255, 255, 255, 0.85);
  6233. }
  6234. .ui.inverted.dimmer > .content,
  6235. .ui.inverted.dimmer > .content > * {
  6236. color: #000000;
  6237. }
  6238. /*--------------
  6239. Inverted Shades
  6240. ---------------*/
  6241. .medium.medium.medium.medium.medium.inverted.dimmer {
  6242. background: rgba(255, 255, 255, 0.65);
  6243. }
  6244. .light.light.light.light.light.inverted.dimmer {
  6245. background: rgba(255, 255, 255, 0.45);
  6246. }
  6247. .very.light.light.light.light.inverted.dimmer {
  6248. background: rgba(255, 255, 255, 0.25);
  6249. }
  6250. /*--------------
  6251. Simple
  6252. ---------------*/
  6253. /* Displays without javascript */
  6254. .ui.simple.dimmer {
  6255. display: block;
  6256. overflow: hidden;
  6257. opacity: 0;
  6258. width: 0;
  6259. height: 0;
  6260. z-index: -100;
  6261. background: rgba(0, 0, 0, 0);
  6262. }
  6263. .dimmed.dimmable > .ui.simple.dimmer {
  6264. overflow: visible;
  6265. opacity: 1;
  6266. width: 100%;
  6267. height: 100%;
  6268. background: rgba(0, 0, 0, 0.85);
  6269. z-index: 1;
  6270. }
  6271. .ui.simple.inverted.dimmer {
  6272. background: rgba(255, 255, 255, 0);
  6273. }
  6274. .dimmed.dimmable > .ui.simple.inverted.dimmer {
  6275. background: rgba(255, 255, 255, 0.85);
  6276. }
  6277. /*--------------
  6278. Partially
  6279. ----------------*/
  6280. .ui[class*="top dimmer"],
  6281. .ui[class*="center dimmer"],
  6282. .ui[class*="bottom dimmer"] {
  6283. height: auto;
  6284. }
  6285. .ui[class*="bottom dimmer"] {
  6286. top: auto !important;
  6287. bottom: 0;
  6288. }
  6289. .ui[class*="center dimmer"] {
  6290. top: 50% !important;
  6291. transform: translateY(-50%);
  6292. -webkit-transform: translateY(calc(-50% - 0.5px));
  6293. }
  6294. .ui.segment > .ui.ui[class*="top dimmer"] {
  6295. border-bottom-left-radius: 0;
  6296. border-bottom-right-radius: 0;
  6297. }
  6298. .ui.segment > .ui.ui[class*="center dimmer"] {
  6299. border-radius: 0;
  6300. }
  6301. .ui.segment > .ui.ui[class*="bottom dimmer"] {
  6302. border-top-left-radius: 0;
  6303. border-top-right-radius: 0;
  6304. }
  6305. .ui[class*="center dimmer"].transition[class*="fade up"].in {
  6306. -webkit-animation-name: fadeInUpCenter;
  6307. animation-name: fadeInUpCenter;
  6308. }
  6309. .ui[class*="center dimmer"].transition[class*="fade down"].in {
  6310. -webkit-animation-name: fadeInDownCenter;
  6311. animation-name: fadeInDownCenter;
  6312. }
  6313. .ui[class*="center dimmer"].transition[class*="fade up"].out {
  6314. -webkit-animation-name: fadeOutUpCenter;
  6315. animation-name: fadeOutUpCenter;
  6316. }
  6317. .ui[class*="center dimmer"].transition[class*="fade down"].out {
  6318. -webkit-animation-name: fadeOutDownCenter;
  6319. animation-name: fadeOutDownCenter;
  6320. }
  6321. .ui[class*="center dimmer"].bounce.transition {
  6322. -webkit-animation-name: bounceCenter;
  6323. animation-name: bounceCenter;
  6324. }
  6325. @-webkit-keyframes fadeInUpCenter {
  6326. 0% {
  6327. opacity: 0;
  6328. transform: translateY(-40%);
  6329. -webkit-transform: translateY(calc(-40% - 0.5px));
  6330. }
  6331. 100% {
  6332. opacity: 1;
  6333. transform: translateY(-50%);
  6334. -webkit-transform: translateY(calc(-50% - 0.5px));
  6335. }
  6336. }
  6337. @keyframes fadeInUpCenter {
  6338. 0% {
  6339. opacity: 0;
  6340. transform: translateY(-40%);
  6341. -webkit-transform: translateY(calc(-40% - 0.5px));
  6342. }
  6343. 100% {
  6344. opacity: 1;
  6345. transform: translateY(-50%);
  6346. -webkit-transform: translateY(calc(-50% - 0.5px));
  6347. }
  6348. }
  6349. @-webkit-keyframes fadeInDownCenter {
  6350. 0% {
  6351. opacity: 0;
  6352. transform: translateY(-60%);
  6353. -webkit-transform: translateY(calc(-60% - 0.5px));
  6354. }
  6355. 100% {
  6356. opacity: 1;
  6357. transform: translateY(-50%);
  6358. -webkit-transform: translateY(calc(-50% - 0.5px));
  6359. }
  6360. }
  6361. @keyframes fadeInDownCenter {
  6362. 0% {
  6363. opacity: 0;
  6364. transform: translateY(-60%);
  6365. -webkit-transform: translateY(calc(-60% - 0.5px));
  6366. }
  6367. 100% {
  6368. opacity: 1;
  6369. transform: translateY(-50%);
  6370. -webkit-transform: translateY(calc(-50% - 0.5px));
  6371. }
  6372. }
  6373. @-webkit-keyframes fadeOutUpCenter {
  6374. 0% {
  6375. opacity: 1;
  6376. transform: translateY(-50%);
  6377. -webkit-transform: translateY(calc(-50% - 0.5px));
  6378. }
  6379. 100% {
  6380. opacity: 0;
  6381. transform: translateY(-45%);
  6382. -webkit-transform: translateY(calc(-45% - 0.5px));
  6383. }
  6384. }
  6385. @keyframes fadeOutUpCenter {
  6386. 0% {
  6387. opacity: 1;
  6388. transform: translateY(-50%);
  6389. -webkit-transform: translateY(calc(-50% - 0.5px));
  6390. }
  6391. 100% {
  6392. opacity: 0;
  6393. transform: translateY(-45%);
  6394. -webkit-transform: translateY(calc(-45% - 0.5px));
  6395. }
  6396. }
  6397. @-webkit-keyframes fadeOutDownCenter {
  6398. 0% {
  6399. opacity: 1;
  6400. transform: translateY(-50%);
  6401. -webkit-transform: translateY(calc(-50% - 0.5px));
  6402. }
  6403. 100% {
  6404. opacity: 0;
  6405. transform: translateY(-55%);
  6406. -webkit-transform: translateY(calc(-55% - 0.5px));
  6407. }
  6408. }
  6409. @keyframes fadeOutDownCenter {
  6410. 0% {
  6411. opacity: 1;
  6412. transform: translateY(-50%);
  6413. -webkit-transform: translateY(calc(-50% - 0.5px));
  6414. }
  6415. 100% {
  6416. opacity: 0;
  6417. transform: translateY(-55%);
  6418. -webkit-transform: translateY(calc(-55% - 0.5px));
  6419. }
  6420. }
  6421. @-webkit-keyframes bounceCenter {
  6422. 0%, 20%, 50%, 80%, 100% {
  6423. transform: translateY(-50%);
  6424. -webkit-transform: translateY(calc(-50% - 0.5px));
  6425. }
  6426. 40% {
  6427. transform: translateY(calc(-50% - 30px));
  6428. }
  6429. 60% {
  6430. transform: translateY(calc(-50% - 15px));
  6431. }
  6432. }
  6433. @keyframes bounceCenter {
  6434. 0%, 20%, 50%, 80%, 100% {
  6435. transform: translateY(-50%);
  6436. -webkit-transform: translateY(calc(-50% - 0.5px));
  6437. }
  6438. 40% {
  6439. transform: translateY(calc(-50% - 30px));
  6440. }
  6441. 60% {
  6442. transform: translateY(calc(-50% - 15px));
  6443. }
  6444. }
  6445. /*******************************
  6446. Theme Overrides
  6447. *******************************/
  6448. /*******************************
  6449. User Overrides
  6450. *******************************/
  6451. /*!
  6452. * # Fomantic-UI - Divider
  6453. * http://github.com/fomantic/Fomantic-UI/
  6454. *
  6455. *
  6456. * Released under the MIT license
  6457. * http://opensource.org/licenses/MIT
  6458. *
  6459. */
  6460. /*******************************
  6461. Divider
  6462. *******************************/
  6463. .ui.divider {
  6464. margin: 1rem 0;
  6465. line-height: 1;
  6466. height: 0;
  6467. font-weight: 500;
  6468. text-transform: uppercase;
  6469. letter-spacing: 0.05em;
  6470. color: rgba(0, 0, 0, 0.85);
  6471. -webkit-user-select: none;
  6472. -moz-user-select: none;
  6473. user-select: none;
  6474. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6475. }
  6476. /*--------------
  6477. Basic
  6478. ---------------*/
  6479. .ui.divider:not(.vertical):not(.horizontal) {
  6480. border-top: 1px solid rgba(34, 36, 38, 0.15);
  6481. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  6482. }
  6483. /*--------------
  6484. Coupling
  6485. ---------------*/
  6486. /* Allow divider between each column row */
  6487. .ui.grid > .column + .divider,
  6488. .ui.grid > .row > .column + .divider {
  6489. left: auto;
  6490. }
  6491. /*--------------
  6492. Horizontal
  6493. ---------------*/
  6494. .ui.horizontal.divider {
  6495. display: table;
  6496. white-space: nowrap;
  6497. height: auto;
  6498. margin: '';
  6499. line-height: 1;
  6500. text-align: center;
  6501. }
  6502. .ui.horizontal.divider:before,
  6503. .ui.horizontal.divider:after {
  6504. content: '';
  6505. display: table-cell;
  6506. position: relative;
  6507. top: 50%;
  6508. width: 50%;
  6509. background-repeat: no-repeat;
  6510. }
  6511. .ui.horizontal.divider:before {
  6512. background-position: right 1em top 50%;
  6513. }
  6514. .ui.horizontal.divider:after {
  6515. background-position: left 1em top 50%;
  6516. }
  6517. /*--------------
  6518. Vertical
  6519. ---------------*/
  6520. .ui.vertical.divider {
  6521. position: absolute;
  6522. z-index: 2;
  6523. top: 50%;
  6524. left: 50%;
  6525. margin: 0;
  6526. padding: 0;
  6527. width: auto;
  6528. height: 50%;
  6529. line-height: 0;
  6530. text-align: center;
  6531. transform: translateX(-50%);
  6532. }
  6533. .ui.vertical.divider:before,
  6534. .ui.vertical.divider:after {
  6535. position: absolute;
  6536. left: 50%;
  6537. content: '';
  6538. z-index: 3;
  6539. border-left: 1px solid rgba(34, 36, 38, 0.15);
  6540. border-right: 1px solid rgba(255, 255, 255, 0.1);
  6541. width: 0;
  6542. height: calc(100% - 1rem);
  6543. }
  6544. .ui.vertical.divider:before {
  6545. top: -100%;
  6546. }
  6547. .ui.vertical.divider:after {
  6548. top: auto;
  6549. bottom: 0;
  6550. }
  6551. /* Inside grid */
  6552. @media only screen and (max-width: 767.98px) {
  6553. .ui.stackable.grid .ui.vertical.divider,
  6554. .ui.grid .stackable.row .ui.vertical.divider {
  6555. display: table;
  6556. white-space: nowrap;
  6557. height: auto;
  6558. margin: '';
  6559. overflow: hidden;
  6560. line-height: 1;
  6561. text-align: center;
  6562. position: static;
  6563. top: 0;
  6564. left: 0;
  6565. transform: none;
  6566. }
  6567. .ui.stackable.grid .ui.vertical.divider:before,
  6568. .ui.grid .stackable.row .ui.vertical.divider:before,
  6569. .ui.stackable.grid .ui.vertical.divider:after,
  6570. .ui.grid .stackable.row .ui.vertical.divider:after {
  6571. left: 0;
  6572. border-left: none;
  6573. border-right: none;
  6574. content: '';
  6575. display: table-cell;
  6576. position: relative;
  6577. top: 50%;
  6578. width: 50%;
  6579. background-repeat: no-repeat;
  6580. }
  6581. .ui.stackable.grid .ui.vertical.divider:before,
  6582. .ui.grid .stackable.row .ui.vertical.divider:before {
  6583. background-position: right 1em top 50%;
  6584. }
  6585. .ui.stackable.grid .ui.vertical.divider:after,
  6586. .ui.grid .stackable.row .ui.vertical.divider:after {
  6587. background-position: left 1em top 50%;
  6588. }
  6589. }
  6590. /*--------------
  6591. Icon
  6592. ---------------*/
  6593. .ui.divider > .icon {
  6594. margin: 0;
  6595. font-size: 1rem;
  6596. height: 1em;
  6597. vertical-align: middle;
  6598. }
  6599. /*--------------
  6600. Header
  6601. ---------------*/
  6602. .ui.horizontal.divider[class*="left aligned"]:before {
  6603. display: none;
  6604. }
  6605. .ui.horizontal.divider[class*="left aligned"]:after {
  6606. width: 100%;
  6607. }
  6608. .ui.horizontal.divider[class*="right aligned"]:before {
  6609. width: 100%;
  6610. }
  6611. .ui.horizontal.divider[class*="right aligned"]:after {
  6612. display: none;
  6613. }
  6614. /*******************************
  6615. Variations
  6616. *******************************/
  6617. /*--------------
  6618. Hidden
  6619. ---------------*/
  6620. .ui.hidden.divider {
  6621. border-color: transparent !important;
  6622. }
  6623. .ui.hidden.divider:before,
  6624. .ui.hidden.divider:after {
  6625. display: none;
  6626. }
  6627. /*--------------
  6628. Inverted
  6629. ---------------*/
  6630. .ui.divider.inverted,
  6631. .ui.vertical.inverted.divider,
  6632. .ui.horizontal.inverted.divider {
  6633. color: #FFFFFF;
  6634. }
  6635. .ui.divider.inverted,
  6636. .ui.divider.inverted:after,
  6637. .ui.divider.inverted:before {
  6638. border-top-color: rgba(34, 36, 38, 0.15) !important;
  6639. border-left-color: rgba(34, 36, 38, 0.15) !important;
  6640. border-bottom-color: rgba(255, 255, 255, 0.15) !important;
  6641. border-right-color: rgba(255, 255, 255, 0.15) !important;
  6642. }
  6643. /*--------------
  6644. Fitted
  6645. ---------------*/
  6646. .ui.fitted.divider {
  6647. margin: 0;
  6648. }
  6649. /*--------------
  6650. Clearing
  6651. ---------------*/
  6652. .ui.clearing.divider {
  6653. clear: both;
  6654. }
  6655. /*--------------
  6656. Section
  6657. ---------------*/
  6658. .ui.section.divider {
  6659. margin-top: 2rem;
  6660. margin-bottom: 2rem;
  6661. }
  6662. /*--------------
  6663. Sizes
  6664. ---------------*/
  6665. .ui.divider {
  6666. font-size: 1rem;
  6667. }
  6668. .ui.mini.divider {
  6669. font-size: 0.78571429rem;
  6670. }
  6671. .ui.tiny.divider {
  6672. font-size: 0.85714286rem;
  6673. }
  6674. .ui.small.divider {
  6675. font-size: 0.92857143rem;
  6676. }
  6677. .ui.large.divider {
  6678. font-size: 1.14285714rem;
  6679. }
  6680. .ui.big.divider {
  6681. font-size: 1.28571429rem;
  6682. }
  6683. .ui.huge.divider {
  6684. font-size: 1.42857143rem;
  6685. }
  6686. .ui.massive.divider {
  6687. font-size: 1.71428571rem;
  6688. }
  6689. /*******************************
  6690. Theme Overrides
  6691. *******************************/
  6692. .ui.horizontal.divider:before,
  6693. .ui.horizontal.divider:after {
  6694. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
  6695. }
  6696. @media only screen and (max-width: 767px) {
  6697. .ui.stackable.grid .ui.vertical.divider:before,
  6698. .ui.grid .stackable.row .ui.vertical.divider:before,
  6699. .ui.stackable.grid .ui.vertical.divider:after,
  6700. .ui.grid .stackable.row .ui.vertical.divider:after {
  6701. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
  6702. }
  6703. }
  6704. /*******************************
  6705. Site Overrides
  6706. *******************************/
  6707. /*!
  6708. * # Fomantic-UI - Dropdown
  6709. * http://github.com/fomantic/Fomantic-UI/
  6710. *
  6711. *
  6712. * Released under the MIT license
  6713. * http://opensource.org/licenses/MIT
  6714. *
  6715. */
  6716. /*******************************
  6717. Dropdown
  6718. *******************************/
  6719. .ui.dropdown {
  6720. cursor: pointer;
  6721. position: relative;
  6722. display: inline-block;
  6723. outline: none;
  6724. text-align: left;
  6725. transition: box-shadow 0.1s ease, width 0.1s ease;
  6726. -webkit-user-select: none;
  6727. -moz-user-select: none;
  6728. user-select: none;
  6729. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6730. }
  6731. /*******************************
  6732. Content
  6733. *******************************/
  6734. /*--------------
  6735. Menu
  6736. ---------------*/
  6737. .ui.dropdown .menu {
  6738. cursor: auto;
  6739. position: absolute;
  6740. display: none;
  6741. outline: none;
  6742. top: 100%;
  6743. min-width: -webkit-max-content;
  6744. min-width: -moz-max-content;
  6745. min-width: max-content;
  6746. margin: 0;
  6747. padding: 0 0;
  6748. background: #FFFFFF;
  6749. font-size: 1em;
  6750. text-shadow: none;
  6751. text-align: left;
  6752. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  6753. border: 1px solid rgba(34, 36, 38, 0.15);
  6754. border-radius: 0.28571429rem;
  6755. transition: opacity 0.1s ease;
  6756. z-index: 11;
  6757. will-change: transform, opacity;
  6758. }
  6759. .ui.dropdown .menu > * {
  6760. white-space: nowrap;
  6761. }
  6762. /*--------------
  6763. Hidden Input
  6764. ---------------*/
  6765. .ui.dropdown > input:not(.search):first-child,
  6766. .ui.dropdown > select {
  6767. display: none !important;
  6768. }
  6769. /*--------------
  6770. Dropdown Icon
  6771. ---------------*/
  6772. .ui.dropdown:not(.labeled) > .dropdown.icon {
  6773. position: relative;
  6774. width: auto;
  6775. font-size: 0.85714286em;
  6776. margin: 0 0 0 1em;
  6777. }
  6778. .ui.dropdown .menu > .item .dropdown.icon {
  6779. width: auto;
  6780. float: right;
  6781. margin: 0em 0 0 1em;
  6782. }
  6783. .ui.dropdown .menu > .item .dropdown.icon + .text {
  6784. margin-right: 1em;
  6785. }
  6786. /*--------------
  6787. Text
  6788. ---------------*/
  6789. .ui.dropdown > .text {
  6790. display: inline-block;
  6791. transition: none;
  6792. }
  6793. /*--------------
  6794. Menu Item
  6795. ---------------*/
  6796. .ui.dropdown .menu > .item {
  6797. position: relative;
  6798. cursor: pointer;
  6799. display: block;
  6800. border: none;
  6801. height: auto;
  6802. min-height: 2.57142857rem;
  6803. text-align: left;
  6804. border-top: none;
  6805. line-height: 1em;
  6806. font-size: 1rem;
  6807. color: rgba(0, 0, 0, 0.87);
  6808. padding: 0.78571429rem 1.14285714rem !important;
  6809. text-transform: none;
  6810. font-weight: normal;
  6811. box-shadow: none;
  6812. -webkit-touch-callout: none;
  6813. }
  6814. .ui.dropdown .menu > .item:first-child {
  6815. border-top-width: 0;
  6816. }
  6817. .ui.dropdown .menu > .item.vertical {
  6818. display: flex;
  6819. flex-direction: column-reverse;
  6820. }
  6821. /*--------------
  6822. Floated Content
  6823. ---------------*/
  6824. .ui.dropdown > .text > [class*="right floated"],
  6825. .ui.dropdown .menu .item > [class*="right floated"] {
  6826. float: right !important;
  6827. margin-right: 0 !important;
  6828. margin-left: 1em !important;
  6829. }
  6830. .ui.dropdown > .text > [class*="left floated"],
  6831. .ui.dropdown .menu .item > [class*="left floated"] {
  6832. float: left !important;
  6833. margin-left: 0 !important;
  6834. margin-right: 1em !important;
  6835. }
  6836. .ui.dropdown .menu .item > i.icon.floated,
  6837. .ui.dropdown .menu .item > .flag.floated,
  6838. .ui.dropdown .menu .item > .image.floated,
  6839. .ui.dropdown .menu .item > img.floated {
  6840. margin-top: 0em;
  6841. }
  6842. /*--------------
  6843. Menu Divider
  6844. ---------------*/
  6845. .ui.dropdown .menu > .header {
  6846. margin: 1rem 0 0.75rem;
  6847. padding: 0 1.14285714rem;
  6848. font-weight: 500;
  6849. text-transform: uppercase;
  6850. }
  6851. .ui.dropdown .menu > .header:not(.ui) {
  6852. color: rgba(0, 0, 0, 0.85);
  6853. font-size: 0.78571429em;
  6854. }
  6855. .ui.dropdown .menu > .divider {
  6856. border-top: 1px solid rgba(34, 36, 38, 0.1);
  6857. height: 0;
  6858. margin: 0.5em 0;
  6859. }
  6860. .ui.dropdown .menu > .horizontal.divider {
  6861. border-top: none;
  6862. }
  6863. .ui.dropdown.dropdown .menu > .input {
  6864. width: auto;
  6865. display: flex;
  6866. margin: 1.14285714rem 0.78571429rem;
  6867. min-width: 10rem;
  6868. }
  6869. .ui.dropdown .menu > .header + .input {
  6870. margin-top: 0;
  6871. }
  6872. .ui.dropdown .menu > .input:not(.transparent) input {
  6873. padding: 0.5em 1em;
  6874. }
  6875. .ui.dropdown .menu > .input:not(.transparent) .button,
  6876. .ui.dropdown .menu > .input:not(.transparent) i.icon,
  6877. .ui.dropdown .menu > .input:not(.transparent) .label {
  6878. padding-top: 0.5em;
  6879. padding-bottom: 0.5em;
  6880. }
  6881. /*-----------------
  6882. Item Description
  6883. -------------------*/
  6884. .ui.dropdown > .text > .description,
  6885. .ui.dropdown .menu > .item > .description {
  6886. float: right;
  6887. margin: 0 0 0 1em;
  6888. color: rgba(0, 0, 0, 0.4);
  6889. }
  6890. .ui.dropdown .menu > .item.vertical > .description {
  6891. margin: 0;
  6892. }
  6893. /*-----------------
  6894. Item Text
  6895. -------------------*/
  6896. .ui.dropdown .menu > .item.vertical > .text {
  6897. margin-bottom: 0.25em;
  6898. }
  6899. /*-----------------
  6900. Message
  6901. -------------------*/
  6902. .ui.dropdown .menu > .message {
  6903. padding: 0.78571429rem 1.14285714rem;
  6904. font-weight: normal;
  6905. }
  6906. .ui.dropdown .menu > .message:not(.ui) {
  6907. color: rgba(0, 0, 0, 0.4);
  6908. }
  6909. /*--------------
  6910. Sub Menu
  6911. ---------------*/
  6912. .ui.dropdown .menu .menu {
  6913. top: 0;
  6914. left: 100%;
  6915. right: auto;
  6916. margin: 0 -0.5em !important;
  6917. border-radius: 0.28571429rem !important;
  6918. z-index: 21 !important;
  6919. }
  6920. /* Hide Arrow */
  6921. .ui.dropdown .menu .menu:after {
  6922. display: none;
  6923. }
  6924. /*--------------
  6925. Sub Elements
  6926. ---------------*/
  6927. /* Icons / Flags / Labels / Image */
  6928. .ui.dropdown > .text > i.icon,
  6929. .ui.dropdown > .text > .label,
  6930. .ui.dropdown > .text > .flag,
  6931. .ui.dropdown > .text > img,
  6932. .ui.dropdown > .text > .image {
  6933. margin-top: 0em;
  6934. }
  6935. .ui.dropdown .menu > .item > i.icon,
  6936. .ui.dropdown .menu > .item > .label,
  6937. .ui.dropdown .menu > .item > .flag,
  6938. .ui.dropdown .menu > .item > .image,
  6939. .ui.dropdown .menu > .item > img {
  6940. margin-top: 0em;
  6941. }
  6942. .ui.dropdown > .text > i.icon,
  6943. .ui.dropdown > .text > .label,
  6944. .ui.dropdown > .text > .flag,
  6945. .ui.dropdown > .text > img,
  6946. .ui.dropdown > .text > .image,
  6947. .ui.dropdown .menu > .item > i.icon,
  6948. .ui.dropdown .menu > .item > .label,
  6949. .ui.dropdown .menu > .item > .flag,
  6950. .ui.dropdown .menu > .item > .image,
  6951. .ui.dropdown .menu > .item > img {
  6952. margin-left: 0;
  6953. float: none;
  6954. margin-right: 0.78571429rem;
  6955. }
  6956. /*--------------
  6957. Image
  6958. ---------------*/
  6959. .ui.dropdown > .text > img,
  6960. .ui.dropdown > .text > .image:not(.icon),
  6961. .ui.dropdown .menu > .item > .image:not(.icon),
  6962. .ui.dropdown .menu > .item > img {
  6963. display: inline-block;
  6964. vertical-align: top;
  6965. width: auto;
  6966. margin-top: -0.5em;
  6967. margin-bottom: -0.5em;
  6968. max-height: 2em;
  6969. }
  6970. /*******************************
  6971. Coupling
  6972. *******************************/
  6973. /*--------------
  6974. Menu
  6975. ---------------*/
  6976. /* Remove Menu Item Divider */
  6977. .ui.dropdown .ui.menu > .item:before,
  6978. .ui.menu .ui.dropdown .menu > .item:before {
  6979. display: none;
  6980. }
  6981. /* Prevent Menu Item Border */
  6982. .ui.menu .ui.dropdown .menu .active.item {
  6983. border-left: none;
  6984. }
  6985. /* Automatically float dropdown menu right on last menu item */
  6986. .ui.menu .right.menu .dropdown:last-child > .menu:not(.left),
  6987. .ui.menu .right.dropdown.item > .menu:not(.left),
  6988. .ui.buttons > .ui.dropdown:last-child > .menu:not(.left) {
  6989. left: auto;
  6990. right: 0;
  6991. }
  6992. /*--------------
  6993. Label
  6994. ---------------*/
  6995. /* Dropdown Menu */
  6996. .ui.label.dropdown .menu {
  6997. min-width: 100%;
  6998. }
  6999. /*--------------
  7000. Button
  7001. ---------------*/
  7002. /* No Margin On Icon Button */
  7003. .ui.dropdown.icon.button > .dropdown.icon {
  7004. margin: 0;
  7005. }
  7006. .ui.button.dropdown .menu {
  7007. min-width: 100%;
  7008. }
  7009. /*******************************
  7010. Types
  7011. *******************************/
  7012. select.ui.dropdown {
  7013. height: 38px;
  7014. padding: 0.5em;
  7015. border: 1px solid rgba(34, 36, 38, 0.15);
  7016. visibility: visible;
  7017. }
  7018. /*--------------
  7019. Selection
  7020. ---------------*/
  7021. /* Displays like a select box */
  7022. .ui.selection.dropdown {
  7023. cursor: pointer;
  7024. word-wrap: break-word;
  7025. line-height: 1em;
  7026. white-space: normal;
  7027. outline: 0;
  7028. transform: rotateZ(0deg);
  7029. min-width: 14em;
  7030. min-height: 2.71428571em;
  7031. background: #FFFFFF;
  7032. display: inline-block;
  7033. padding: 0.78571429em 3.2em 0.78571429em 1em;
  7034. color: rgba(0, 0, 0, 0.87);
  7035. box-shadow: none;
  7036. border: 1px solid rgba(34, 36, 38, 0.15);
  7037. border-radius: 0.28571429rem;
  7038. transition: box-shadow 0.1s ease, width 0.1s ease;
  7039. }
  7040. .ui.selection.dropdown.visible,
  7041. .ui.selection.dropdown.active {
  7042. z-index: 10;
  7043. }
  7044. .ui.selection.dropdown > .search.icon,
  7045. .ui.selection.dropdown > .delete.icon,
  7046. .ui.selection.dropdown > .dropdown.icon {
  7047. cursor: pointer;
  7048. position: absolute;
  7049. width: auto;
  7050. height: auto;
  7051. line-height: 1.21428571em;
  7052. top: 0.78571429em;
  7053. right: 1em;
  7054. z-index: 3;
  7055. margin: -0.78571429em;
  7056. padding: 0.91666667em;
  7057. opacity: 0.8;
  7058. transition: opacity 0.1s ease;
  7059. }
  7060. /* Compact */
  7061. .ui.compact.selection.dropdown {
  7062. min-width: 0;
  7063. }
  7064. /* Selection Menu */
  7065. .ui.selection.dropdown .menu {
  7066. overflow-x: hidden;
  7067. overflow-y: auto;
  7068. -webkit-backface-visibility: hidden;
  7069. backface-visibility: hidden;
  7070. -webkit-overflow-scrolling: touch;
  7071. border-top-width: 0 !important;
  7072. width: auto;
  7073. outline: none;
  7074. margin: 0 -1px;
  7075. min-width: calc(100% + 2px);
  7076. width: calc(100% + 2px);
  7077. border-radius: 0 0 0.28571429rem 0.28571429rem;
  7078. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  7079. transition: opacity 0.1s ease;
  7080. }
  7081. .ui.selection.dropdown .menu:after,
  7082. .ui.selection.dropdown .menu:before {
  7083. display: none;
  7084. }
  7085. /*--------------
  7086. Message
  7087. ---------------*/
  7088. .ui.selection.dropdown .menu > .message {
  7089. padding: 0.78571429rem 1.14285714rem;
  7090. }
  7091. @media only screen and (max-width: 767.98px) {
  7092. .ui.selection.dropdown.short .menu {
  7093. max-height: 6.01071429rem;
  7094. }
  7095. .ui.selection.dropdown[class*="very short"] .menu {
  7096. max-height: 4.00714286rem;
  7097. }
  7098. .ui.selection.dropdown .menu {
  7099. max-height: 8.01428571rem;
  7100. }
  7101. .ui.selection.dropdown.long .menu {
  7102. max-height: 16.02857143rem;
  7103. }
  7104. .ui.selection.dropdown[class*="very long"] .menu {
  7105. max-height: 24.04285714rem;
  7106. }
  7107. }
  7108. @media only screen and (min-width: 768px) {
  7109. .ui.selection.dropdown.short .menu {
  7110. max-height: 8.01428571rem;
  7111. }
  7112. .ui.selection.dropdown[class*="very short"] .menu {
  7113. max-height: 5.34285714rem;
  7114. }
  7115. .ui.selection.dropdown .menu {
  7116. max-height: 10.68571429rem;
  7117. }
  7118. .ui.selection.dropdown.long .menu {
  7119. max-height: 21.37142857rem;
  7120. }
  7121. .ui.selection.dropdown[class*="very long"] .menu {
  7122. max-height: 32.05714286rem;
  7123. }
  7124. }
  7125. @media only screen and (min-width: 992px) {
  7126. .ui.selection.dropdown.short .menu {
  7127. max-height: 12.02142857rem;
  7128. }
  7129. .ui.selection.dropdown[class*="very short"] .menu {
  7130. max-height: 8.01428571rem;
  7131. }
  7132. .ui.selection.dropdown .menu {
  7133. max-height: 16.02857143rem;
  7134. }
  7135. .ui.selection.dropdown.long .menu {
  7136. max-height: 32.05714286rem;
  7137. }
  7138. .ui.selection.dropdown[class*="very long"] .menu {
  7139. max-height: 48.08571429rem;
  7140. }
  7141. }
  7142. @media only screen and (min-width: 1920px) {
  7143. .ui.selection.dropdown.short .menu {
  7144. max-height: 16.02857143rem;
  7145. }
  7146. .ui.selection.dropdown[class*="very short"] .menu {
  7147. max-height: 10.68571429rem;
  7148. }
  7149. .ui.selection.dropdown .menu {
  7150. max-height: 21.37142857rem;
  7151. }
  7152. .ui.selection.dropdown.long .menu {
  7153. max-height: 42.74285714rem;
  7154. }
  7155. .ui.selection.dropdown[class*="very long"] .menu {
  7156. max-height: 64.11428571rem;
  7157. }
  7158. }
  7159. /* Menu Item */
  7160. .ui.selection.dropdown .menu > .item {
  7161. border-top: 1px solid #FAFAFA;
  7162. padding: 0.78571429rem 1.14285714rem !important;
  7163. white-space: normal;
  7164. word-wrap: normal;
  7165. }
  7166. /* User Item */
  7167. .ui.selection.dropdown .menu > .hidden.addition.item {
  7168. display: none;
  7169. }
  7170. /* Hover */
  7171. .ui.selection.dropdown:hover {
  7172. border-color: rgba(34, 36, 38, 0.35);
  7173. box-shadow: none;
  7174. }
  7175. /* Active */
  7176. .ui.selection.active.dropdown {
  7177. border-color: #96C8DA;
  7178. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  7179. }
  7180. .ui.selection.active.dropdown .menu {
  7181. border-color: #96C8DA;
  7182. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  7183. }
  7184. /* Focus */
  7185. .ui.selection.dropdown:focus {
  7186. border-color: #96C8DA;
  7187. box-shadow: none;
  7188. }
  7189. .ui.selection.dropdown:focus .menu {
  7190. border-color: #96C8DA;
  7191. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  7192. }
  7193. /* Visible */
  7194. .ui.selection.visible.dropdown > .text:not(.default) {
  7195. font-weight: normal;
  7196. color: rgba(0, 0, 0, 0.8);
  7197. }
  7198. /* Visible Hover */
  7199. .ui.selection.active.dropdown:hover {
  7200. border-color: #96C8DA;
  7201. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  7202. }
  7203. .ui.selection.active.dropdown:hover .menu {
  7204. border-color: #96C8DA;
  7205. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  7206. }
  7207. /* Dropdown Icon */
  7208. .ui.active.selection.dropdown > .dropdown.icon,
  7209. .ui.visible.selection.dropdown > .dropdown.icon {
  7210. opacity: '';
  7211. z-index: 3;
  7212. }
  7213. /* Connecting Border */
  7214. .ui.active.selection.dropdown {
  7215. border-bottom-left-radius: 0 !important;
  7216. border-bottom-right-radius: 0 !important;
  7217. }
  7218. /* Empty Connecting Border */
  7219. .ui.active.empty.selection.dropdown {
  7220. border-radius: 0.28571429rem !important;
  7221. box-shadow: none !important;
  7222. }
  7223. .ui.active.empty.selection.dropdown .menu {
  7224. border: none !important;
  7225. box-shadow: none !important;
  7226. }
  7227. /* CSS specific to iOS devices or firefox mobile only */
  7228. @supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance:none) {
  7229. @media (-moz-touch-enabled), (pointer: coarse) {
  7230. .ui.dropdown .scrollhint.menu:not(.hidden):before {
  7231. -webkit-animation: scrollhint 2s ease 2;
  7232. animation: scrollhint 2s ease 2;
  7233. content: '';
  7234. z-index: 15;
  7235. display: block;
  7236. position: absolute;
  7237. opacity: 0;
  7238. right: 0.25em;
  7239. top: 0;
  7240. height: 100%;
  7241. border-right: 0.25em solid;
  7242. border-left: 0;
  7243. -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
  7244. border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
  7245. }
  7246. .ui.inverted.dropdown .scrollhint.menu:not(.hidden):before {
  7247. -o-border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
  7248. border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
  7249. }
  7250. @-webkit-keyframes scrollhint {
  7251. 0% {
  7252. opacity: 1;
  7253. top: 100%;
  7254. }
  7255. 100% {
  7256. opacity: 0;
  7257. top: 0;
  7258. }
  7259. }
  7260. @keyframes scrollhint {
  7261. 0% {
  7262. opacity: 1;
  7263. top: 100%;
  7264. }
  7265. 100% {
  7266. opacity: 0;
  7267. top: 0;
  7268. }
  7269. }
  7270. }
  7271. }
  7272. /*--------------
  7273. Searchable
  7274. ---------------*/
  7275. /* Search Selection */
  7276. .ui.search.dropdown {
  7277. min-width: '';
  7278. }
  7279. /* Search Dropdown */
  7280. .ui.search.dropdown > input.search {
  7281. background: none transparent !important;
  7282. border: none !important;
  7283. box-shadow: none !important;
  7284. cursor: text;
  7285. top: 0;
  7286. left: 1px;
  7287. width: 100%;
  7288. outline: none;
  7289. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  7290. padding: inherit;
  7291. }
  7292. /* Text Layering */
  7293. .ui.search.dropdown > input.search {
  7294. position: absolute;
  7295. z-index: 2;
  7296. }
  7297. .ui.search.dropdown > .text {
  7298. cursor: text;
  7299. position: relative;
  7300. left: 1px;
  7301. z-index: auto;
  7302. }
  7303. /* Search Selection */
  7304. .ui.search.selection.dropdown > input.search {
  7305. line-height: 1.21428571em;
  7306. padding: 0.67857143em 3.2em 0.67857143em 1em;
  7307. }
  7308. /* Used to size multi select input to character width */
  7309. .ui.search.selection.dropdown > span.sizer {
  7310. line-height: 1.21428571em;
  7311. padding: 0.67857143em 3.2em 0.67857143em 1em;
  7312. display: none;
  7313. white-space: pre;
  7314. }
  7315. /* Active/Visible Search */
  7316. .ui.search.dropdown.active > input.search,
  7317. .ui.search.dropdown.visible > input.search {
  7318. cursor: auto;
  7319. }
  7320. .ui.search.dropdown.active > .text,
  7321. .ui.search.dropdown.visible > .text {
  7322. pointer-events: none;
  7323. }
  7324. /* Filtered Text */
  7325. .ui.active.search.dropdown input.search:focus + .text i.icon,
  7326. .ui.active.search.dropdown input.search:focus + .text .flag {
  7327. opacity: var(--opacity-disabled);
  7328. }
  7329. .ui.active.search.dropdown input.search:focus + .text {
  7330. color: rgba(115, 115, 115, 0.87) !important;
  7331. }
  7332. .ui.search.dropdown.button > span.sizer {
  7333. display: none;
  7334. }
  7335. /* Search Menu */
  7336. .ui.search.dropdown .menu {
  7337. overflow-x: hidden;
  7338. overflow-y: auto;
  7339. -webkit-backface-visibility: hidden;
  7340. backface-visibility: hidden;
  7341. -webkit-overflow-scrolling: touch;
  7342. }
  7343. @media only screen and (max-width: 767.98px) {
  7344. .ui.search.dropdown .menu {
  7345. max-height: 8.01428571rem;
  7346. }
  7347. }
  7348. @media only screen and (min-width: 768px) {
  7349. .ui.search.dropdown .menu {
  7350. max-height: 10.68571429rem;
  7351. }
  7352. }
  7353. @media only screen and (min-width: 992px) {
  7354. .ui.search.dropdown .menu {
  7355. max-height: 16.02857143rem;
  7356. }
  7357. }
  7358. @media only screen and (min-width: 1920px) {
  7359. .ui.search.dropdown .menu {
  7360. max-height: 21.37142857rem;
  7361. }
  7362. }
  7363. /* Clearable Selection */
  7364. .ui.dropdown > .remove.icon {
  7365. cursor: pointer;
  7366. font-size: 0.85714286em;
  7367. margin: -0.78571429em;
  7368. padding: 0.91666667em;
  7369. right: 3em;
  7370. top: 0.78571429em;
  7371. position: absolute;
  7372. opacity: 0.6;
  7373. z-index: 3;
  7374. }
  7375. .ui.clearable.dropdown .text,
  7376. .ui.clearable.dropdown a:last-of-type {
  7377. margin-right: 1.5em;
  7378. }
  7379. .ui.dropdown select.noselection ~ .remove.icon,
  7380. .ui.dropdown input[value=''] ~ .remove.icon,
  7381. .ui.dropdown input:not([value]) ~ .remove.icon,
  7382. .ui.dropdown.loading > .remove.icon {
  7383. display: none;
  7384. }
  7385. /*--------------
  7386. Multiple
  7387. ---------------*/
  7388. /* Multiple Selection */
  7389. .ui.ui.multiple.dropdown {
  7390. padding: 0.22619048em 3.2em 0.22619048em 0.35714286em;
  7391. }
  7392. .ui.multiple.dropdown .menu {
  7393. cursor: auto;
  7394. }
  7395. /* Selection Label */
  7396. .ui.multiple.dropdown > .label {
  7397. display: inline-block;
  7398. white-space: normal;
  7399. font-size: 1em;
  7400. padding: 0.35714286em 0.78571429em;
  7401. margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
  7402. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  7403. }
  7404. /* Dropdown Icon */
  7405. .ui.multiple.dropdown .dropdown.icon {
  7406. margin: '';
  7407. padding: '';
  7408. }
  7409. /* Text */
  7410. .ui.multiple.dropdown > .text {
  7411. position: static;
  7412. padding: 0;
  7413. max-width: 100%;
  7414. margin: 0.45238095em 0 0.45238095em 0.64285714em;
  7415. line-height: 1.21428571em;
  7416. }
  7417. .ui.multiple.dropdown > .text.default {
  7418. white-space: nowrap;
  7419. overflow: hidden;
  7420. text-overflow: ellipsis;
  7421. }
  7422. .ui.multiple.dropdown > .label ~ input.search {
  7423. margin-left: 0.14285714em !important;
  7424. }
  7425. .ui.multiple.dropdown > .label ~ .text {
  7426. display: none;
  7427. }
  7428. .ui.multiple.dropdown > .label:not(.image) > img:not(.centered) {
  7429. margin-right: 0.78571429rem;
  7430. }
  7431. .ui.multiple.dropdown > .label:not(.image) > img.ui:not(.avatar) {
  7432. margin-bottom: 0.39285714rem;
  7433. }
  7434. .ui.multiple.dropdown > .image.label img {
  7435. margin: -0.35714286em 0.78571429em -0.35714286em -0.78571429em;
  7436. height: 1.71428571em;
  7437. }
  7438. /*-----------------
  7439. Multiple Search
  7440. -----------------*/
  7441. /* Multiple Search Selection */
  7442. .ui.multiple.search.dropdown,
  7443. .ui.multiple.search.dropdown > input.search {
  7444. cursor: text;
  7445. }
  7446. /* Prompt Text */
  7447. .ui.multiple.search.dropdown > .text {
  7448. display: inline-block;
  7449. position: absolute;
  7450. top: 0;
  7451. left: 0;
  7452. padding: inherit;
  7453. margin: 0.45238095em 0 0.45238095em 0.64285714em;
  7454. line-height: 1.21428571em;
  7455. }
  7456. .ui.multiple.search.dropdown > .label ~ .text {
  7457. display: none;
  7458. }
  7459. /* Search */
  7460. .ui.multiple.search.dropdown > input.search {
  7461. position: static;
  7462. padding: 0;
  7463. max-width: 100%;
  7464. margin: 0.45238095em 0 0.45238095em 0.64285714em;
  7465. width: 2.2em;
  7466. line-height: 1.21428571em;
  7467. }
  7468. .ui.multiple.search.dropdown.button {
  7469. min-width: 14em;
  7470. }
  7471. /*--------------
  7472. Inline
  7473. ---------------*/
  7474. .ui.inline.dropdown {
  7475. cursor: pointer;
  7476. display: inline-block;
  7477. color: inherit;
  7478. }
  7479. .ui.inline.dropdown .dropdown.icon {
  7480. margin: 0 0.21428571em 0 0.21428571em;
  7481. vertical-align: baseline;
  7482. }
  7483. .ui.inline.dropdown > .text {
  7484. font-weight: 500;
  7485. }
  7486. .ui.inline.dropdown .menu {
  7487. cursor: auto;
  7488. margin-top: 0.21428571em;
  7489. border-radius: 0.28571429rem;
  7490. }
  7491. /*******************************
  7492. States
  7493. *******************************/
  7494. /*--------------------
  7495. Active
  7496. ----------------------*/
  7497. /* Menu Item Active */
  7498. .ui.dropdown .menu .active.item {
  7499. background: transparent;
  7500. font-weight: 500;
  7501. color: rgba(0, 0, 0, 0.95);
  7502. box-shadow: none;
  7503. z-index: 12;
  7504. }
  7505. /*--------------------
  7506. Hover
  7507. ----------------------*/
  7508. /* Menu Item Hover */
  7509. .ui.dropdown .menu > .item:hover {
  7510. background: rgba(0, 0, 0, 0.05);
  7511. color: rgba(0, 0, 0, 0.95);
  7512. z-index: 13;
  7513. }
  7514. /*--------------------
  7515. Default Text
  7516. ----------------------*/
  7517. .ui.dropdown:not(.button) > .default.text,
  7518. .ui.default.dropdown:not(.button) > .text {
  7519. color: rgba(191, 191, 191, 0.87);
  7520. }
  7521. .ui.dropdown:not(.button) > input:focus ~ .default.text,
  7522. .ui.default.dropdown:not(.button) > input:focus ~ .text {
  7523. color: rgba(115, 115, 115, 0.87);
  7524. }
  7525. /*--------------------
  7526. Loading
  7527. ---------------------*/
  7528. .ui.loading.dropdown > i.icon {
  7529. height: 1em !important;
  7530. }
  7531. .ui.loading.selection.dropdown > i.icon {
  7532. padding: 1.5em 1.28571429em !important;
  7533. }
  7534. .ui.loading.dropdown > i.icon:before {
  7535. position: absolute;
  7536. content: '';
  7537. top: 50%;
  7538. left: 50%;
  7539. margin: -0.64285714em 0 0 -0.64285714em;
  7540. width: 1.28571429em;
  7541. height: 1.28571429em;
  7542. border-radius: 500rem;
  7543. border: 0.2em solid rgba(0, 0, 0, 0.1);
  7544. }
  7545. .ui.loading.dropdown > i.icon:after {
  7546. position: absolute;
  7547. content: '';
  7548. top: 50%;
  7549. left: 50%;
  7550. box-shadow: 0 0 0 1px transparent;
  7551. margin: -0.64285714em 0 0 -0.64285714em;
  7552. width: 1.28571429em;
  7553. height: 1.28571429em;
  7554. -webkit-animation: loader 0.6s infinite linear;
  7555. animation: loader 0.6s infinite linear;
  7556. border: 0.2em solid #767676;
  7557. border-radius: 500rem;
  7558. }
  7559. /* Coupling */
  7560. .ui.loading.dropdown.button > i.icon:before,
  7561. .ui.loading.dropdown.button > i.icon:after {
  7562. display: none;
  7563. }
  7564. .ui.loading.dropdown > .text {
  7565. transition: none;
  7566. }
  7567. /* Used To Check Position */
  7568. .ui.dropdown .loading.menu {
  7569. display: block;
  7570. visibility: hidden;
  7571. z-index: -1;
  7572. }
  7573. .ui.dropdown > .loading.menu {
  7574. left: 0 !important;
  7575. right: auto !important;
  7576. }
  7577. .ui.dropdown > .menu .loading.menu {
  7578. left: 100% !important;
  7579. right: auto !important;
  7580. }
  7581. /*--------------------
  7582. Keyboard Select
  7583. ----------------------*/
  7584. /* Selected Item */
  7585. .ui.dropdown.selected,
  7586. .ui.dropdown .menu .selected.item {
  7587. background: rgba(0, 0, 0, 0.03);
  7588. color: rgba(0, 0, 0, 0.95);
  7589. }
  7590. /*--------------------
  7591. Search Filtered
  7592. ----------------------*/
  7593. /* Filtered Item */
  7594. .ui.dropdown > .filtered.text {
  7595. visibility: hidden;
  7596. }
  7597. .ui.dropdown .filtered.item {
  7598. display: none !important;
  7599. }
  7600. /*--------------------
  7601. States
  7602. ----------------------*/
  7603. .ui.dropdown.error,
  7604. .ui.dropdown.error > .text,
  7605. .ui.dropdown.error > .default.text {
  7606. color: #9F3A38;
  7607. }
  7608. .ui.selection.dropdown.error {
  7609. background: #FFF6F6;
  7610. border-color: #E0B4B4;
  7611. }
  7612. .ui.selection.dropdown.error:hover {
  7613. border-color: #E0B4B4;
  7614. }
  7615. .ui.multiple.selection.error.dropdown > .label {
  7616. border-color: #E0B4B4;
  7617. }
  7618. .ui.dropdown.error > .menu,
  7619. .ui.dropdown.error > .menu .menu {
  7620. border-color: #E0B4B4;
  7621. }
  7622. .ui.dropdown.error > .menu > .item {
  7623. color: #9F3A38;
  7624. }
  7625. /* Item Hover */
  7626. .ui.dropdown.error > .menu > .item:hover {
  7627. background-color: #FBE7E7;
  7628. }
  7629. /* Item Active */
  7630. .ui.dropdown.error > .menu .active.item {
  7631. background-color: #FDCFCF;
  7632. }
  7633. .ui.dropdown.info,
  7634. .ui.dropdown.info > .text,
  7635. .ui.dropdown.info > .default.text {
  7636. color: #276F86;
  7637. }
  7638. .ui.selection.dropdown.info {
  7639. background: #F8FFFF;
  7640. border-color: #A9D5DE;
  7641. }
  7642. .ui.selection.dropdown.info:hover {
  7643. border-color: #A9D5DE;
  7644. }
  7645. .ui.multiple.selection.info.dropdown > .label {
  7646. border-color: #A9D5DE;
  7647. }
  7648. .ui.dropdown.info > .menu,
  7649. .ui.dropdown.info > .menu .menu {
  7650. border-color: #A9D5DE;
  7651. }
  7652. .ui.dropdown.info > .menu > .item {
  7653. color: #276F86;
  7654. }
  7655. /* Item Hover */
  7656. .ui.dropdown.info > .menu > .item:hover {
  7657. background-color: #e9f2fb;
  7658. }
  7659. /* Item Active */
  7660. .ui.dropdown.info > .menu .active.item {
  7661. background-color: #cef1fd;
  7662. }
  7663. .ui.dropdown.success,
  7664. .ui.dropdown.success > .text,
  7665. .ui.dropdown.success > .default.text {
  7666. color: #2C662D;
  7667. }
  7668. .ui.selection.dropdown.success {
  7669. background: #FCFFF5;
  7670. border-color: #A3C293;
  7671. }
  7672. .ui.selection.dropdown.success:hover {
  7673. border-color: #A3C293;
  7674. }
  7675. .ui.multiple.selection.success.dropdown > .label {
  7676. border-color: #A3C293;
  7677. }
  7678. .ui.dropdown.success > .menu,
  7679. .ui.dropdown.success > .menu .menu {
  7680. border-color: #A3C293;
  7681. }
  7682. .ui.dropdown.success > .menu > .item {
  7683. color: #2C662D;
  7684. }
  7685. /* Item Hover */
  7686. .ui.dropdown.success > .menu > .item:hover {
  7687. background-color: #e9fbe9;
  7688. }
  7689. /* Item Active */
  7690. .ui.dropdown.success > .menu .active.item {
  7691. background-color: #dafdce;
  7692. }
  7693. .ui.dropdown.warning,
  7694. .ui.dropdown.warning > .text,
  7695. .ui.dropdown.warning > .default.text {
  7696. color: #573A08;
  7697. }
  7698. .ui.selection.dropdown.warning {
  7699. background: #FFFAF3;
  7700. border-color: #C9BA9B;
  7701. }
  7702. .ui.selection.dropdown.warning:hover {
  7703. border-color: #C9BA9B;
  7704. }
  7705. .ui.multiple.selection.warning.dropdown > .label {
  7706. border-color: #C9BA9B;
  7707. }
  7708. .ui.dropdown.warning > .menu,
  7709. .ui.dropdown.warning > .menu .menu {
  7710. border-color: #C9BA9B;
  7711. }
  7712. .ui.dropdown.warning > .menu > .item {
  7713. color: #573A08;
  7714. }
  7715. /* Item Hover */
  7716. .ui.dropdown.warning > .menu > .item:hover {
  7717. background-color: #fbfbe9;
  7718. }
  7719. /* Item Active */
  7720. .ui.dropdown.warning > .menu .active.item {
  7721. background-color: #fdfdce;
  7722. }
  7723. /*--------------------
  7724. Clear
  7725. ----------------------*/
  7726. .ui.dropdown > .clear.dropdown.icon {
  7727. opacity: 0.8;
  7728. transition: opacity 0.1s ease;
  7729. }
  7730. .ui.dropdown > .clear.dropdown.icon:hover {
  7731. opacity: 1;
  7732. }
  7733. /*--------------------
  7734. Disabled
  7735. ----------------------*/
  7736. /* Disabled */
  7737. .ui.disabled.dropdown,
  7738. .ui.dropdown .menu > .disabled.item {
  7739. cursor: default;
  7740. pointer-events: none;
  7741. opacity: var(--opacity-disabled);
  7742. }
  7743. /*******************************
  7744. Variations
  7745. *******************************/
  7746. /*--------------
  7747. Direction
  7748. ---------------*/
  7749. /* Flyout Direction */
  7750. .ui.dropdown .menu {
  7751. left: 0;
  7752. }
  7753. /* Default Side (Right) */
  7754. .ui.dropdown .right.menu > .menu,
  7755. .ui.dropdown .menu .right.menu {
  7756. left: 100% !important;
  7757. right: auto !important;
  7758. border-radius: 0.28571429rem !important;
  7759. }
  7760. /* Leftward Opening Menu */
  7761. .ui.dropdown > .left.menu {
  7762. left: auto !important;
  7763. right: 0 !important;
  7764. }
  7765. .ui.dropdown > .left.menu .menu,
  7766. .ui.dropdown .menu .left.menu {
  7767. left: auto;
  7768. right: 100%;
  7769. margin: 0 -0.5em 0 0 !important;
  7770. border-radius: 0.28571429rem !important;
  7771. }
  7772. .ui.dropdown .item .left.dropdown.icon,
  7773. .ui.dropdown .left.menu .item .dropdown.icon {
  7774. width: auto;
  7775. float: left;
  7776. margin: 0em 0 0 0;
  7777. }
  7778. .ui.dropdown .item .left.dropdown.icon,
  7779. .ui.dropdown .left.menu .item .dropdown.icon {
  7780. width: auto;
  7781. float: left;
  7782. margin: 0em 0 0 0;
  7783. }
  7784. .ui.dropdown .item .left.dropdown.icon + .text,
  7785. .ui.dropdown .left.menu .item .dropdown.icon + .text {
  7786. margin-left: 1em;
  7787. margin-right: 0;
  7788. }
  7789. /*--------------
  7790. Upward
  7791. ---------------*/
  7792. /* Upward Main Menu */
  7793. .ui.upward.dropdown > .menu {
  7794. top: auto;
  7795. bottom: 100%;
  7796. box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  7797. border-radius: 0.28571429rem 0.28571429rem 0 0;
  7798. }
  7799. /* Upward Sub Menu */
  7800. .ui.dropdown .upward.menu {
  7801. top: auto !important;
  7802. bottom: 0 !important;
  7803. }
  7804. /* Active Upward */
  7805. .ui.simple.upward.active.dropdown,
  7806. .ui.simple.upward.dropdown:hover {
  7807. border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
  7808. }
  7809. .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  7810. border-radius: 0.28571429rem 0.28571429rem 0 0;
  7811. }
  7812. /* Selection */
  7813. .ui.upward.selection.dropdown .menu {
  7814. border-top-width: 1px !important;
  7815. border-bottom-width: 0 !important;
  7816. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
  7817. }
  7818. .ui.upward.selection.dropdown:hover {
  7819. box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
  7820. }
  7821. /* Active Upward */
  7822. .ui.active.upward.selection.dropdown {
  7823. border-radius: 0 0 0.28571429rem 0.28571429rem !important;
  7824. }
  7825. /* Visible Upward */
  7826. .ui.upward.selection.dropdown.visible {
  7827. box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  7828. border-radius: 0 0 0.28571429rem 0.28571429rem !important;
  7829. }
  7830. /* Visible Hover Upward */
  7831. .ui.upward.active.selection.dropdown:hover {
  7832. box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  7833. }
  7834. .ui.upward.active.selection.dropdown:hover .menu {
  7835. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
  7836. }
  7837. /*--------------
  7838. Scrolling
  7839. ---------------*/
  7840. /* Selection Menu */
  7841. .ui.scrolling.dropdown .menu,
  7842. .ui.dropdown .scrolling.menu {
  7843. overflow-x: hidden;
  7844. overflow-y: auto;
  7845. }
  7846. .ui.scrolling.dropdown .menu {
  7847. overflow-x: hidden;
  7848. overflow-y: auto;
  7849. -webkit-backface-visibility: hidden;
  7850. backface-visibility: hidden;
  7851. -webkit-overflow-scrolling: touch;
  7852. min-width: 100% !important;
  7853. width: auto !important;
  7854. }
  7855. .ui.dropdown .scrolling.menu {
  7856. position: static;
  7857. overflow-y: auto;
  7858. border: none;
  7859. box-shadow: none !important;
  7860. border-radius: 0 !important;
  7861. margin: 0 !important;
  7862. min-width: 100% !important;
  7863. width: auto !important;
  7864. border-top: 1px solid rgba(34, 36, 38, 0.15);
  7865. }
  7866. .ui.scrolling.dropdown .menu .item.item.item,
  7867. .ui.dropdown .scrolling.menu > .item.item.item {
  7868. border-top: none;
  7869. }
  7870. .ui.scrolling.dropdown .menu .item:first-child,
  7871. .ui.dropdown .scrolling.menu .item:first-child {
  7872. border-top: none;
  7873. }
  7874. .ui.dropdown > .animating.menu .scrolling.menu,
  7875. .ui.dropdown > .visible.menu .scrolling.menu {
  7876. display: block;
  7877. }
  7878. /* Scrollbar in IE */
  7879. @media all and (-ms-high-contrast: none) {
  7880. .ui.scrolling.dropdown .menu,
  7881. .ui.dropdown .scrolling.menu {
  7882. min-width: calc(100% - 17px);
  7883. }
  7884. }
  7885. @media only screen and (max-width: 767.98px) {
  7886. .ui.scrolling.dropdown .menu,
  7887. .ui.dropdown .scrolling.menu {
  7888. max-height: 10.28571429rem;
  7889. }
  7890. }
  7891. @media only screen and (min-width: 768px) {
  7892. .ui.scrolling.dropdown .menu,
  7893. .ui.dropdown .scrolling.menu {
  7894. max-height: 15.42857143rem;
  7895. }
  7896. }
  7897. @media only screen and (min-width: 992px) {
  7898. .ui.scrolling.dropdown .menu,
  7899. .ui.dropdown .scrolling.menu {
  7900. max-height: 20.57142857rem;
  7901. }
  7902. }
  7903. @media only screen and (min-width: 1920px) {
  7904. .ui.scrolling.dropdown .menu,
  7905. .ui.dropdown .scrolling.menu {
  7906. max-height: 20.57142857rem;
  7907. }
  7908. }
  7909. /*--------------
  7910. Columnar
  7911. ---------------*/
  7912. .ui.column.dropdown > .menu {
  7913. flex-wrap: wrap;
  7914. }
  7915. .ui.dropdown[class*="two column"] > .menu > .item {
  7916. width: 50%;
  7917. }
  7918. .ui.dropdown[class*="three column"] > .menu > .item {
  7919. width: 33%;
  7920. }
  7921. .ui.dropdown[class*="four column"] > .menu > .item {
  7922. width: 25%;
  7923. }
  7924. .ui.dropdown[class*="five column"] > .menu > .item {
  7925. width: 20%;
  7926. }
  7927. /*--------------
  7928. Simple
  7929. ---------------*/
  7930. /* Displays without javascript */
  7931. .ui.simple.dropdown .menu:before,
  7932. .ui.simple.dropdown .menu:after {
  7933. display: none;
  7934. }
  7935. .ui.simple.dropdown .menu {
  7936. position: absolute;
  7937. /* IE hack to make dropdown icons appear inline */
  7938. display: -ms-inline-flexbox !important;
  7939. display: block;
  7940. overflow: hidden;
  7941. top: -9999px;
  7942. opacity: 0;
  7943. width: 0;
  7944. height: 0;
  7945. transition: opacity 0.1s ease;
  7946. margin-top: 0 !important;
  7947. }
  7948. .ui.simple.active.dropdown,
  7949. .ui.simple.dropdown:hover {
  7950. border-bottom-left-radius: 0 !important;
  7951. border-bottom-right-radius: 0 !important;
  7952. }
  7953. .ui.simple.active.dropdown > .menu,
  7954. .ui.simple.dropdown:hover > .menu {
  7955. overflow: visible;
  7956. width: auto;
  7957. height: auto;
  7958. top: 100%;
  7959. opacity: 1;
  7960. }
  7961. .ui.simple.dropdown > .menu > .item:active > .menu,
  7962. .ui.simple.dropdown .menu .item:hover > .menu {
  7963. overflow: visible;
  7964. width: auto;
  7965. height: auto;
  7966. top: 0 !important;
  7967. left: 100%;
  7968. opacity: 1;
  7969. }
  7970. .ui.simple.dropdown > .menu > .item:active > .left.menu,
  7971. .ui.simple.dropdown .menu .item:hover > .left.menu,
  7972. .right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
  7973. .right.menu .ui.simple.dropdown > .menu .item:hover > .menu:not(.right) {
  7974. left: auto;
  7975. right: 100%;
  7976. }
  7977. .ui.simple.disabled.dropdown:hover .menu {
  7978. display: none;
  7979. height: 0;
  7980. width: 0;
  7981. overflow: hidden;
  7982. }
  7983. /* Visible */
  7984. .ui.simple.visible.dropdown > .menu {
  7985. display: block;
  7986. }
  7987. /* Scrolling */
  7988. .ui.simple.scrolling.active.dropdown > .menu,
  7989. .ui.simple.scrolling.dropdown:hover > .menu {
  7990. overflow-x: hidden;
  7991. overflow-y: auto;
  7992. }
  7993. /*--------------
  7994. Fluid
  7995. ---------------*/
  7996. .ui.fluid.dropdown {
  7997. display: block;
  7998. width: 100% !important;
  7999. min-width: 0;
  8000. }
  8001. .ui.fluid.dropdown > .dropdown.icon {
  8002. float: right;
  8003. }
  8004. /*--------------
  8005. Floating
  8006. ---------------*/
  8007. .ui.floating.dropdown .menu {
  8008. left: 0;
  8009. right: auto;
  8010. box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  8011. border-radius: 0.28571429rem !important;
  8012. }
  8013. .ui.floating.dropdown > .menu {
  8014. border-radius: 0.28571429rem !important;
  8015. }
  8016. .ui:not(.upward).floating.dropdown > .menu {
  8017. margin-top: 0.5em;
  8018. }
  8019. .ui.upward.floating.dropdown > .menu {
  8020. margin-bottom: 0.5em;
  8021. }
  8022. /*--------------
  8023. Pointing
  8024. ---------------*/
  8025. .ui.pointing.dropdown > .menu {
  8026. top: 100%;
  8027. margin-top: 0.78571429rem;
  8028. border-radius: 0.28571429rem;
  8029. }
  8030. .ui.pointing.dropdown > .menu:not(.hidden):after {
  8031. display: block;
  8032. position: absolute;
  8033. pointer-events: none;
  8034. content: '';
  8035. visibility: visible;
  8036. transform: rotate(45deg);
  8037. width: 0.5em;
  8038. height: 0.5em;
  8039. box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  8040. background: #FFFFFF;
  8041. z-index: 2;
  8042. }
  8043. .ui.pointing.dropdown > .menu:not(.hidden):after {
  8044. top: -0.25em;
  8045. left: 50%;
  8046. margin: 0 0 0 -0.25em;
  8047. }
  8048. /* Top Left Pointing */
  8049. .ui.top.left.pointing.dropdown > .menu {
  8050. top: 100%;
  8051. bottom: auto;
  8052. left: 0;
  8053. right: auto;
  8054. margin: 1em 0 0;
  8055. }
  8056. .ui.top.left.pointing.dropdown > .menu {
  8057. top: 100%;
  8058. bottom: auto;
  8059. left: 0;
  8060. right: auto;
  8061. margin: 1em 0 0;
  8062. }
  8063. .ui.top.left.pointing.dropdown > .menu:after {
  8064. top: -0.25em;
  8065. left: 1em;
  8066. right: auto;
  8067. margin: 0;
  8068. transform: rotate(45deg);
  8069. }
  8070. /* Top Right Pointing */
  8071. .ui.top.right.pointing.dropdown > .menu {
  8072. top: 100%;
  8073. bottom: auto;
  8074. right: 0;
  8075. left: auto;
  8076. margin: 1em 0 0;
  8077. }
  8078. .ui.top.pointing.dropdown > .left.menu:after,
  8079. .ui.top.right.pointing.dropdown > .menu:after {
  8080. top: -0.25em;
  8081. left: auto !important;
  8082. right: 1em !important;
  8083. margin: 0;
  8084. transform: rotate(45deg);
  8085. }
  8086. /* Left Pointing */
  8087. .ui.left.pointing.dropdown > .menu {
  8088. top: 0;
  8089. left: 100%;
  8090. right: auto;
  8091. margin: 0 0 0 1em;
  8092. }
  8093. .ui.left.pointing.dropdown > .menu:after {
  8094. top: 1em;
  8095. left: -0.25em;
  8096. margin: 0 0 0 0;
  8097. transform: rotate(-45deg);
  8098. }
  8099. .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  8100. left: auto !important;
  8101. right: 100% !important;
  8102. margin: 0 1em 0 0;
  8103. }
  8104. .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  8105. top: 1em;
  8106. left: auto;
  8107. right: -0.25em;
  8108. margin: 0 0 0 0;
  8109. transform: rotate(135deg);
  8110. }
  8111. /* Right Pointing */
  8112. .ui.right.pointing.dropdown > .menu {
  8113. top: 0;
  8114. left: auto;
  8115. right: 100%;
  8116. margin: 0 1em 0 0;
  8117. }
  8118. .ui.right.pointing.dropdown > .menu:after {
  8119. top: 1em;
  8120. left: auto;
  8121. right: -0.25em;
  8122. margin: 0 0 0 0;
  8123. transform: rotate(135deg);
  8124. }
  8125. /* Bottom Pointing */
  8126. .ui.bottom.pointing.dropdown > .menu {
  8127. top: auto;
  8128. bottom: 100%;
  8129. left: 0;
  8130. right: auto;
  8131. margin: 0 0 1em;
  8132. }
  8133. .ui.bottom.pointing.dropdown > .menu:after {
  8134. top: auto;
  8135. bottom: -0.25em;
  8136. right: auto;
  8137. margin: 0;
  8138. transform: rotate(-135deg);
  8139. }
  8140. /* Reverse Sub-Menu Direction */
  8141. .ui.bottom.pointing.dropdown > .menu .menu {
  8142. top: auto !important;
  8143. bottom: 0 !important;
  8144. }
  8145. /* Bottom Left */
  8146. .ui.bottom.left.pointing.dropdown > .menu {
  8147. left: 0;
  8148. right: auto;
  8149. }
  8150. .ui.bottom.left.pointing.dropdown > .menu:after {
  8151. left: 1em;
  8152. right: auto;
  8153. }
  8154. /* Bottom Right */
  8155. .ui.bottom.right.pointing.dropdown > .menu {
  8156. right: 0;
  8157. left: auto;
  8158. }
  8159. .ui.bottom.right.pointing.dropdown > .menu:after {
  8160. left: auto;
  8161. right: 1em;
  8162. }
  8163. /* Upward pointing */
  8164. .ui.pointing.upward.dropdown .menu,
  8165. .ui.top.pointing.upward.dropdown .menu {
  8166. top: auto !important;
  8167. bottom: 100% !important;
  8168. margin: 0 0 0.78571429rem;
  8169. border-radius: 0.28571429rem;
  8170. }
  8171. .ui.pointing.upward.dropdown .menu:after,
  8172. .ui.top.pointing.upward.dropdown .menu:after {
  8173. top: 100% !important;
  8174. bottom: auto !important;
  8175. box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
  8176. margin: -0.25em 0 0;
  8177. }
  8178. /* Right Pointing Upward */
  8179. .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  8180. top: auto !important;
  8181. bottom: 0 !important;
  8182. margin: 0 1em 0 0;
  8183. }
  8184. .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  8185. top: auto !important;
  8186. bottom: 0 !important;
  8187. margin: 0 0 1em 0;
  8188. box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  8189. }
  8190. /* Left Pointing Upward */
  8191. .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  8192. top: auto !important;
  8193. bottom: 0 !important;
  8194. margin: 0 0 0 1em;
  8195. }
  8196. .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  8197. top: auto !important;
  8198. bottom: 0 !important;
  8199. margin: 0 0 1em 0;
  8200. box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  8201. }
  8202. /*--------------------
  8203. Sizes
  8204. ---------------------*/
  8205. .ui.dropdown,
  8206. .ui.dropdown .menu > .item {
  8207. font-size: 1rem;
  8208. }
  8209. .ui.mini.dropdown,
  8210. .ui.mini.dropdown .menu > .item {
  8211. font-size: 0.78571429rem;
  8212. }
  8213. .ui.tiny.dropdown,
  8214. .ui.tiny.dropdown .menu > .item {
  8215. font-size: 0.85714286rem;
  8216. }
  8217. .ui.small.dropdown,
  8218. .ui.small.dropdown .menu > .item {
  8219. font-size: 0.92857143rem;
  8220. }
  8221. .ui.large.dropdown,
  8222. .ui.large.dropdown .menu > .item {
  8223. font-size: 1.14285714rem;
  8224. }
  8225. .ui.big.dropdown,
  8226. .ui.big.dropdown .menu > .item {
  8227. font-size: 1.28571429rem;
  8228. }
  8229. .ui.huge.dropdown,
  8230. .ui.huge.dropdown .menu > .item {
  8231. font-size: 1.42857143rem;
  8232. }
  8233. .ui.massive.dropdown,
  8234. .ui.massive.dropdown .menu > .item {
  8235. font-size: 1.71428571rem;
  8236. }
  8237. /*--------------
  8238. Inverted
  8239. ---------------*/
  8240. /* General rules and basic dropdowns */
  8241. .ui.inverted.dropdown .menu {
  8242. background: #1B1C1D;
  8243. box-shadow: none;
  8244. border: 1px solid rgba(255, 255, 255, 0.15);
  8245. }
  8246. .ui.inverted.dropdown .menu > .item {
  8247. color: rgba(255, 255, 255, 0.8);
  8248. }
  8249. .ui.inverted.dropdown .menu .active.item {
  8250. background: transparent;
  8251. color: rgba(255, 255, 255, 0.8);
  8252. box-shadow: none;
  8253. }
  8254. .ui.inverted.dropdown .menu > .item:hover {
  8255. background: rgba(255, 255, 255, 0.08);
  8256. color: rgba(255, 255, 255, 0.8);
  8257. }
  8258. .ui.inverted.dropdown.selected,
  8259. .ui.inverted.dropdown .menu .selected.item {
  8260. background: rgba(255, 255, 255, 0.15);
  8261. color: rgba(255, 255, 255, 0.8);
  8262. }
  8263. .ui.inverted.dropdown .menu > .header {
  8264. color: #FFFFFF;
  8265. }
  8266. .ui.inverted.dropdown > .text > .description,
  8267. .ui.inverted.dropdown .menu > .item > .description {
  8268. color: rgba(255, 255, 255, 0.5);
  8269. }
  8270. .ui.inverted.dropdown .menu > .divider {
  8271. border-top: 1px solid rgba(255, 255, 255, 0.15);
  8272. }
  8273. .ui.inverted.dropdown .scrolling.menu {
  8274. border: none;
  8275. border-top: 1px solid rgba(255, 255, 255, 0.15);
  8276. }
  8277. /* Selection */
  8278. .ui.inverted.selection.dropdown {
  8279. border: 1px solid rgba(255, 255, 255, 0.15);
  8280. background: #1B1C1D;
  8281. color: rgba(255, 255, 255, 0.8);
  8282. }
  8283. .ui.inverted.selection.dropdown:hover {
  8284. border-color: rgba(255, 255, 255, 0.25);
  8285. box-shadow: none;
  8286. }
  8287. .ui.inverted.selection.dropdown input {
  8288. color: #FFFFFF;
  8289. }
  8290. .ui.inverted.selection.visible.dropdown > .text:not(.default) {
  8291. color: rgba(255, 255, 255, 0.9);
  8292. }
  8293. .ui.inverted.selection.active.dropdown .menu,
  8294. .ui.inverted.selection.active.dropdown:hover {
  8295. border-color: rgba(255, 255, 255, 0.15);
  8296. }
  8297. .ui.inverted.selection.dropdown .menu > .item {
  8298. border-top: 1px solid #242526;
  8299. }
  8300. .ui.inverted.dropdown:not(.button) > .default.text,
  8301. .ui.inverted.default.dropdown:not(.button) > .text {
  8302. color: rgba(255, 255, 255, 0.5);
  8303. }
  8304. .ui.inverted.dropdown:not(.button) > input:focus ~ .default.text,
  8305. .ui.inverted.default.dropdown:not(.button) > input:focus ~ .text {
  8306. color: rgba(255, 255, 255, 0.7);
  8307. }
  8308. .ui.inverted.active.search.dropdown input.search:focus + .text i.icon,
  8309. .ui.inverted.active.search.dropdown input.search:focus + .text .flag {
  8310. opacity: 0.45;
  8311. }
  8312. .ui.inverted.active.search.dropdown input.search:focus + .text {
  8313. color: rgba(255, 255, 255, 0.7) !important;
  8314. }
  8315. .ui.inverted.dropdown .menu > .message:not(.ui) {
  8316. color: rgba(255, 255, 255, 0.5);
  8317. }
  8318. /* Fixing the border */
  8319. .ui.inverted.dropdown .menu > .item:first-child {
  8320. border-top-width: 0;
  8321. }
  8322. /* Labels */
  8323. .ui.inverted.multiple.dropdown > .label {
  8324. background-color: rgba(255, 255, 255, 0.7);
  8325. background-image: none;
  8326. color: #000000;
  8327. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
  8328. }
  8329. .ui.inverted.multiple.dropdown > .label:hover {
  8330. background-color: rgba(255, 255, 255, 0.9);
  8331. border-color: rgba(255, 255, 255, 0.9);
  8332. background-image: none;
  8333. color: #000000;
  8334. }
  8335. .ui.inverted.multiple.dropdown > .label > .close.icon,
  8336. .ui.inverted.multiple.dropdown > .label > .delete.icon {
  8337. opacity: 0.6;
  8338. }
  8339. .ui.inverted.multiple.dropdown > .label > .close.icon:hover,
  8340. .ui.inverted.multiple.dropdown > .label > .delete.icon:hover {
  8341. opacity: 0.8;
  8342. }
  8343. /* Selection for form elements */
  8344. .ui.inverted.dropdown textarea::-webkit-selection,
  8345. .ui.inverted.dropdown input::-webkit-selection {
  8346. background-color: rgba(255, 255, 255, 0.25);
  8347. color: rgba(255, 255, 255, 0.8);
  8348. }
  8349. .ui.inverted.dropdown textarea::-moz-selection,
  8350. .ui.inverted.dropdown input::-moz-selection {
  8351. background-color: rgba(255, 255, 255, 0.25);
  8352. color: rgba(255, 255, 255, 0.8);
  8353. }
  8354. .ui.inverted.dropdown textarea::-moz-selection,
  8355. .ui.inverted.dropdown input::-moz-selection {
  8356. background-color: rgba(255, 255, 255, 0.25);
  8357. color: rgba(255, 255, 255, 0.8);
  8358. }
  8359. .ui.inverted.dropdown textarea::selection,
  8360. .ui.inverted.dropdown input::selection {
  8361. background-color: rgba(255, 255, 255, 0.25);
  8362. color: rgba(255, 255, 255, 0.8);
  8363. }
  8364. /* Scrollbars */
  8365. .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
  8366. background: rgba(255, 255, 255, 0.1);
  8367. }
  8368. .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
  8369. background: rgba(255, 255, 255, 0.25);
  8370. }
  8371. .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
  8372. background: rgba(255, 255, 255, 0.15);
  8373. }
  8374. .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
  8375. background: rgba(255, 255, 255, 0.35);
  8376. }
  8377. .ui.inverted.pointing.dropdown > .menu:after {
  8378. background: #1B1C1D;
  8379. box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
  8380. }
  8381. /*******************************
  8382. Theme Overrides
  8383. *******************************/
  8384. /* Dropdown Carets */
  8385. @font-face {
  8386. font-family: 'Dropdown';
  8387. src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  8388. font-weight: normal;
  8389. font-style: normal;
  8390. }
  8391. .ui.dropdown > .dropdown.icon {
  8392. font-family: 'Dropdown';
  8393. line-height: 1;
  8394. height: 1em;
  8395. width: 1.23em;
  8396. -webkit-backface-visibility: hidden;
  8397. backface-visibility: hidden;
  8398. font-weight: normal;
  8399. font-style: normal;
  8400. text-align: center;
  8401. }
  8402. .ui.dropdown > .dropdown.icon {
  8403. width: auto;
  8404. }
  8405. .ui.dropdown > .dropdown.icon:before {
  8406. content: '\f0d7';
  8407. }
  8408. /* Sub Menu */
  8409. .ui.dropdown .menu .item .dropdown.icon:before {
  8410. content: '\f0da' ;
  8411. }
  8412. .ui.dropdown .item .left.dropdown.icon:before,
  8413. .ui.dropdown .left.menu .item .dropdown.icon:before {
  8414. content: "\f0d9" ;
  8415. }
  8416. /* Vertical Menu Dropdown */
  8417. .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  8418. content: "\f0da" ;
  8419. }
  8420. /* Icons for Reference
  8421. .dropdown.down.icon {
  8422. content: "\f0d7";
  8423. }
  8424. .dropdown.up.icon {
  8425. content: "\f0d8";
  8426. }
  8427. .dropdown.left.icon {
  8428. content: "\f0d9";
  8429. }
  8430. .dropdown.icon.icon {
  8431. content: "\f0da";
  8432. }
  8433. */
  8434. /*******************************
  8435. User Overrides
  8436. *******************************/
  8437. /*!
  8438. * # Fomantic-UI - Form
  8439. * http://github.com/fomantic/Fomantic-UI/
  8440. *
  8441. *
  8442. * Released under the MIT license
  8443. * http://opensource.org/licenses/MIT
  8444. *
  8445. */
  8446. /*******************************
  8447. Elements
  8448. *******************************/
  8449. /*--------------------
  8450. Form
  8451. ---------------------*/
  8452. .ui.form {
  8453. position: relative;
  8454. max-width: 100%;
  8455. }
  8456. /*--------------------
  8457. Content
  8458. ---------------------*/
  8459. .ui.form > p {
  8460. margin: 1em 0;
  8461. }
  8462. /*--------------------
  8463. Field
  8464. ---------------------*/
  8465. .ui.form .field {
  8466. clear: both;
  8467. margin: 0 0 1em;
  8468. }
  8469. .ui.form .fields .fields,
  8470. .ui.form .field:last-child,
  8471. .ui.form .fields:last-child .field {
  8472. margin-bottom: 0;
  8473. }
  8474. .ui.form .fields .field {
  8475. clear: both;
  8476. margin: 0;
  8477. }
  8478. /*--------------------
  8479. Labels
  8480. ---------------------*/
  8481. .ui.form .field > label {
  8482. display: block;
  8483. margin: 0 0 0.28571429rem 0;
  8484. color: rgba(0, 0, 0, 0.87);
  8485. font-size: 0.92857143em;
  8486. font-weight: 500;
  8487. text-transform: none;
  8488. }
  8489. /*--------------------
  8490. Standard Inputs
  8491. ---------------------*/
  8492. .ui.form textarea,
  8493. .ui.form input:not([type]),
  8494. .ui.form input[type="date"],
  8495. .ui.form input[type="datetime-local"],
  8496. .ui.form input[type="email"],
  8497. .ui.form input[type="number"],
  8498. .ui.form input[type="password"],
  8499. .ui.form input[type="search"],
  8500. .ui.form input[type="tel"],
  8501. .ui.form input[type="time"],
  8502. .ui.form input[type="text"],
  8503. .ui.form input[type="file"],
  8504. .ui.form input[type="url"] {
  8505. width: 100%;
  8506. vertical-align: top;
  8507. }
  8508. /* Set max height on unusual input */
  8509. .ui.form ::-webkit-datetime-edit,
  8510. .ui.form ::-webkit-inner-spin-button {
  8511. height: 1.21428571em;
  8512. }
  8513. .ui.form input:not([type]),
  8514. .ui.form input[type="date"],
  8515. .ui.form input[type="datetime-local"],
  8516. .ui.form input[type="email"],
  8517. .ui.form input[type="number"],
  8518. .ui.form input[type="password"],
  8519. .ui.form input[type="search"],
  8520. .ui.form input[type="tel"],
  8521. .ui.form input[type="time"],
  8522. .ui.form input[type="text"],
  8523. .ui.form input[type="file"],
  8524. .ui.form input[type="url"] {
  8525. font-family: var(--fonts-regular);
  8526. margin: 0;
  8527. outline: none;
  8528. -webkit-appearance: none;
  8529. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  8530. line-height: 1.21428571em;
  8531. padding: 0.67857143em 1em;
  8532. font-size: 1em;
  8533. background: #FFFFFF;
  8534. border: 1px solid rgba(34, 36, 38, 0.15);
  8535. color: rgba(0, 0, 0, 0.87);
  8536. border-radius: 0.28571429rem;
  8537. box-shadow: 0 0 0 0 transparent inset;
  8538. transition: color 0.1s ease, border-color 0.1s ease;
  8539. }
  8540. /* Text Area */
  8541. .ui.input textarea,
  8542. .ui.form textarea {
  8543. margin: 0;
  8544. -webkit-appearance: none;
  8545. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  8546. padding: 0.78571429em 1em;
  8547. background: #FFFFFF;
  8548. border: 1px solid rgba(34, 36, 38, 0.15);
  8549. outline: none;
  8550. color: rgba(0, 0, 0, 0.87);
  8551. border-radius: 0.28571429rem;
  8552. box-shadow: 0 0 0 0 transparent inset;
  8553. transition: color 0.1s ease, border-color 0.1s ease;
  8554. font-size: 1em;
  8555. font-family: var(--fonts-regular);
  8556. line-height: 1.2857;
  8557. resize: vertical;
  8558. }
  8559. .ui.form textarea:not([rows]) {
  8560. height: 12em;
  8561. min-height: 8em;
  8562. max-height: 24em;
  8563. }
  8564. .ui.form textarea,
  8565. .ui.form input[type="checkbox"] {
  8566. vertical-align: top;
  8567. }
  8568. /*--------------------
  8569. Checkbox margin
  8570. ---------------------*/
  8571. .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label + .ui.ui.checkbox {
  8572. margin-top: 0.7em;
  8573. }
  8574. .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox {
  8575. margin-top: 2.41428571em;
  8576. }
  8577. .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
  8578. margin-top: 2.21428571em;
  8579. }
  8580. .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
  8581. margin-top: 2.61428571em;
  8582. }
  8583. .ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
  8584. margin-top: 0.6em;
  8585. }
  8586. .ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
  8587. margin-top: 0.5em;
  8588. }
  8589. .ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
  8590. margin-top: 0.7em;
  8591. }
  8592. /*--------------------
  8593. Transparent
  8594. ---------------------*/
  8595. .ui.form .field .transparent.input:not(.icon) input,
  8596. .ui.form .field input.transparent,
  8597. .ui.form .field textarea.transparent {
  8598. padding: 0.67857143em 1em;
  8599. }
  8600. .ui.form .field input.transparent,
  8601. .ui.form .field textarea.transparent {
  8602. border-color: transparent !important;
  8603. background-color: transparent !important;
  8604. box-shadow: none !important;
  8605. }
  8606. /*--------------------------
  8607. Input w/ attached Button
  8608. ---------------------------*/
  8609. .ui.form input.attached {
  8610. width: auto;
  8611. }
  8612. /*--------------------
  8613. Basic Select
  8614. ---------------------*/
  8615. .ui.form select {
  8616. display: block;
  8617. height: auto;
  8618. width: 100%;
  8619. background: #FFFFFF;
  8620. border: 1px solid rgba(34, 36, 38, 0.15);
  8621. border-radius: 0.28571429rem;
  8622. box-shadow: 0 0 0 0 transparent inset;
  8623. padding: 0.62em 1em;
  8624. color: rgba(0, 0, 0, 0.87);
  8625. transition: color 0.1s ease, border-color 0.1s ease;
  8626. }
  8627. /*--------------------
  8628. Dropdown
  8629. ---------------------*/
  8630. /* Block */
  8631. .ui.form .field > .selection.dropdown {
  8632. min-width: auto;
  8633. width: 100%;
  8634. }
  8635. .ui.form .field > .selection.dropdown > .dropdown.icon {
  8636. float: right;
  8637. }
  8638. /* Inline */
  8639. .ui.form .inline.fields .field > .selection.dropdown,
  8640. .ui.form .inline.field > .selection.dropdown {
  8641. width: auto;
  8642. }
  8643. .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
  8644. .ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  8645. float: none;
  8646. }
  8647. /*--------------------
  8648. UI Input
  8649. ---------------------*/
  8650. /* Block */
  8651. .ui.form .field .ui.input,
  8652. .ui.form .fields .field .ui.input,
  8653. .ui.form .wide.field .ui.input {
  8654. width: 100%;
  8655. }
  8656. /* Inline */
  8657. .ui.form .inline.fields .field:not(.wide) .ui.input,
  8658. .ui.form .inline.field:not(.wide) .ui.input {
  8659. width: auto;
  8660. vertical-align: middle;
  8661. }
  8662. /* Auto Input */
  8663. .ui.form .fields .field .ui.input input,
  8664. .ui.form .field .ui.input input {
  8665. width: auto;
  8666. }
  8667. /* Full Width Input */
  8668. .ui.form .ten.fields .ui.input input,
  8669. .ui.form .nine.fields .ui.input input,
  8670. .ui.form .eight.fields .ui.input input,
  8671. .ui.form .seven.fields .ui.input input,
  8672. .ui.form .six.fields .ui.input input,
  8673. .ui.form .five.fields .ui.input input,
  8674. .ui.form .four.fields .ui.input input,
  8675. .ui.form .three.fields .ui.input input,
  8676. .ui.form .two.fields .ui.input input,
  8677. .ui.form .wide.field .ui.input input {
  8678. flex: 1 0 auto;
  8679. width: 0;
  8680. }
  8681. /*--------------------
  8682. Types of Messages
  8683. ---------------------*/
  8684. .ui.form .error.message,
  8685. .ui.form .error.message:empty {
  8686. display: none;
  8687. }
  8688. .ui.form .info.message,
  8689. .ui.form .info.message:empty {
  8690. display: none;
  8691. }
  8692. .ui.form .success.message,
  8693. .ui.form .success.message:empty {
  8694. display: none;
  8695. }
  8696. .ui.form .warning.message,
  8697. .ui.form .warning.message:empty {
  8698. display: none;
  8699. }
  8700. /* Assumptions */
  8701. .ui.form .message:first-child {
  8702. margin-top: 0;
  8703. }
  8704. /*--------------------
  8705. Validation Prompt
  8706. ---------------------*/
  8707. .ui.form .field .prompt.label {
  8708. white-space: normal;
  8709. background: #FFFFFF !important;
  8710. border: 1px solid #E0B4B4 !important;
  8711. color: #9F3A38 !important;
  8712. }
  8713. .ui.form .inline.fields .field .prompt,
  8714. .ui.form .inline.field .prompt {
  8715. vertical-align: top;
  8716. margin: -0.25em 0 -0.5em 0.5em;
  8717. }
  8718. .ui.form .inline.fields .field .prompt:before,
  8719. .ui.form .inline.field .prompt:before {
  8720. border-width: 0 0 1px 1px;
  8721. bottom: auto;
  8722. right: auto;
  8723. top: 50%;
  8724. left: 0;
  8725. }
  8726. /*******************************
  8727. States
  8728. *******************************/
  8729. /*--------------------
  8730. Autofilled
  8731. ---------------------*/
  8732. .ui.form .field.field input:-webkit-autofill {
  8733. box-shadow: 0 0 0 100px #FFFFF0 inset !important;
  8734. border-color: #E5DFA1 !important;
  8735. }
  8736. /* Focus */
  8737. .ui.form .field.field input:-webkit-autofill:focus {
  8738. box-shadow: 0 0 0 100px #FFFFF0 inset !important;
  8739. border-color: #D5C315 !important;
  8740. }
  8741. /*--------------------
  8742. Placeholder
  8743. ---------------------*/
  8744. /* browsers require these rules separate */
  8745. .ui.form ::-webkit-input-placeholder {
  8746. color: rgba(191, 191, 191, 0.87);
  8747. }
  8748. .ui.form :-ms-input-placeholder {
  8749. color: rgba(191, 191, 191, 0.87) !important;
  8750. }
  8751. .ui.form ::-moz-placeholder {
  8752. color: rgba(191, 191, 191, 0.87);
  8753. }
  8754. .ui.form :focus::-webkit-input-placeholder {
  8755. color: rgba(115, 115, 115, 0.87);
  8756. }
  8757. .ui.form :focus:-ms-input-placeholder {
  8758. color: rgba(115, 115, 115, 0.87) !important;
  8759. }
  8760. .ui.form :focus::-moz-placeholder {
  8761. color: rgba(115, 115, 115, 0.87);
  8762. }
  8763. /*--------------------
  8764. Focus
  8765. ---------------------*/
  8766. .ui.form input:not([type]):focus,
  8767. .ui.form input[type="date"]:focus,
  8768. .ui.form input[type="datetime-local"]:focus,
  8769. .ui.form input[type="email"]:focus,
  8770. .ui.form input[type="number"]:focus,
  8771. .ui.form input[type="password"]:focus,
  8772. .ui.form input[type="search"]:focus,
  8773. .ui.form input[type="tel"]:focus,
  8774. .ui.form input[type="time"]:focus,
  8775. .ui.form input[type="text"]:focus,
  8776. .ui.form input[type="file"]:focus,
  8777. .ui.form input[type="url"]:focus {
  8778. color: rgba(0, 0, 0, 0.95);
  8779. border-color: #85B7D9;
  8780. border-radius: 0.28571429rem;
  8781. background: #FFFFFF;
  8782. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
  8783. }
  8784. .ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
  8785. .ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
  8786. .ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
  8787. .ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
  8788. .ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
  8789. .ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
  8790. .ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
  8791. .ui.form .ui.action.input:not([class*="left action"]) input[type="tel"]:focus,
  8792. .ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
  8793. .ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
  8794. .ui.form .ui.action.input:not([class*="left action"]) input[type="file"]:focus,
  8795. .ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus {
  8796. border-top-right-radius: 0;
  8797. border-bottom-right-radius: 0;
  8798. }
  8799. .ui.form .ui[class*="left action"].input input:not([type]),
  8800. .ui.form .ui[class*="left action"].input input[type="date"],
  8801. .ui.form .ui[class*="left action"].input input[type="datetime-local"],
  8802. .ui.form .ui[class*="left action"].input input[type="email"],
  8803. .ui.form .ui[class*="left action"].input input[type="number"],
  8804. .ui.form .ui[class*="left action"].input input[type="password"],
  8805. .ui.form .ui[class*="left action"].input input[type="search"],
  8806. .ui.form .ui[class*="left action"].input input[type="tel"],
  8807. .ui.form .ui[class*="left action"].input input[type="time"],
  8808. .ui.form .ui[class*="left action"].input input[type="text"],
  8809. .ui.form .ui[class*="left action"].input input[type="file"],
  8810. .ui.form .ui[class*="left action"].input input[type="url"] {
  8811. border-bottom-left-radius: 0;
  8812. border-top-left-radius: 0;
  8813. }
  8814. .ui.form textarea:focus {
  8815. color: rgba(0, 0, 0, 0.95);
  8816. border-color: #85B7D9;
  8817. border-radius: 0.28571429rem;
  8818. background: #FFFFFF;
  8819. box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
  8820. -webkit-appearance: none;
  8821. }
  8822. /*--------------------
  8823. States
  8824. ---------------------*/
  8825. /* On Form */
  8826. .ui.form.error .error.message:not(:empty) {
  8827. display: block;
  8828. }
  8829. .ui.form.error .compact.error.message:not(:empty) {
  8830. display: inline-block;
  8831. }
  8832. .ui.form.error .icon.error.message:not(:empty) {
  8833. display: flex;
  8834. }
  8835. /* On Field(s) */
  8836. .ui.form .fields.error .error.message:not(:empty),
  8837. .ui.form .field.error .error.message:not(:empty) {
  8838. display: block;
  8839. }
  8840. .ui.form .fields.error .compact.error.message:not(:empty),
  8841. .ui.form .field.error .compact.error.message:not(:empty) {
  8842. display: inline-block;
  8843. }
  8844. .ui.form .fields.error .icon.error.message:not(:empty),
  8845. .ui.form .field.error .icon.error.message:not(:empty) {
  8846. display: flex;
  8847. }
  8848. .ui.ui.form .fields.error .field label,
  8849. .ui.ui.form .field.error label,
  8850. .ui.ui.form .fields.error .field .input,
  8851. .ui.ui.form .field.error .input {
  8852. color: #9F3A38;
  8853. }
  8854. .ui.form .fields.error .field .corner.label,
  8855. .ui.form .field.error .corner.label {
  8856. border-color: #9F3A38;
  8857. color: #FFFFFF;
  8858. }
  8859. .ui.form .fields.error .field textarea,
  8860. .ui.form .fields.error .field select,
  8861. .ui.form .fields.error .field input:not([type]),
  8862. .ui.form .fields.error .field input[type="date"],
  8863. .ui.form .fields.error .field input[type="datetime-local"],
  8864. .ui.form .fields.error .field input[type="email"],
  8865. .ui.form .fields.error .field input[type="number"],
  8866. .ui.form .fields.error .field input[type="password"],
  8867. .ui.form .fields.error .field input[type="search"],
  8868. .ui.form .fields.error .field input[type="tel"],
  8869. .ui.form .fields.error .field input[type="time"],
  8870. .ui.form .fields.error .field input[type="text"],
  8871. .ui.form .fields.error .field input[type="file"],
  8872. .ui.form .fields.error .field input[type="url"],
  8873. .ui.form .field.error textarea,
  8874. .ui.form .field.error select,
  8875. .ui.form .field.error input:not([type]),
  8876. .ui.form .field.error input[type="date"],
  8877. .ui.form .field.error input[type="datetime-local"],
  8878. .ui.form .field.error input[type="email"],
  8879. .ui.form .field.error input[type="number"],
  8880. .ui.form .field.error input[type="password"],
  8881. .ui.form .field.error input[type="search"],
  8882. .ui.form .field.error input[type="tel"],
  8883. .ui.form .field.error input[type="time"],
  8884. .ui.form .field.error input[type="text"],
  8885. .ui.form .field.error input[type="file"],
  8886. .ui.form .field.error input[type="url"] {
  8887. color: #9F3A38;
  8888. background: #FFF6F6;
  8889. border-color: #E0B4B4;
  8890. border-radius: '';
  8891. box-shadow: none;
  8892. }
  8893. .ui.form .field.error textarea:focus,
  8894. .ui.form .field.error select:focus,
  8895. .ui.form .field.error input:not([type]):focus,
  8896. .ui.form .field.error input[type="date"]:focus,
  8897. .ui.form .field.error input[type="datetime-local"]:focus,
  8898. .ui.form .field.error input[type="email"]:focus,
  8899. .ui.form .field.error input[type="number"]:focus,
  8900. .ui.form .field.error input[type="password"]:focus,
  8901. .ui.form .field.error input[type="search"]:focus,
  8902. .ui.form .field.error input[type="tel"]:focus,
  8903. .ui.form .field.error input[type="time"]:focus,
  8904. .ui.form .field.error input[type="text"]:focus,
  8905. .ui.form .field.error input[type="file"]:focus,
  8906. .ui.form .field.error input[type="url"]:focus {
  8907. background: #FFF6F6;
  8908. border-color: #E0B4B4;
  8909. color: #9F3A38;
  8910. box-shadow: none;
  8911. }
  8912. /* Preserve Native Select Stylings */
  8913. .ui.form .field.error select {
  8914. -webkit-appearance: menulist-button;
  8915. }
  8916. /*------------------
  8917. Input State
  8918. --------------------*/
  8919. /* Transparent */
  8920. .ui.form .field.error .transparent.input input,
  8921. .ui.form .field.error .transparent.input textarea,
  8922. .ui.form .field.error input.transparent,
  8923. .ui.form .field.error textarea.transparent {
  8924. background-color: #FFF6F6 !important;
  8925. color: #9F3A38 !important;
  8926. }
  8927. /* Autofilled */
  8928. .ui.form .error.error input:-webkit-autofill {
  8929. box-shadow: 0 0 0 100px #FFFAF0 inset !important;
  8930. border-color: #E0B4B4 !important;
  8931. }
  8932. /* Placeholder */
  8933. .ui.form .error ::-webkit-input-placeholder {
  8934. color: #e7bdbc;
  8935. }
  8936. .ui.form .error :-ms-input-placeholder {
  8937. color: #e7bdbc !important;
  8938. }
  8939. .ui.form .error ::-moz-placeholder {
  8940. color: #e7bdbc;
  8941. }
  8942. .ui.form .error :focus::-webkit-input-placeholder {
  8943. color: #da9796;
  8944. }
  8945. .ui.form .error :focus:-ms-input-placeholder {
  8946. color: #da9796 !important;
  8947. }
  8948. .ui.form .error :focus::-moz-placeholder {
  8949. color: #da9796;
  8950. }
  8951. /*------------------
  8952. Dropdown State
  8953. --------------------*/
  8954. .ui.form .fields.error .field .ui.dropdown,
  8955. .ui.form .fields.error .field .ui.dropdown .item,
  8956. .ui.form .field.error .ui.dropdown,
  8957. .ui.form .field.error .ui.dropdown .text,
  8958. .ui.form .field.error .ui.dropdown .item {
  8959. background: #FFF6F6;
  8960. color: #9F3A38;
  8961. }
  8962. .ui.form .fields.error .field .ui.dropdown,
  8963. .ui.form .field.error .ui.dropdown {
  8964. border-color: #E0B4B4 !important;
  8965. }
  8966. .ui.form .fields.error .field .ui.dropdown:hover,
  8967. .ui.form .field.error .ui.dropdown:hover {
  8968. border-color: #E0B4B4 !important;
  8969. }
  8970. .ui.form .fields.error .field .ui.dropdown:hover .menu,
  8971. .ui.form .field.error .ui.dropdown:hover .menu {
  8972. border-color: #E0B4B4;
  8973. }
  8974. .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
  8975. .ui.form .field.error .ui.multiple.selection.dropdown > .label {
  8976. background-color: #EACBCB;
  8977. color: #9F3A38;
  8978. }
  8979. /* Hover */
  8980. .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
  8981. .ui.form .field.error .ui.dropdown .menu .item:hover {
  8982. background-color: #FBE7E7;
  8983. }
  8984. /* Selected */
  8985. .ui.form .fields.error .field .ui.dropdown .menu .selected.item,
  8986. .ui.form .field.error .ui.dropdown .menu .selected.item {
  8987. background-color: #FBE7E7;
  8988. }
  8989. /* Active */
  8990. .ui.form .fields.error .field .ui.dropdown .menu .active.item,
  8991. .ui.form .field.error .ui.dropdown .menu .active.item {
  8992. background-color: #FDCFCF !important;
  8993. }
  8994. /*--------------------
  8995. Checkbox State
  8996. ---------------------*/
  8997. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
  8998. .ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
  8999. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
  9000. .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  9001. color: #9F3A38;
  9002. }
  9003. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
  9004. .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
  9005. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
  9006. .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  9007. background: #FFF6F6;
  9008. border-color: #E0B4B4;
  9009. }
  9010. .ui.form .fields.error .field .checkbox label:after,
  9011. .ui.form .field.error .checkbox label:after,
  9012. .ui.form .fields.error .field .checkbox .box:after,
  9013. .ui.form .field.error .checkbox .box:after {
  9014. color: #9F3A38;
  9015. }
  9016. /* On Form */
  9017. .ui.form.info .info.message:not(:empty) {
  9018. display: block;
  9019. }
  9020. .ui.form.info .compact.info.message:not(:empty) {
  9021. display: inline-block;
  9022. }
  9023. .ui.form.info .icon.info.message:not(:empty) {
  9024. display: flex;
  9025. }
  9026. /* On Field(s) */
  9027. .ui.form .fields.info .info.message:not(:empty),
  9028. .ui.form .field.info .info.message:not(:empty) {
  9029. display: block;
  9030. }
  9031. .ui.form .fields.info .compact.info.message:not(:empty),
  9032. .ui.form .field.info .compact.info.message:not(:empty) {
  9033. display: inline-block;
  9034. }
  9035. .ui.form .fields.info .icon.info.message:not(:empty),
  9036. .ui.form .field.info .icon.info.message:not(:empty) {
  9037. display: flex;
  9038. }
  9039. .ui.ui.form .fields.info .field label,
  9040. .ui.ui.form .field.info label,
  9041. .ui.ui.form .fields.info .field .input,
  9042. .ui.ui.form .field.info .input {
  9043. color: #276F86;
  9044. }
  9045. .ui.form .fields.info .field .corner.label,
  9046. .ui.form .field.info .corner.label {
  9047. border-color: #276F86;
  9048. color: #FFFFFF;
  9049. }
  9050. .ui.form .fields.info .field textarea,
  9051. .ui.form .fields.info .field select,
  9052. .ui.form .fields.info .field input:not([type]),
  9053. .ui.form .fields.info .field input[type="date"],
  9054. .ui.form .fields.info .field input[type="datetime-local"],
  9055. .ui.form .fields.info .field input[type="email"],
  9056. .ui.form .fields.info .field input[type="number"],
  9057. .ui.form .fields.info .field input[type="password"],
  9058. .ui.form .fields.info .field input[type="search"],
  9059. .ui.form .fields.info .field input[type="tel"],
  9060. .ui.form .fields.info .field input[type="time"],
  9061. .ui.form .fields.info .field input[type="text"],
  9062. .ui.form .fields.info .field input[type="file"],
  9063. .ui.form .fields.info .field input[type="url"],
  9064. .ui.form .field.info textarea,
  9065. .ui.form .field.info select,
  9066. .ui.form .field.info input:not([type]),
  9067. .ui.form .field.info input[type="date"],
  9068. .ui.form .field.info input[type="datetime-local"],
  9069. .ui.form .field.info input[type="email"],
  9070. .ui.form .field.info input[type="number"],
  9071. .ui.form .field.info input[type="password"],
  9072. .ui.form .field.info input[type="search"],
  9073. .ui.form .field.info input[type="tel"],
  9074. .ui.form .field.info input[type="time"],
  9075. .ui.form .field.info input[type="text"],
  9076. .ui.form .field.info input[type="file"],
  9077. .ui.form .field.info input[type="url"] {
  9078. color: #276F86;
  9079. background: #F8FFFF;
  9080. border-color: #A9D5DE;
  9081. border-radius: '';
  9082. box-shadow: none;
  9083. }
  9084. .ui.form .field.info textarea:focus,
  9085. .ui.form .field.info select:focus,
  9086. .ui.form .field.info input:not([type]):focus,
  9087. .ui.form .field.info input[type="date"]:focus,
  9088. .ui.form .field.info input[type="datetime-local"]:focus,
  9089. .ui.form .field.info input[type="email"]:focus,
  9090. .ui.form .field.info input[type="number"]:focus,
  9091. .ui.form .field.info input[type="password"]:focus,
  9092. .ui.form .field.info input[type="search"]:focus,
  9093. .ui.form .field.info input[type="tel"]:focus,
  9094. .ui.form .field.info input[type="time"]:focus,
  9095. .ui.form .field.info input[type="text"]:focus,
  9096. .ui.form .field.info input[type="file"]:focus,
  9097. .ui.form .field.info input[type="url"]:focus {
  9098. background: #F8FFFF;
  9099. border-color: #A9D5DE;
  9100. color: #276F86;
  9101. box-shadow: none;
  9102. }
  9103. /* Preserve Native Select Stylings */
  9104. .ui.form .field.info select {
  9105. -webkit-appearance: menulist-button;
  9106. }
  9107. /*------------------
  9108. Input State
  9109. --------------------*/
  9110. /* Transparent */
  9111. .ui.form .field.info .transparent.input input,
  9112. .ui.form .field.info .transparent.input textarea,
  9113. .ui.form .field.info input.transparent,
  9114. .ui.form .field.info textarea.transparent {
  9115. background-color: #F8FFFF !important;
  9116. color: #276F86 !important;
  9117. }
  9118. /* Autofilled */
  9119. .ui.form .info.info input:-webkit-autofill {
  9120. box-shadow: 0 0 0 100px #F0FAFF inset !important;
  9121. border-color: #b3e0e0 !important;
  9122. }
  9123. /* Placeholder */
  9124. .ui.form .info ::-webkit-input-placeholder {
  9125. color: #98cfe1;
  9126. }
  9127. .ui.form .info :-ms-input-placeholder {
  9128. color: #98cfe1 !important;
  9129. }
  9130. .ui.form .info ::-moz-placeholder {
  9131. color: #98cfe1;
  9132. }
  9133. .ui.form .info :focus::-webkit-input-placeholder {
  9134. color: #70bdd6;
  9135. }
  9136. .ui.form .info :focus:-ms-input-placeholder {
  9137. color: #70bdd6 !important;
  9138. }
  9139. .ui.form .info :focus::-moz-placeholder {
  9140. color: #70bdd6;
  9141. }
  9142. /*------------------
  9143. Dropdown State
  9144. --------------------*/
  9145. .ui.form .fields.info .field .ui.dropdown,
  9146. .ui.form .fields.info .field .ui.dropdown .item,
  9147. .ui.form .field.info .ui.dropdown,
  9148. .ui.form .field.info .ui.dropdown .text,
  9149. .ui.form .field.info .ui.dropdown .item {
  9150. background: #F8FFFF;
  9151. color: #276F86;
  9152. }
  9153. .ui.form .fields.info .field .ui.dropdown,
  9154. .ui.form .field.info .ui.dropdown {
  9155. border-color: #A9D5DE !important;
  9156. }
  9157. .ui.form .fields.info .field .ui.dropdown:hover,
  9158. .ui.form .field.info .ui.dropdown:hover {
  9159. border-color: #A9D5DE !important;
  9160. }
  9161. .ui.form .fields.info .field .ui.dropdown:hover .menu,
  9162. .ui.form .field.info .ui.dropdown:hover .menu {
  9163. border-color: #A9D5DE;
  9164. }
  9165. .ui.form .fields.info .field .ui.multiple.selection.dropdown > .label,
  9166. .ui.form .field.info .ui.multiple.selection.dropdown > .label {
  9167. background-color: #cce3ea;
  9168. color: #276F86;
  9169. }
  9170. /* Hover */
  9171. .ui.form .fields.info .field .ui.dropdown .menu .item:hover,
  9172. .ui.form .field.info .ui.dropdown .menu .item:hover {
  9173. background-color: #e9f2fb;
  9174. }
  9175. /* Selected */
  9176. .ui.form .fields.info .field .ui.dropdown .menu .selected.item,
  9177. .ui.form .field.info .ui.dropdown .menu .selected.item {
  9178. background-color: #e9f2fb;
  9179. }
  9180. /* Active */
  9181. .ui.form .fields.info .field .ui.dropdown .menu .active.item,
  9182. .ui.form .field.info .ui.dropdown .menu .active.item {
  9183. background-color: #cef1fd !important;
  9184. }
  9185. /*--------------------
  9186. Checkbox State
  9187. ---------------------*/
  9188. .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
  9189. .ui.form .field.info .checkbox:not(.toggle):not(.slider) label,
  9190. .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,
  9191. .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box {
  9192. color: #276F86;
  9193. }
  9194. .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before,
  9195. .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,
  9196. .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,
  9197. .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before {
  9198. background: #F8FFFF;
  9199. border-color: #A9D5DE;
  9200. }
  9201. .ui.form .fields.info .field .checkbox label:after,
  9202. .ui.form .field.info .checkbox label:after,
  9203. .ui.form .fields.info .field .checkbox .box:after,
  9204. .ui.form .field.info .checkbox .box:after {
  9205. color: #276F86;
  9206. }
  9207. /* On Form */
  9208. .ui.form.success .success.message:not(:empty) {
  9209. display: block;
  9210. }
  9211. .ui.form.success .compact.success.message:not(:empty) {
  9212. display: inline-block;
  9213. }
  9214. .ui.form.success .icon.success.message:not(:empty) {
  9215. display: flex;
  9216. }
  9217. /* On Field(s) */
  9218. .ui.form .fields.success .success.message:not(:empty),
  9219. .ui.form .field.success .success.message:not(:empty) {
  9220. display: block;
  9221. }
  9222. .ui.form .fields.success .compact.success.message:not(:empty),
  9223. .ui.form .field.success .compact.success.message:not(:empty) {
  9224. display: inline-block;
  9225. }
  9226. .ui.form .fields.success .icon.success.message:not(:empty),
  9227. .ui.form .field.success .icon.success.message:not(:empty) {
  9228. display: flex;
  9229. }
  9230. .ui.ui.form .fields.success .field label,
  9231. .ui.ui.form .field.success label,
  9232. .ui.ui.form .fields.success .field .input,
  9233. .ui.ui.form .field.success .input {
  9234. color: #2C662D;
  9235. }
  9236. .ui.form .fields.success .field .corner.label,
  9237. .ui.form .field.success .corner.label {
  9238. border-color: #2C662D;
  9239. color: #FFFFFF;
  9240. }
  9241. .ui.form .fields.success .field textarea,
  9242. .ui.form .fields.success .field select,
  9243. .ui.form .fields.success .field input:not([type]),
  9244. .ui.form .fields.success .field input[type="date"],
  9245. .ui.form .fields.success .field input[type="datetime-local"],
  9246. .ui.form .fields.success .field input[type="email"],
  9247. .ui.form .fields.success .field input[type="number"],
  9248. .ui.form .fields.success .field input[type="password"],
  9249. .ui.form .fields.success .field input[type="search"],
  9250. .ui.form .fields.success .field input[type="tel"],
  9251. .ui.form .fields.success .field input[type="time"],
  9252. .ui.form .fields.success .field input[type="text"],
  9253. .ui.form .fields.success .field input[type="file"],
  9254. .ui.form .fields.success .field input[type="url"],
  9255. .ui.form .field.success textarea,
  9256. .ui.form .field.success select,
  9257. .ui.form .field.success input:not([type]),
  9258. .ui.form .field.success input[type="date"],
  9259. .ui.form .field.success input[type="datetime-local"],
  9260. .ui.form .field.success input[type="email"],
  9261. .ui.form .field.success input[type="number"],
  9262. .ui.form .field.success input[type="password"],
  9263. .ui.form .field.success input[type="search"],
  9264. .ui.form .field.success input[type="tel"],
  9265. .ui.form .field.success input[type="time"],
  9266. .ui.form .field.success input[type="text"],
  9267. .ui.form .field.success input[type="file"],
  9268. .ui.form .field.success input[type="url"] {
  9269. color: #2C662D;
  9270. background: #FCFFF5;
  9271. border-color: #A3C293;
  9272. border-radius: '';
  9273. box-shadow: none;
  9274. }
  9275. .ui.form .field.success textarea:focus,
  9276. .ui.form .field.success select:focus,
  9277. .ui.form .field.success input:not([type]):focus,
  9278. .ui.form .field.success input[type="date"]:focus,
  9279. .ui.form .field.success input[type="datetime-local"]:focus,
  9280. .ui.form .field.success input[type="email"]:focus,
  9281. .ui.form .field.success input[type="number"]:focus,
  9282. .ui.form .field.success input[type="password"]:focus,
  9283. .ui.form .field.success input[type="search"]:focus,
  9284. .ui.form .field.success input[type="tel"]:focus,
  9285. .ui.form .field.success input[type="time"]:focus,
  9286. .ui.form .field.success input[type="text"]:focus,
  9287. .ui.form .field.success input[type="file"]:focus,
  9288. .ui.form .field.success input[type="url"]:focus {
  9289. background: #FCFFF5;
  9290. border-color: #A3C293;
  9291. color: #2C662D;
  9292. box-shadow: none;
  9293. }
  9294. /* Preserve Native Select Stylings */
  9295. .ui.form .field.success select {
  9296. -webkit-appearance: menulist-button;
  9297. }
  9298. /*------------------
  9299. Input State
  9300. --------------------*/
  9301. /* Transparent */
  9302. .ui.form .field.success .transparent.input input,
  9303. .ui.form .field.success .transparent.input textarea,
  9304. .ui.form .field.success input.transparent,
  9305. .ui.form .field.success textarea.transparent {
  9306. background-color: #FCFFF5 !important;
  9307. color: #2C662D !important;
  9308. }
  9309. /* Autofilled */
  9310. .ui.form .success.success input:-webkit-autofill {
  9311. box-shadow: 0 0 0 100px #F0FFF0 inset !important;
  9312. border-color: #bee0b3 !important;
  9313. }
  9314. /* Placeholder */
  9315. .ui.form .success ::-webkit-input-placeholder {
  9316. color: #8fcf90;
  9317. }
  9318. .ui.form .success :-ms-input-placeholder {
  9319. color: #8fcf90 !important;
  9320. }
  9321. .ui.form .success ::-moz-placeholder {
  9322. color: #8fcf90;
  9323. }
  9324. .ui.form .success :focus::-webkit-input-placeholder {
  9325. color: #6cbf6d;
  9326. }
  9327. .ui.form .success :focus:-ms-input-placeholder {
  9328. color: #6cbf6d !important;
  9329. }
  9330. .ui.form .success :focus::-moz-placeholder {
  9331. color: #6cbf6d;
  9332. }
  9333. /*------------------
  9334. Dropdown State
  9335. --------------------*/
  9336. .ui.form .fields.success .field .ui.dropdown,
  9337. .ui.form .fields.success .field .ui.dropdown .item,
  9338. .ui.form .field.success .ui.dropdown,
  9339. .ui.form .field.success .ui.dropdown .text,
  9340. .ui.form .field.success .ui.dropdown .item {
  9341. background: #FCFFF5;
  9342. color: #2C662D;
  9343. }
  9344. .ui.form .fields.success .field .ui.dropdown,
  9345. .ui.form .field.success .ui.dropdown {
  9346. border-color: #A3C293 !important;
  9347. }
  9348. .ui.form .fields.success .field .ui.dropdown:hover,
  9349. .ui.form .field.success .ui.dropdown:hover {
  9350. border-color: #A3C293 !important;
  9351. }
  9352. .ui.form .fields.success .field .ui.dropdown:hover .menu,
  9353. .ui.form .field.success .ui.dropdown:hover .menu {
  9354. border-color: #A3C293;
  9355. }
  9356. .ui.form .fields.success .field .ui.multiple.selection.dropdown > .label,
  9357. .ui.form .field.success .ui.multiple.selection.dropdown > .label {
  9358. background-color: #cceacc;
  9359. color: #2C662D;
  9360. }
  9361. /* Hover */
  9362. .ui.form .fields.success .field .ui.dropdown .menu .item:hover,
  9363. .ui.form .field.success .ui.dropdown .menu .item:hover {
  9364. background-color: #e9fbe9;
  9365. }
  9366. /* Selected */
  9367. .ui.form .fields.success .field .ui.dropdown .menu .selected.item,
  9368. .ui.form .field.success .ui.dropdown .menu .selected.item {
  9369. background-color: #e9fbe9;
  9370. }
  9371. /* Active */
  9372. .ui.form .fields.success .field .ui.dropdown .menu .active.item,
  9373. .ui.form .field.success .ui.dropdown .menu .active.item {
  9374. background-color: #dafdce !important;
  9375. }
  9376. /*--------------------
  9377. Checkbox State
  9378. ---------------------*/
  9379. .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
  9380. .ui.form .field.success .checkbox:not(.toggle):not(.slider) label,
  9381. .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,
  9382. .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box {
  9383. color: #2C662D;
  9384. }
  9385. .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before,
  9386. .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,
  9387. .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,
  9388. .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before {
  9389. background: #FCFFF5;
  9390. border-color: #A3C293;
  9391. }
  9392. .ui.form .fields.success .field .checkbox label:after,
  9393. .ui.form .field.success .checkbox label:after,
  9394. .ui.form .fields.success .field .checkbox .box:after,
  9395. .ui.form .field.success .checkbox .box:after {
  9396. color: #2C662D;
  9397. }
  9398. /* On Form */
  9399. .ui.form.warning .warning.message:not(:empty) {
  9400. display: block;
  9401. }
  9402. .ui.form.warning .compact.warning.message:not(:empty) {
  9403. display: inline-block;
  9404. }
  9405. .ui.form.warning .icon.warning.message:not(:empty) {
  9406. display: flex;
  9407. }
  9408. /* On Field(s) */
  9409. .ui.form .fields.warning .warning.message:not(:empty),
  9410. .ui.form .field.warning .warning.message:not(:empty) {
  9411. display: block;
  9412. }
  9413. .ui.form .fields.warning .compact.warning.message:not(:empty),
  9414. .ui.form .field.warning .compact.warning.message:not(:empty) {
  9415. display: inline-block;
  9416. }
  9417. .ui.form .fields.warning .icon.warning.message:not(:empty),
  9418. .ui.form .field.warning .icon.warning.message:not(:empty) {
  9419. display: flex;
  9420. }
  9421. .ui.ui.form .fields.warning .field label,
  9422. .ui.ui.form .field.warning label,
  9423. .ui.ui.form .fields.warning .field .input,
  9424. .ui.ui.form .field.warning .input {
  9425. color: #573A08;
  9426. }
  9427. .ui.form .fields.warning .field .corner.label,
  9428. .ui.form .field.warning .corner.label {
  9429. border-color: #573A08;
  9430. color: #FFFFFF;
  9431. }
  9432. .ui.form .fields.warning .field textarea,
  9433. .ui.form .fields.warning .field select,
  9434. .ui.form .fields.warning .field input:not([type]),
  9435. .ui.form .fields.warning .field input[type="date"],
  9436. .ui.form .fields.warning .field input[type="datetime-local"],
  9437. .ui.form .fields.warning .field input[type="email"],
  9438. .ui.form .fields.warning .field input[type="number"],
  9439. .ui.form .fields.warning .field input[type="password"],
  9440. .ui.form .fields.warning .field input[type="search"],
  9441. .ui.form .fields.warning .field input[type="tel"],
  9442. .ui.form .fields.warning .field input[type="time"],
  9443. .ui.form .fields.warning .field input[type="text"],
  9444. .ui.form .fields.warning .field input[type="file"],
  9445. .ui.form .fields.warning .field input[type="url"],
  9446. .ui.form .field.warning textarea,
  9447. .ui.form .field.warning select,
  9448. .ui.form .field.warning input:not([type]),
  9449. .ui.form .field.warning input[type="date"],
  9450. .ui.form .field.warning input[type="datetime-local"],
  9451. .ui.form .field.warning input[type="email"],
  9452. .ui.form .field.warning input[type="number"],
  9453. .ui.form .field.warning input[type="password"],
  9454. .ui.form .field.warning input[type="search"],
  9455. .ui.form .field.warning input[type="tel"],
  9456. .ui.form .field.warning input[type="time"],
  9457. .ui.form .field.warning input[type="text"],
  9458. .ui.form .field.warning input[type="file"],
  9459. .ui.form .field.warning input[type="url"] {
  9460. color: #573A08;
  9461. background: #FFFAF3;
  9462. border-color: #C9BA9B;
  9463. border-radius: '';
  9464. box-shadow: none;
  9465. }
  9466. .ui.form .field.warning textarea:focus,
  9467. .ui.form .field.warning select:focus,
  9468. .ui.form .field.warning input:not([type]):focus,
  9469. .ui.form .field.warning input[type="date"]:focus,
  9470. .ui.form .field.warning input[type="datetime-local"]:focus,
  9471. .ui.form .field.warning input[type="email"]:focus,
  9472. .ui.form .field.warning input[type="number"]:focus,
  9473. .ui.form .field.warning input[type="password"]:focus,
  9474. .ui.form .field.warning input[type="search"]:focus,
  9475. .ui.form .field.warning input[type="tel"]:focus,
  9476. .ui.form .field.warning input[type="time"]:focus,
  9477. .ui.form .field.warning input[type="text"]:focus,
  9478. .ui.form .field.warning input[type="file"]:focus,
  9479. .ui.form .field.warning input[type="url"]:focus {
  9480. background: #FFFAF3;
  9481. border-color: #C9BA9B;
  9482. color: #573A08;
  9483. box-shadow: none;
  9484. }
  9485. /* Preserve Native Select Stylings */
  9486. .ui.form .field.warning select {
  9487. -webkit-appearance: menulist-button;
  9488. }
  9489. /*------------------
  9490. Input State
  9491. --------------------*/
  9492. /* Transparent */
  9493. .ui.form .field.warning .transparent.input input,
  9494. .ui.form .field.warning .transparent.input textarea,
  9495. .ui.form .field.warning input.transparent,
  9496. .ui.form .field.warning textarea.transparent {
  9497. background-color: #FFFAF3 !important;
  9498. color: #573A08 !important;
  9499. }
  9500. /* Autofilled */
  9501. .ui.form .warning.warning input:-webkit-autofill {
  9502. box-shadow: 0 0 0 100px #FFFFe0 inset !important;
  9503. border-color: #e0e0b3 !important;
  9504. }
  9505. /* Placeholder */
  9506. .ui.form .warning ::-webkit-input-placeholder {
  9507. color: #edad3e;
  9508. }
  9509. .ui.form .warning :-ms-input-placeholder {
  9510. color: #edad3e !important;
  9511. }
  9512. .ui.form .warning ::-moz-placeholder {
  9513. color: #edad3e;
  9514. }
  9515. .ui.form .warning :focus::-webkit-input-placeholder {
  9516. color: #e39715;
  9517. }
  9518. .ui.form .warning :focus:-ms-input-placeholder {
  9519. color: #e39715 !important;
  9520. }
  9521. .ui.form .warning :focus::-moz-placeholder {
  9522. color: #e39715;
  9523. }
  9524. /*------------------
  9525. Dropdown State
  9526. --------------------*/
  9527. .ui.form .fields.warning .field .ui.dropdown,
  9528. .ui.form .fields.warning .field .ui.dropdown .item,
  9529. .ui.form .field.warning .ui.dropdown,
  9530. .ui.form .field.warning .ui.dropdown .text,
  9531. .ui.form .field.warning .ui.dropdown .item {
  9532. background: #FFFAF3;
  9533. color: #573A08;
  9534. }
  9535. .ui.form .fields.warning .field .ui.dropdown,
  9536. .ui.form .field.warning .ui.dropdown {
  9537. border-color: #C9BA9B !important;
  9538. }
  9539. .ui.form .fields.warning .field .ui.dropdown:hover,
  9540. .ui.form .field.warning .ui.dropdown:hover {
  9541. border-color: #C9BA9B !important;
  9542. }
  9543. .ui.form .fields.warning .field .ui.dropdown:hover .menu,
  9544. .ui.form .field.warning .ui.dropdown:hover .menu {
  9545. border-color: #C9BA9B;
  9546. }
  9547. .ui.form .fields.warning .field .ui.multiple.selection.dropdown > .label,
  9548. .ui.form .field.warning .ui.multiple.selection.dropdown > .label {
  9549. background-color: #eaeacc;
  9550. color: #573A08;
  9551. }
  9552. /* Hover */
  9553. .ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
  9554. .ui.form .field.warning .ui.dropdown .menu .item:hover {
  9555. background-color: #fbfbe9;
  9556. }
  9557. /* Selected */
  9558. .ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
  9559. .ui.form .field.warning .ui.dropdown .menu .selected.item {
  9560. background-color: #fbfbe9;
  9561. }
  9562. /* Active */
  9563. .ui.form .fields.warning .field .ui.dropdown .menu .active.item,
  9564. .ui.form .field.warning .ui.dropdown .menu .active.item {
  9565. background-color: #fdfdce !important;
  9566. }
  9567. /*--------------------
  9568. Checkbox State
  9569. ---------------------*/
  9570. .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
  9571. .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,
  9572. .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,
  9573. .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box {
  9574. color: #573A08;
  9575. }
  9576. .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before,
  9577. .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,
  9578. .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,
  9579. .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before {
  9580. background: #FFFAF3;
  9581. border-color: #C9BA9B;
  9582. }
  9583. .ui.form .fields.warning .field .checkbox label:after,
  9584. .ui.form .field.warning .checkbox label:after,
  9585. .ui.form .fields.warning .field .checkbox .box:after,
  9586. .ui.form .field.warning .checkbox .box:after {
  9587. color: #573A08;
  9588. }
  9589. /*--------------------
  9590. Disabled
  9591. ---------------------*/
  9592. .ui.form .disabled.fields .field,
  9593. .ui.form .disabled.field,
  9594. .ui.form .field :disabled {
  9595. pointer-events: none;
  9596. opacity: var(--opacity-disabled);
  9597. }
  9598. .ui.form .field.disabled > label,
  9599. .ui.form .fields.disabled > label {
  9600. opacity: var(--opacity-disabled);
  9601. }
  9602. .ui.form .field.disabled :disabled {
  9603. opacity: 1;
  9604. }
  9605. /*--------------
  9606. Loading
  9607. ---------------*/
  9608. .ui.loading.form {
  9609. position: relative;
  9610. cursor: default;
  9611. pointer-events: none;
  9612. }
  9613. .ui.loading.form:before {
  9614. position: absolute;
  9615. content: '';
  9616. top: 0;
  9617. left: 0;
  9618. background: rgba(255, 255, 255, 0.8);
  9619. width: 100%;
  9620. height: 100%;
  9621. z-index: 100;
  9622. }
  9623. .ui.loading.form.segments:before {
  9624. border-radius: 0.28571429rem;
  9625. }
  9626. .ui.loading.form:after {
  9627. position: absolute;
  9628. content: '';
  9629. top: 50%;
  9630. left: 50%;
  9631. margin: -1.5em 0 0 -1.5em;
  9632. width: 3em;
  9633. height: 3em;
  9634. -webkit-animation: loader 0.6s infinite linear;
  9635. animation: loader 0.6s infinite linear;
  9636. border: 0.2em solid #767676;
  9637. border-radius: 500rem;
  9638. box-shadow: 0 0 0 1px transparent;
  9639. visibility: visible;
  9640. z-index: 101;
  9641. }
  9642. /*******************************
  9643. Element Types
  9644. *******************************/
  9645. /*--------------------
  9646. Required Field
  9647. ---------------------*/
  9648. .ui.form .required.fields:not(.grouped) > .field > label:after,
  9649. .ui.form .required.fields.grouped > label:after,
  9650. .ui.form .required.field > label:after,
  9651. .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
  9652. .ui.form .required.field > .checkbox:after,
  9653. .ui.form label.required:after {
  9654. margin: -0.2em 0 0 0.2em;
  9655. content: '*';
  9656. color: #DB2828;
  9657. }
  9658. .ui.form .required.fields:not(.grouped) > .field > label:after,
  9659. .ui.form .required.fields.grouped > label:after,
  9660. .ui.form .required.field > label:after,
  9661. .ui.form label.required:after {
  9662. display: inline-block;
  9663. vertical-align: top;
  9664. }
  9665. .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
  9666. .ui.form .required.field > .checkbox:after {
  9667. position: absolute;
  9668. top: 0;
  9669. left: 100%;
  9670. }
  9671. /*******************************
  9672. Variations
  9673. *******************************/
  9674. /*--------------------
  9675. Inverted Colors
  9676. ---------------------*/
  9677. .ui.inverted.form label,
  9678. .ui.form .inverted.segment label,
  9679. .ui.form .inverted.segment .ui.checkbox label,
  9680. .ui.form .inverted.segment .ui.checkbox .box,
  9681. .ui.inverted.form .ui.checkbox label,
  9682. .ui.inverted.form .ui.checkbox .box,
  9683. .ui.inverted.form .inline.fields > label,
  9684. .ui.inverted.form .inline.fields .field > label,
  9685. .ui.inverted.form .inline.fields .field > p,
  9686. .ui.inverted.form .inline.field > label,
  9687. .ui.inverted.form .inline.field > p {
  9688. color: rgba(255, 255, 255, 0.9);
  9689. }
  9690. .ui.inverted.loading.form {
  9691. color: #FFFFFF;
  9692. }
  9693. .ui.inverted.loading.form:before {
  9694. background: rgba(0, 0, 0, 0.85);
  9695. }
  9696. /* Inverted Field */
  9697. .ui.inverted.form input:not([type]),
  9698. .ui.inverted.form input[type="date"],
  9699. .ui.inverted.form input[type="datetime-local"],
  9700. .ui.inverted.form input[type="email"],
  9701. .ui.inverted.form input[type="number"],
  9702. .ui.inverted.form input[type="password"],
  9703. .ui.inverted.form input[type="search"],
  9704. .ui.inverted.form input[type="tel"],
  9705. .ui.inverted.form input[type="time"],
  9706. .ui.inverted.form input[type="text"],
  9707. .ui.inverted.form input[type="file"],
  9708. .ui.inverted.form input[type="url"] {
  9709. background: #FFFFFF;
  9710. border-color: rgba(255, 255, 255, 0.1);
  9711. color: rgba(0, 0, 0, 0.87);
  9712. box-shadow: none;
  9713. }
  9714. /*--------------------
  9715. Field Groups
  9716. ---------------------*/
  9717. /* Grouped Vertically */
  9718. .ui.form .grouped.fields {
  9719. display: block;
  9720. margin: 0 0 1em;
  9721. }
  9722. .ui.form .grouped.fields:last-child {
  9723. margin-bottom: 0;
  9724. }
  9725. .ui.form .grouped.fields > label {
  9726. margin: 0 0 0.28571429rem 0;
  9727. color: rgba(0, 0, 0, 0.87);
  9728. font-size: 0.92857143em;
  9729. font-weight: 500;
  9730. text-transform: none;
  9731. }
  9732. .ui.form .grouped.fields .field,
  9733. .ui.form .grouped.inline.fields .field {
  9734. display: block;
  9735. margin: 0.5em 0;
  9736. padding: 0;
  9737. }
  9738. .ui.form .grouped.inline.fields .ui.checkbox {
  9739. margin-bottom: 0.4em;
  9740. }
  9741. /*--------------------
  9742. Fields
  9743. ---------------------*/
  9744. /* Split fields */
  9745. .ui.form .fields {
  9746. display: flex;
  9747. flex-direction: row;
  9748. margin: 0 -0.5em 1em;
  9749. }
  9750. .ui.form .fields > .field {
  9751. flex: 0 1 auto;
  9752. padding-left: 0.5em;
  9753. padding-right: 0.5em;
  9754. }
  9755. .ui.form .fields > .field:first-child {
  9756. border-left: none;
  9757. box-shadow: none;
  9758. }
  9759. /* Other Combinations */
  9760. .ui.form .two.fields > .fields,
  9761. .ui.form .two.fields > .field {
  9762. width: 50%;
  9763. }
  9764. .ui.form .three.fields > .fields,
  9765. .ui.form .three.fields > .field {
  9766. width: 33.33333333%;
  9767. }
  9768. .ui.form .four.fields > .fields,
  9769. .ui.form .four.fields > .field {
  9770. width: 25%;
  9771. }
  9772. .ui.form .five.fields > .fields,
  9773. .ui.form .five.fields > .field {
  9774. width: 20%;
  9775. }
  9776. .ui.form .six.fields > .fields,
  9777. .ui.form .six.fields > .field {
  9778. width: 16.66666667%;
  9779. }
  9780. .ui.form .seven.fields > .fields,
  9781. .ui.form .seven.fields > .field {
  9782. width: 14.28571429%;
  9783. }
  9784. .ui.form .eight.fields > .fields,
  9785. .ui.form .eight.fields > .field {
  9786. width: 12.5%;
  9787. }
  9788. .ui.form .nine.fields > .fields,
  9789. .ui.form .nine.fields > .field {
  9790. width: 11.11111111%;
  9791. }
  9792. .ui.form .ten.fields > .fields,
  9793. .ui.form .ten.fields > .field {
  9794. width: 10%;
  9795. }
  9796. /* Swap to full width on mobile */
  9797. @media only screen and (max-width: 767.98px) {
  9798. .ui.form .fields {
  9799. flex-wrap: wrap;
  9800. margin-bottom: 0;
  9801. }
  9802. .ui.form:not(.unstackable) .fields:not(.unstackable) > .fields,
  9803. .ui.form:not(.unstackable) .fields:not(.unstackable) > .field {
  9804. width: 100%;
  9805. margin: 0 0 1em;
  9806. }
  9807. }
  9808. /* Sizing Combinations */
  9809. .ui.form .fields .wide.field {
  9810. width: 6.25%;
  9811. padding-left: 0.5em;
  9812. padding-right: 0.5em;
  9813. }
  9814. .ui.form .one.wide.field {
  9815. width: 6.25%;
  9816. }
  9817. .ui.form .two.wide.field {
  9818. width: 12.5%;
  9819. }
  9820. .ui.form .three.wide.field {
  9821. width: 18.75%;
  9822. }
  9823. .ui.form .four.wide.field {
  9824. width: 25%;
  9825. }
  9826. .ui.form .five.wide.field {
  9827. width: 31.25%;
  9828. }
  9829. .ui.form .six.wide.field {
  9830. width: 37.5%;
  9831. }
  9832. .ui.form .seven.wide.field {
  9833. width: 43.75%;
  9834. }
  9835. .ui.form .eight.wide.field {
  9836. width: 50%;
  9837. }
  9838. .ui.form .nine.wide.field {
  9839. width: 56.25%;
  9840. }
  9841. .ui.form .ten.wide.field {
  9842. width: 62.5%;
  9843. }
  9844. .ui.form .eleven.wide.field {
  9845. width: 68.75%;
  9846. }
  9847. .ui.form .twelve.wide.field {
  9848. width: 75%;
  9849. }
  9850. .ui.form .thirteen.wide.field {
  9851. width: 81.25%;
  9852. }
  9853. .ui.form .fourteen.wide.field {
  9854. width: 87.5%;
  9855. }
  9856. .ui.form .fifteen.wide.field {
  9857. width: 93.75%;
  9858. }
  9859. .ui.form .sixteen.wide.field {
  9860. width: 100%;
  9861. }
  9862. /*--------------------
  9863. Equal Width
  9864. ---------------------*/
  9865. .ui[class*="equal width"].form .fields > .field,
  9866. .ui.form [class*="equal width"].fields > .field {
  9867. width: 100%;
  9868. flex: 1 1 auto;
  9869. }
  9870. /*--------------------
  9871. Inline Fields
  9872. ---------------------*/
  9873. .ui.form .inline.fields {
  9874. margin: 0 0 1em;
  9875. align-items: center;
  9876. }
  9877. .ui.form .inline.fields .field {
  9878. margin: 0;
  9879. padding: 0 1em 0 0;
  9880. }
  9881. /* Inline Label */
  9882. .ui.form .inline.fields > label,
  9883. .ui.form .inline.fields .field > label,
  9884. .ui.form .inline.fields .field > p,
  9885. .ui.form .inline.field > label,
  9886. .ui.form .inline.field > p {
  9887. display: inline-block;
  9888. width: auto;
  9889. margin-top: 0;
  9890. margin-bottom: 0;
  9891. vertical-align: baseline;
  9892. font-size: 0.92857143em;
  9893. font-weight: 500;
  9894. color: rgba(0, 0, 0, 0.87);
  9895. text-transform: none;
  9896. }
  9897. /* Grouped Inline Label */
  9898. .ui.form .inline.fields > label {
  9899. margin: 0.035714em 1em 0 0;
  9900. }
  9901. /* Inline Input */
  9902. .ui.form .inline.fields .field > input,
  9903. .ui.form .inline.fields .field > select,
  9904. .ui.form .inline.field > input,
  9905. .ui.form .inline.field > select {
  9906. display: inline-block;
  9907. width: auto;
  9908. margin-top: 0;
  9909. margin-bottom: 0;
  9910. vertical-align: middle;
  9911. font-size: 1em;
  9912. }
  9913. .ui.form .inline.fields .field .calendar:not(.popup),
  9914. .ui.form .inline.field .calendar:not(.popup) {
  9915. display: inline-block;
  9916. }
  9917. .ui.form .inline.fields .field .calendar:not(.popup) > .input > input,
  9918. .ui.form .inline.field .calendar:not(.popup) > .input > input {
  9919. width: 13.11em;
  9920. }
  9921. /* Label */
  9922. .ui.form .inline.fields .field > :first-child,
  9923. .ui.form .inline.field > :first-child {
  9924. margin: 0 0.85714286em 0 0;
  9925. }
  9926. .ui.form .inline.fields .field > :only-child,
  9927. .ui.form .inline.field > :only-child {
  9928. margin: 0;
  9929. }
  9930. /* Wide */
  9931. .ui.form .inline.fields .wide.field {
  9932. display: flex;
  9933. align-items: center;
  9934. }
  9935. .ui.form .inline.fields .wide.field > input,
  9936. .ui.form .inline.fields .wide.field > select {
  9937. width: 100%;
  9938. }
  9939. /*--------------------
  9940. Sizes
  9941. ---------------------*/
  9942. .ui.form,
  9943. .ui.form .field .dropdown,
  9944. .ui.form .field .dropdown .menu > .item {
  9945. font-size: 1rem;
  9946. }
  9947. .ui.mini.form,
  9948. .ui.mini.form .field .dropdown,
  9949. .ui.mini.form .field .dropdown .menu > .item {
  9950. font-size: 0.78571429rem;
  9951. }
  9952. .ui.tiny.form,
  9953. .ui.tiny.form .field .dropdown,
  9954. .ui.tiny.form .field .dropdown .menu > .item {
  9955. font-size: 0.85714286rem;
  9956. }
  9957. .ui.small.form,
  9958. .ui.small.form .field .dropdown,
  9959. .ui.small.form .field .dropdown .menu > .item {
  9960. font-size: 0.92857143rem;
  9961. }
  9962. .ui.large.form,
  9963. .ui.large.form .field .dropdown,
  9964. .ui.large.form .field .dropdown .menu > .item {
  9965. font-size: 1.14285714rem;
  9966. }
  9967. .ui.big.form,
  9968. .ui.big.form .field .dropdown,
  9969. .ui.big.form .field .dropdown .menu > .item {
  9970. font-size: 1.28571429rem;
  9971. }
  9972. .ui.huge.form,
  9973. .ui.huge.form .field .dropdown,
  9974. .ui.huge.form .field .dropdown .menu > .item {
  9975. font-size: 1.42857143rem;
  9976. }
  9977. .ui.massive.form,
  9978. .ui.massive.form .field .dropdown,
  9979. .ui.massive.form .field .dropdown .menu > .item {
  9980. font-size: 1.71428571rem;
  9981. }
  9982. /*******************************
  9983. Theme Overrides
  9984. *******************************/
  9985. /*******************************
  9986. Site Overrides
  9987. *******************************/
  9988. /*!
  9989. * # Fomantic-UI - Grid
  9990. * http://github.com/fomantic/Fomantic-UI/
  9991. *
  9992. *
  9993. * Released under the MIT license
  9994. * http://opensource.org/licenses/MIT
  9995. *
  9996. */
  9997. /*******************************
  9998. Standard
  9999. *******************************/
  10000. .ui.grid {
  10001. display: flex;
  10002. flex-direction: row;
  10003. flex-wrap: wrap;
  10004. align-items: stretch;
  10005. padding: 0;
  10006. }
  10007. /*----------------------
  10008. Remove Gutters
  10009. -----------------------*/
  10010. .ui.grid {
  10011. margin-top: -1rem;
  10012. margin-bottom: -1rem;
  10013. margin-left: -1rem;
  10014. margin-right: -1rem;
  10015. }
  10016. .ui.relaxed.grid {
  10017. margin-left: -1.5rem;
  10018. margin-right: -1.5rem;
  10019. }
  10020. .ui[class*="very relaxed"].grid {
  10021. margin-left: -2.5rem;
  10022. margin-right: -2.5rem;
  10023. }
  10024. /* Preserve Rows Spacing on Consecutive Grids */
  10025. .ui.grid + .grid {
  10026. margin-top: 1rem;
  10027. }
  10028. /*-------------------
  10029. Columns
  10030. --------------------*/
  10031. /* Standard 16 column */
  10032. .ui.grid > .column:not(.row),
  10033. .ui.grid > .row > .column {
  10034. position: relative;
  10035. display: inline-block;
  10036. width: 6.25%;
  10037. padding-left: 1rem;
  10038. padding-right: 1rem;
  10039. vertical-align: top;
  10040. }
  10041. .ui.grid > * {
  10042. padding-left: 1rem;
  10043. padding-right: 1rem;
  10044. }
  10045. /*-------------------
  10046. Rows
  10047. --------------------*/
  10048. .ui.grid > .row {
  10049. position: relative;
  10050. display: flex;
  10051. flex-direction: row;
  10052. flex-wrap: wrap;
  10053. justify-content: inherit;
  10054. align-items: stretch;
  10055. width: 100% !important;
  10056. padding: 0;
  10057. padding-top: 1rem;
  10058. padding-bottom: 1rem;
  10059. }
  10060. /*-------------------
  10061. Columns
  10062. --------------------*/
  10063. /* Vertical padding when no rows */
  10064. .ui.grid > .column:not(.row) {
  10065. padding-top: 1rem;
  10066. padding-bottom: 1rem;
  10067. }
  10068. .ui.grid > .row > .column {
  10069. margin-top: 0;
  10070. margin-bottom: 0;
  10071. }
  10072. /*-------------------
  10073. Content
  10074. --------------------*/
  10075. .ui.grid > .row > img,
  10076. .ui.grid > .row > .column > img {
  10077. max-width: 100%;
  10078. }
  10079. /*-------------------
  10080. Loose Coupling
  10081. --------------------*/
  10082. /* Collapse Margin on Consecutive Grid */
  10083. .ui.grid > .ui.grid:first-child {
  10084. margin-top: 0;
  10085. }
  10086. .ui.grid > .ui.grid:last-child {
  10087. margin-bottom: 0;
  10088. }
  10089. /* Segment inside Aligned Grid */
  10090. .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
  10091. .ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  10092. width: 100%;
  10093. }
  10094. /* Align Dividers with Gutter */
  10095. .ui.grid .row + .ui.divider {
  10096. flex-grow: 1;
  10097. margin: 1rem 1rem;
  10098. }
  10099. .ui.grid .column + .ui.vertical.divider {
  10100. height: calc(50% - 1rem);
  10101. }
  10102. /* Remove Border on Last Horizontal Segment */
  10103. .ui.grid > .row > .column:last-child > .horizontal.segment,
  10104. .ui.grid > .column:last-child > .horizontal.segment {
  10105. box-shadow: none;
  10106. }
  10107. /*******************************
  10108. Variations
  10109. *******************************/
  10110. /*-----------------------
  10111. Page Grid
  10112. -------------------------*/
  10113. @media only screen and (max-width: 767.98px) {
  10114. .ui.page.grid {
  10115. width: auto;
  10116. padding-left: 0;
  10117. padding-right: 0;
  10118. margin-left: 0;
  10119. margin-right: 0;
  10120. }
  10121. }
  10122. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  10123. .ui.page.grid {
  10124. width: auto;
  10125. margin-left: 0;
  10126. margin-right: 0;
  10127. padding-left: 2em;
  10128. padding-right: 2em;
  10129. }
  10130. }
  10131. @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  10132. .ui.page.grid {
  10133. width: auto;
  10134. margin-left: 0;
  10135. margin-right: 0;
  10136. padding-left: 3%;
  10137. padding-right: 3%;
  10138. }
  10139. }
  10140. @media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
  10141. .ui.page.grid {
  10142. width: auto;
  10143. margin-left: 0;
  10144. margin-right: 0;
  10145. padding-left: 15%;
  10146. padding-right: 15%;
  10147. }
  10148. }
  10149. @media only screen and (min-width: 1920px) {
  10150. .ui.page.grid {
  10151. width: auto;
  10152. margin-left: 0;
  10153. margin-right: 0;
  10154. padding-left: 23%;
  10155. padding-right: 23%;
  10156. }
  10157. }
  10158. /*-------------------
  10159. Column Count
  10160. --------------------*/
  10161. /* Assume full width with one column */
  10162. .ui.grid > .column:only-child,
  10163. .ui.grid > .row > .column:only-child {
  10164. width: 100%;
  10165. }
  10166. /* Grid Based */
  10167. .ui[class*="one column"].grid > .row > .column,
  10168. .ui[class*="one column"].grid > .column:not(.row) {
  10169. width: 100%;
  10170. }
  10171. .ui[class*="two column"].grid > .row > .column,
  10172. .ui[class*="two column"].grid > .column:not(.row) {
  10173. width: 50%;
  10174. }
  10175. .ui[class*="three column"].grid > .row > .column,
  10176. .ui[class*="three column"].grid > .column:not(.row) {
  10177. width: 33.33333333%;
  10178. }
  10179. .ui[class*="four column"].grid > .row > .column,
  10180. .ui[class*="four column"].grid > .column:not(.row) {
  10181. width: 25%;
  10182. }
  10183. .ui[class*="five column"].grid > .row > .column,
  10184. .ui[class*="five column"].grid > .column:not(.row) {
  10185. width: 20%;
  10186. }
  10187. .ui[class*="six column"].grid > .row > .column,
  10188. .ui[class*="six column"].grid > .column:not(.row) {
  10189. width: 16.66666667%;
  10190. }
  10191. .ui[class*="seven column"].grid > .row > .column,
  10192. .ui[class*="seven column"].grid > .column:not(.row) {
  10193. width: 14.28571429%;
  10194. }
  10195. .ui[class*="eight column"].grid > .row > .column,
  10196. .ui[class*="eight column"].grid > .column:not(.row) {
  10197. width: 12.5%;
  10198. }
  10199. .ui[class*="nine column"].grid > .row > .column,
  10200. .ui[class*="nine column"].grid > .column:not(.row) {
  10201. width: 11.11111111%;
  10202. }
  10203. .ui[class*="ten column"].grid > .row > .column,
  10204. .ui[class*="ten column"].grid > .column:not(.row) {
  10205. width: 10%;
  10206. }
  10207. .ui[class*="eleven column"].grid > .row > .column,
  10208. .ui[class*="eleven column"].grid > .column:not(.row) {
  10209. width: 9.09090909%;
  10210. }
  10211. .ui[class*="twelve column"].grid > .row > .column,
  10212. .ui[class*="twelve column"].grid > .column:not(.row) {
  10213. width: 8.33333333%;
  10214. }
  10215. .ui[class*="thirteen column"].grid > .row > .column,
  10216. .ui[class*="thirteen column"].grid > .column:not(.row) {
  10217. width: 7.69230769%;
  10218. }
  10219. .ui[class*="fourteen column"].grid > .row > .column,
  10220. .ui[class*="fourteen column"].grid > .column:not(.row) {
  10221. width: 7.14285714%;
  10222. }
  10223. .ui[class*="fifteen column"].grid > .row > .column,
  10224. .ui[class*="fifteen column"].grid > .column:not(.row) {
  10225. width: 6.66666667%;
  10226. }
  10227. .ui[class*="sixteen column"].grid > .row > .column,
  10228. .ui[class*="sixteen column"].grid > .column:not(.row) {
  10229. width: 6.25%;
  10230. }
  10231. /* Row Based Overrides */
  10232. .ui.grid > [class*="one column"].row > .column {
  10233. width: 100% !important;
  10234. }
  10235. .ui.grid > [class*="two column"].row > .column {
  10236. width: 50% !important;
  10237. }
  10238. .ui.grid > [class*="three column"].row > .column {
  10239. width: 33.33333333% !important;
  10240. }
  10241. .ui.grid > [class*="four column"].row > .column {
  10242. width: 25% !important;
  10243. }
  10244. .ui.grid > [class*="five column"].row > .column {
  10245. width: 20% !important;
  10246. }
  10247. .ui.grid > [class*="six column"].row > .column {
  10248. width: 16.66666667% !important;
  10249. }
  10250. .ui.grid > [class*="seven column"].row > .column {
  10251. width: 14.28571429% !important;
  10252. }
  10253. .ui.grid > [class*="eight column"].row > .column {
  10254. width: 12.5% !important;
  10255. }
  10256. .ui.grid > [class*="nine column"].row > .column {
  10257. width: 11.11111111% !important;
  10258. }
  10259. .ui.grid > [class*="ten column"].row > .column {
  10260. width: 10% !important;
  10261. }
  10262. .ui.grid > [class*="eleven column"].row > .column {
  10263. width: 9.09090909% !important;
  10264. }
  10265. .ui.grid > [class*="twelve column"].row > .column {
  10266. width: 8.33333333% !important;
  10267. }
  10268. .ui.grid > [class*="thirteen column"].row > .column {
  10269. width: 7.69230769% !important;
  10270. }
  10271. .ui.grid > [class*="fourteen column"].row > .column {
  10272. width: 7.14285714% !important;
  10273. }
  10274. .ui.grid > [class*="fifteen column"].row > .column {
  10275. width: 6.66666667% !important;
  10276. }
  10277. .ui.grid > [class*="sixteen column"].row > .column {
  10278. width: 6.25% !important;
  10279. }
  10280. /* Celled Page */
  10281. .ui.celled.page.grid {
  10282. box-shadow: none;
  10283. }
  10284. /*-------------------
  10285. Column Width
  10286. --------------------*/
  10287. /* Sizing Combinations */
  10288. .ui.grid > .row > [class*="one wide"].column,
  10289. .ui.grid > .column.row > [class*="one wide"].column,
  10290. .ui.grid > [class*="one wide"].column,
  10291. .ui.column.grid > [class*="one wide"].column {
  10292. width: 6.25% !important;
  10293. }
  10294. .ui.grid > .row > [class*="two wide"].column,
  10295. .ui.grid > .column.row > [class*="two wide"].column,
  10296. .ui.grid > [class*="two wide"].column,
  10297. .ui.column.grid > [class*="two wide"].column {
  10298. width: 12.5% !important;
  10299. }
  10300. .ui.grid > .row > [class*="three wide"].column,
  10301. .ui.grid > .column.row > [class*="three wide"].column,
  10302. .ui.grid > [class*="three wide"].column,
  10303. .ui.column.grid > [class*="three wide"].column {
  10304. width: 18.75% !important;
  10305. }
  10306. .ui.grid > .row > [class*="four wide"].column,
  10307. .ui.grid > .column.row > [class*="four wide"].column,
  10308. .ui.grid > [class*="four wide"].column,
  10309. .ui.column.grid > [class*="four wide"].column {
  10310. width: 25% !important;
  10311. }
  10312. .ui.grid > .row > [class*="five wide"].column,
  10313. .ui.grid > .column.row > [class*="five wide"].column,
  10314. .ui.grid > [class*="five wide"].column,
  10315. .ui.column.grid > [class*="five wide"].column {
  10316. width: 31.25% !important;
  10317. }
  10318. .ui.grid > .row > [class*="six wide"].column,
  10319. .ui.grid > .column.row > [class*="six wide"].column,
  10320. .ui.grid > [class*="six wide"].column,
  10321. .ui.column.grid > [class*="six wide"].column {
  10322. width: 37.5% !important;
  10323. }
  10324. .ui.grid > .row > [class*="seven wide"].column,
  10325. .ui.grid > .column.row > [class*="seven wide"].column,
  10326. .ui.grid > [class*="seven wide"].column,
  10327. .ui.column.grid > [class*="seven wide"].column {
  10328. width: 43.75% !important;
  10329. }
  10330. .ui.grid > .row > [class*="eight wide"].column,
  10331. .ui.grid > .column.row > [class*="eight wide"].column,
  10332. .ui.grid > [class*="eight wide"].column,
  10333. .ui.column.grid > [class*="eight wide"].column {
  10334. width: 50% !important;
  10335. }
  10336. .ui.grid > .row > [class*="nine wide"].column,
  10337. .ui.grid > .column.row > [class*="nine wide"].column,
  10338. .ui.grid > [class*="nine wide"].column,
  10339. .ui.column.grid > [class*="nine wide"].column {
  10340. width: 56.25% !important;
  10341. }
  10342. .ui.grid > .row > [class*="ten wide"].column,
  10343. .ui.grid > .column.row > [class*="ten wide"].column,
  10344. .ui.grid > [class*="ten wide"].column,
  10345. .ui.column.grid > [class*="ten wide"].column {
  10346. width: 62.5% !important;
  10347. }
  10348. .ui.grid > .row > [class*="eleven wide"].column,
  10349. .ui.grid > .column.row > [class*="eleven wide"].column,
  10350. .ui.grid > [class*="eleven wide"].column,
  10351. .ui.column.grid > [class*="eleven wide"].column {
  10352. width: 68.75% !important;
  10353. }
  10354. .ui.grid > .row > [class*="twelve wide"].column,
  10355. .ui.grid > .column.row > [class*="twelve wide"].column,
  10356. .ui.grid > [class*="twelve wide"].column,
  10357. .ui.column.grid > [class*="twelve wide"].column {
  10358. width: 75% !important;
  10359. }
  10360. .ui.grid > .row > [class*="thirteen wide"].column,
  10361. .ui.grid > .column.row > [class*="thirteen wide"].column,
  10362. .ui.grid > [class*="thirteen wide"].column,
  10363. .ui.column.grid > [class*="thirteen wide"].column {
  10364. width: 81.25% !important;
  10365. }
  10366. .ui.grid > .row > [class*="fourteen wide"].column,
  10367. .ui.grid > .column.row > [class*="fourteen wide"].column,
  10368. .ui.grid > [class*="fourteen wide"].column,
  10369. .ui.column.grid > [class*="fourteen wide"].column {
  10370. width: 87.5% !important;
  10371. }
  10372. .ui.grid > .row > [class*="fifteen wide"].column,
  10373. .ui.grid > .column.row > [class*="fifteen wide"].column,
  10374. .ui.grid > [class*="fifteen wide"].column,
  10375. .ui.column.grid > [class*="fifteen wide"].column {
  10376. width: 93.75% !important;
  10377. }
  10378. .ui.grid > .row > [class*="sixteen wide"].column,
  10379. .ui.grid > .column.row > [class*="sixteen wide"].column,
  10380. .ui.grid > [class*="sixteen wide"].column,
  10381. .ui.column.grid > [class*="sixteen wide"].column {
  10382. width: 100% !important;
  10383. }
  10384. /*----------------------
  10385. Width per Device
  10386. -----------------------*/
  10387. /* Mobile Sizing Combinations */
  10388. @media only screen and (min-width: 320px) and (max-width: 767.98px) {
  10389. .ui.grid > .row > [class*="one wide mobile"].column,
  10390. .ui.grid > .column.row > [class*="one wide mobile"].column,
  10391. .ui.grid > [class*="one wide mobile"].column,
  10392. .ui.column.grid > [class*="one wide mobile"].column {
  10393. width: 6.25% !important;
  10394. }
  10395. .ui.grid > .row > [class*="two wide mobile"].column,
  10396. .ui.grid > .column.row > [class*="two wide mobile"].column,
  10397. .ui.grid > [class*="two wide mobile"].column,
  10398. .ui.column.grid > [class*="two wide mobile"].column {
  10399. width: 12.5% !important;
  10400. }
  10401. .ui.grid > .row > [class*="three wide mobile"].column,
  10402. .ui.grid > .column.row > [class*="three wide mobile"].column,
  10403. .ui.grid > [class*="three wide mobile"].column,
  10404. .ui.column.grid > [class*="three wide mobile"].column {
  10405. width: 18.75% !important;
  10406. }
  10407. .ui.grid > .row > [class*="four wide mobile"].column,
  10408. .ui.grid > .column.row > [class*="four wide mobile"].column,
  10409. .ui.grid > [class*="four wide mobile"].column,
  10410. .ui.column.grid > [class*="four wide mobile"].column {
  10411. width: 25% !important;
  10412. }
  10413. .ui.grid > .row > [class*="five wide mobile"].column,
  10414. .ui.grid > .column.row > [class*="five wide mobile"].column,
  10415. .ui.grid > [class*="five wide mobile"].column,
  10416. .ui.column.grid > [class*="five wide mobile"].column {
  10417. width: 31.25% !important;
  10418. }
  10419. .ui.grid > .row > [class*="six wide mobile"].column,
  10420. .ui.grid > .column.row > [class*="six wide mobile"].column,
  10421. .ui.grid > [class*="six wide mobile"].column,
  10422. .ui.column.grid > [class*="six wide mobile"].column {
  10423. width: 37.5% !important;
  10424. }
  10425. .ui.grid > .row > [class*="seven wide mobile"].column,
  10426. .ui.grid > .column.row > [class*="seven wide mobile"].column,
  10427. .ui.grid > [class*="seven wide mobile"].column,
  10428. .ui.column.grid > [class*="seven wide mobile"].column {
  10429. width: 43.75% !important;
  10430. }
  10431. .ui.grid > .row > [class*="eight wide mobile"].column,
  10432. .ui.grid > .column.row > [class*="eight wide mobile"].column,
  10433. .ui.grid > [class*="eight wide mobile"].column,
  10434. .ui.column.grid > [class*="eight wide mobile"].column {
  10435. width: 50% !important;
  10436. }
  10437. .ui.grid > .row > [class*="nine wide mobile"].column,
  10438. .ui.grid > .column.row > [class*="nine wide mobile"].column,
  10439. .ui.grid > [class*="nine wide mobile"].column,
  10440. .ui.column.grid > [class*="nine wide mobile"].column {
  10441. width: 56.25% !important;
  10442. }
  10443. .ui.grid > .row > [class*="ten wide mobile"].column,
  10444. .ui.grid > .column.row > [class*="ten wide mobile"].column,
  10445. .ui.grid > [class*="ten wide mobile"].column,
  10446. .ui.column.grid > [class*="ten wide mobile"].column {
  10447. width: 62.5% !important;
  10448. }
  10449. .ui.grid > .row > [class*="eleven wide mobile"].column,
  10450. .ui.grid > .column.row > [class*="eleven wide mobile"].column,
  10451. .ui.grid > [class*="eleven wide mobile"].column,
  10452. .ui.column.grid > [class*="eleven wide mobile"].column {
  10453. width: 68.75% !important;
  10454. }
  10455. .ui.grid > .row > [class*="twelve wide mobile"].column,
  10456. .ui.grid > .column.row > [class*="twelve wide mobile"].column,
  10457. .ui.grid > [class*="twelve wide mobile"].column,
  10458. .ui.column.grid > [class*="twelve wide mobile"].column {
  10459. width: 75% !important;
  10460. }
  10461. .ui.grid > .row > [class*="thirteen wide mobile"].column,
  10462. .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
  10463. .ui.grid > [class*="thirteen wide mobile"].column,
  10464. .ui.column.grid > [class*="thirteen wide mobile"].column {
  10465. width: 81.25% !important;
  10466. }
  10467. .ui.grid > .row > [class*="fourteen wide mobile"].column,
  10468. .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
  10469. .ui.grid > [class*="fourteen wide mobile"].column,
  10470. .ui.column.grid > [class*="fourteen wide mobile"].column {
  10471. width: 87.5% !important;
  10472. }
  10473. .ui.grid > .row > [class*="fifteen wide mobile"].column,
  10474. .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
  10475. .ui.grid > [class*="fifteen wide mobile"].column,
  10476. .ui.column.grid > [class*="fifteen wide mobile"].column {
  10477. width: 93.75% !important;
  10478. }
  10479. .ui.grid > .row > [class*="sixteen wide mobile"].column,
  10480. .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  10481. .ui.grid > [class*="sixteen wide mobile"].column,
  10482. .ui.column.grid > [class*="sixteen wide mobile"].column {
  10483. width: 100% !important;
  10484. }
  10485. }
  10486. /* Tablet Sizing Combinations */
  10487. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  10488. .ui.grid > .row > [class*="one wide tablet"].column,
  10489. .ui.grid > .column.row > [class*="one wide tablet"].column,
  10490. .ui.grid > [class*="one wide tablet"].column,
  10491. .ui.column.grid > [class*="one wide tablet"].column {
  10492. width: 6.25% !important;
  10493. }
  10494. .ui.grid > .row > [class*="two wide tablet"].column,
  10495. .ui.grid > .column.row > [class*="two wide tablet"].column,
  10496. .ui.grid > [class*="two wide tablet"].column,
  10497. .ui.column.grid > [class*="two wide tablet"].column {
  10498. width: 12.5% !important;
  10499. }
  10500. .ui.grid > .row > [class*="three wide tablet"].column,
  10501. .ui.grid > .column.row > [class*="three wide tablet"].column,
  10502. .ui.grid > [class*="three wide tablet"].column,
  10503. .ui.column.grid > [class*="three wide tablet"].column {
  10504. width: 18.75% !important;
  10505. }
  10506. .ui.grid > .row > [class*="four wide tablet"].column,
  10507. .ui.grid > .column.row > [class*="four wide tablet"].column,
  10508. .ui.grid > [class*="four wide tablet"].column,
  10509. .ui.column.grid > [class*="four wide tablet"].column {
  10510. width: 25% !important;
  10511. }
  10512. .ui.grid > .row > [class*="five wide tablet"].column,
  10513. .ui.grid > .column.row > [class*="five wide tablet"].column,
  10514. .ui.grid > [class*="five wide tablet"].column,
  10515. .ui.column.grid > [class*="five wide tablet"].column {
  10516. width: 31.25% !important;
  10517. }
  10518. .ui.grid > .row > [class*="six wide tablet"].column,
  10519. .ui.grid > .column.row > [class*="six wide tablet"].column,
  10520. .ui.grid > [class*="six wide tablet"].column,
  10521. .ui.column.grid > [class*="six wide tablet"].column {
  10522. width: 37.5% !important;
  10523. }
  10524. .ui.grid > .row > [class*="seven wide tablet"].column,
  10525. .ui.grid > .column.row > [class*="seven wide tablet"].column,
  10526. .ui.grid > [class*="seven wide tablet"].column,
  10527. .ui.column.grid > [class*="seven wide tablet"].column {
  10528. width: 43.75% !important;
  10529. }
  10530. .ui.grid > .row > [class*="eight wide tablet"].column,
  10531. .ui.grid > .column.row > [class*="eight wide tablet"].column,
  10532. .ui.grid > [class*="eight wide tablet"].column,
  10533. .ui.column.grid > [class*="eight wide tablet"].column {
  10534. width: 50% !important;
  10535. }
  10536. .ui.grid > .row > [class*="nine wide tablet"].column,
  10537. .ui.grid > .column.row > [class*="nine wide tablet"].column,
  10538. .ui.grid > [class*="nine wide tablet"].column,
  10539. .ui.column.grid > [class*="nine wide tablet"].column {
  10540. width: 56.25% !important;
  10541. }
  10542. .ui.grid > .row > [class*="ten wide tablet"].column,
  10543. .ui.grid > .column.row > [class*="ten wide tablet"].column,
  10544. .ui.grid > [class*="ten wide tablet"].column,
  10545. .ui.column.grid > [class*="ten wide tablet"].column {
  10546. width: 62.5% !important;
  10547. }
  10548. .ui.grid > .row > [class*="eleven wide tablet"].column,
  10549. .ui.grid > .column.row > [class*="eleven wide tablet"].column,
  10550. .ui.grid > [class*="eleven wide tablet"].column,
  10551. .ui.column.grid > [class*="eleven wide tablet"].column {
  10552. width: 68.75% !important;
  10553. }
  10554. .ui.grid > .row > [class*="twelve wide tablet"].column,
  10555. .ui.grid > .column.row > [class*="twelve wide tablet"].column,
  10556. .ui.grid > [class*="twelve wide tablet"].column,
  10557. .ui.column.grid > [class*="twelve wide tablet"].column {
  10558. width: 75% !important;
  10559. }
  10560. .ui.grid > .row > [class*="thirteen wide tablet"].column,
  10561. .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
  10562. .ui.grid > [class*="thirteen wide tablet"].column,
  10563. .ui.column.grid > [class*="thirteen wide tablet"].column {
  10564. width: 81.25% !important;
  10565. }
  10566. .ui.grid > .row > [class*="fourteen wide tablet"].column,
  10567. .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
  10568. .ui.grid > [class*="fourteen wide tablet"].column,
  10569. .ui.column.grid > [class*="fourteen wide tablet"].column {
  10570. width: 87.5% !important;
  10571. }
  10572. .ui.grid > .row > [class*="fifteen wide tablet"].column,
  10573. .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
  10574. .ui.grid > [class*="fifteen wide tablet"].column,
  10575. .ui.column.grid > [class*="fifteen wide tablet"].column {
  10576. width: 93.75% !important;
  10577. }
  10578. .ui.grid > .row > [class*="sixteen wide tablet"].column,
  10579. .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  10580. .ui.grid > [class*="sixteen wide tablet"].column,
  10581. .ui.column.grid > [class*="sixteen wide tablet"].column {
  10582. width: 100% !important;
  10583. }
  10584. }
  10585. /* Computer/Desktop Sizing Combinations */
  10586. @media only screen and (min-width: 992px) {
  10587. .ui.grid > .row > [class*="one wide computer"].column,
  10588. .ui.grid > .column.row > [class*="one wide computer"].column,
  10589. .ui.grid > [class*="one wide computer"].column,
  10590. .ui.column.grid > [class*="one wide computer"].column {
  10591. width: 6.25% !important;
  10592. }
  10593. .ui.grid > .row > [class*="two wide computer"].column,
  10594. .ui.grid > .column.row > [class*="two wide computer"].column,
  10595. .ui.grid > [class*="two wide computer"].column,
  10596. .ui.column.grid > [class*="two wide computer"].column {
  10597. width: 12.5% !important;
  10598. }
  10599. .ui.grid > .row > [class*="three wide computer"].column,
  10600. .ui.grid > .column.row > [class*="three wide computer"].column,
  10601. .ui.grid > [class*="three wide computer"].column,
  10602. .ui.column.grid > [class*="three wide computer"].column {
  10603. width: 18.75% !important;
  10604. }
  10605. .ui.grid > .row > [class*="four wide computer"].column,
  10606. .ui.grid > .column.row > [class*="four wide computer"].column,
  10607. .ui.grid > [class*="four wide computer"].column,
  10608. .ui.column.grid > [class*="four wide computer"].column {
  10609. width: 25% !important;
  10610. }
  10611. .ui.grid > .row > [class*="five wide computer"].column,
  10612. .ui.grid > .column.row > [class*="five wide computer"].column,
  10613. .ui.grid > [class*="five wide computer"].column,
  10614. .ui.column.grid > [class*="five wide computer"].column {
  10615. width: 31.25% !important;
  10616. }
  10617. .ui.grid > .row > [class*="six wide computer"].column,
  10618. .ui.grid > .column.row > [class*="six wide computer"].column,
  10619. .ui.grid > [class*="six wide computer"].column,
  10620. .ui.column.grid > [class*="six wide computer"].column {
  10621. width: 37.5% !important;
  10622. }
  10623. .ui.grid > .row > [class*="seven wide computer"].column,
  10624. .ui.grid > .column.row > [class*="seven wide computer"].column,
  10625. .ui.grid > [class*="seven wide computer"].column,
  10626. .ui.column.grid > [class*="seven wide computer"].column {
  10627. width: 43.75% !important;
  10628. }
  10629. .ui.grid > .row > [class*="eight wide computer"].column,
  10630. .ui.grid > .column.row > [class*="eight wide computer"].column,
  10631. .ui.grid > [class*="eight wide computer"].column,
  10632. .ui.column.grid > [class*="eight wide computer"].column {
  10633. width: 50% !important;
  10634. }
  10635. .ui.grid > .row > [class*="nine wide computer"].column,
  10636. .ui.grid > .column.row > [class*="nine wide computer"].column,
  10637. .ui.grid > [class*="nine wide computer"].column,
  10638. .ui.column.grid > [class*="nine wide computer"].column {
  10639. width: 56.25% !important;
  10640. }
  10641. .ui.grid > .row > [class*="ten wide computer"].column,
  10642. .ui.grid > .column.row > [class*="ten wide computer"].column,
  10643. .ui.grid > [class*="ten wide computer"].column,
  10644. .ui.column.grid > [class*="ten wide computer"].column {
  10645. width: 62.5% !important;
  10646. }
  10647. .ui.grid > .row > [class*="eleven wide computer"].column,
  10648. .ui.grid > .column.row > [class*="eleven wide computer"].column,
  10649. .ui.grid > [class*="eleven wide computer"].column,
  10650. .ui.column.grid > [class*="eleven wide computer"].column {
  10651. width: 68.75% !important;
  10652. }
  10653. .ui.grid > .row > [class*="twelve wide computer"].column,
  10654. .ui.grid > .column.row > [class*="twelve wide computer"].column,
  10655. .ui.grid > [class*="twelve wide computer"].column,
  10656. .ui.column.grid > [class*="twelve wide computer"].column {
  10657. width: 75% !important;
  10658. }
  10659. .ui.grid > .row > [class*="thirteen wide computer"].column,
  10660. .ui.grid > .column.row > [class*="thirteen wide computer"].column,
  10661. .ui.grid > [class*="thirteen wide computer"].column,
  10662. .ui.column.grid > [class*="thirteen wide computer"].column {
  10663. width: 81.25% !important;
  10664. }
  10665. .ui.grid > .row > [class*="fourteen wide computer"].column,
  10666. .ui.grid > .column.row > [class*="fourteen wide computer"].column,
  10667. .ui.grid > [class*="fourteen wide computer"].column,
  10668. .ui.column.grid > [class*="fourteen wide computer"].column {
  10669. width: 87.5% !important;
  10670. }
  10671. .ui.grid > .row > [class*="fifteen wide computer"].column,
  10672. .ui.grid > .column.row > [class*="fifteen wide computer"].column,
  10673. .ui.grid > [class*="fifteen wide computer"].column,
  10674. .ui.column.grid > [class*="fifteen wide computer"].column {
  10675. width: 93.75% !important;
  10676. }
  10677. .ui.grid > .row > [class*="sixteen wide computer"].column,
  10678. .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  10679. .ui.grid > [class*="sixteen wide computer"].column,
  10680. .ui.column.grid > [class*="sixteen wide computer"].column {
  10681. width: 100% !important;
  10682. }
  10683. }
  10684. /* Large Monitor Sizing Combinations */
  10685. @media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
  10686. .ui.grid > .row > [class*="one wide large screen"].column,
  10687. .ui.grid > .column.row > [class*="one wide large screen"].column,
  10688. .ui.grid > [class*="one wide large screen"].column,
  10689. .ui.column.grid > [class*="one wide large screen"].column {
  10690. width: 6.25% !important;
  10691. }
  10692. .ui.grid > .row > [class*="two wide large screen"].column,
  10693. .ui.grid > .column.row > [class*="two wide large screen"].column,
  10694. .ui.grid > [class*="two wide large screen"].column,
  10695. .ui.column.grid > [class*="two wide large screen"].column {
  10696. width: 12.5% !important;
  10697. }
  10698. .ui.grid > .row > [class*="three wide large screen"].column,
  10699. .ui.grid > .column.row > [class*="three wide large screen"].column,
  10700. .ui.grid > [class*="three wide large screen"].column,
  10701. .ui.column.grid > [class*="three wide large screen"].column {
  10702. width: 18.75% !important;
  10703. }
  10704. .ui.grid > .row > [class*="four wide large screen"].column,
  10705. .ui.grid > .column.row > [class*="four wide large screen"].column,
  10706. .ui.grid > [class*="four wide large screen"].column,
  10707. .ui.column.grid > [class*="four wide large screen"].column {
  10708. width: 25% !important;
  10709. }
  10710. .ui.grid > .row > [class*="five wide large screen"].column,
  10711. .ui.grid > .column.row > [class*="five wide large screen"].column,
  10712. .ui.grid > [class*="five wide large screen"].column,
  10713. .ui.column.grid > [class*="five wide large screen"].column {
  10714. width: 31.25% !important;
  10715. }
  10716. .ui.grid > .row > [class*="six wide large screen"].column,
  10717. .ui.grid > .column.row > [class*="six wide large screen"].column,
  10718. .ui.grid > [class*="six wide large screen"].column,
  10719. .ui.column.grid > [class*="six wide large screen"].column {
  10720. width: 37.5% !important;
  10721. }
  10722. .ui.grid > .row > [class*="seven wide large screen"].column,
  10723. .ui.grid > .column.row > [class*="seven wide large screen"].column,
  10724. .ui.grid > [class*="seven wide large screen"].column,
  10725. .ui.column.grid > [class*="seven wide large screen"].column {
  10726. width: 43.75% !important;
  10727. }
  10728. .ui.grid > .row > [class*="eight wide large screen"].column,
  10729. .ui.grid > .column.row > [class*="eight wide large screen"].column,
  10730. .ui.grid > [class*="eight wide large screen"].column,
  10731. .ui.column.grid > [class*="eight wide large screen"].column {
  10732. width: 50% !important;
  10733. }
  10734. .ui.grid > .row > [class*="nine wide large screen"].column,
  10735. .ui.grid > .column.row > [class*="nine wide large screen"].column,
  10736. .ui.grid > [class*="nine wide large screen"].column,
  10737. .ui.column.grid > [class*="nine wide large screen"].column {
  10738. width: 56.25% !important;
  10739. }
  10740. .ui.grid > .row > [class*="ten wide large screen"].column,
  10741. .ui.grid > .column.row > [class*="ten wide large screen"].column,
  10742. .ui.grid > [class*="ten wide large screen"].column,
  10743. .ui.column.grid > [class*="ten wide large screen"].column {
  10744. width: 62.5% !important;
  10745. }
  10746. .ui.grid > .row > [class*="eleven wide large screen"].column,
  10747. .ui.grid > .column.row > [class*="eleven wide large screen"].column,
  10748. .ui.grid > [class*="eleven wide large screen"].column,
  10749. .ui.column.grid > [class*="eleven wide large screen"].column {
  10750. width: 68.75% !important;
  10751. }
  10752. .ui.grid > .row > [class*="twelve wide large screen"].column,
  10753. .ui.grid > .column.row > [class*="twelve wide large screen"].column,
  10754. .ui.grid > [class*="twelve wide large screen"].column,
  10755. .ui.column.grid > [class*="twelve wide large screen"].column {
  10756. width: 75% !important;
  10757. }
  10758. .ui.grid > .row > [class*="thirteen wide large screen"].column,
  10759. .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
  10760. .ui.grid > [class*="thirteen wide large screen"].column,
  10761. .ui.column.grid > [class*="thirteen wide large screen"].column {
  10762. width: 81.25% !important;
  10763. }
  10764. .ui.grid > .row > [class*="fourteen wide large screen"].column,
  10765. .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
  10766. .ui.grid > [class*="fourteen wide large screen"].column,
  10767. .ui.column.grid > [class*="fourteen wide large screen"].column {
  10768. width: 87.5% !important;
  10769. }
  10770. .ui.grid > .row > [class*="fifteen wide large screen"].column,
  10771. .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
  10772. .ui.grid > [class*="fifteen wide large screen"].column,
  10773. .ui.column.grid > [class*="fifteen wide large screen"].column {
  10774. width: 93.75% !important;
  10775. }
  10776. .ui.grid > .row > [class*="sixteen wide large screen"].column,
  10777. .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  10778. .ui.grid > [class*="sixteen wide large screen"].column,
  10779. .ui.column.grid > [class*="sixteen wide large screen"].column {
  10780. width: 100% !important;
  10781. }
  10782. }
  10783. /* Widescreen Sizing Combinations */
  10784. @media only screen and (min-width: 1920px) {
  10785. .ui.grid > .row > [class*="one wide widescreen"].column,
  10786. .ui.grid > .column.row > [class*="one wide widescreen"].column,
  10787. .ui.grid > [class*="one wide widescreen"].column,
  10788. .ui.column.grid > [class*="one wide widescreen"].column {
  10789. width: 6.25% !important;
  10790. }
  10791. .ui.grid > .row > [class*="two wide widescreen"].column,
  10792. .ui.grid > .column.row > [class*="two wide widescreen"].column,
  10793. .ui.grid > [class*="two wide widescreen"].column,
  10794. .ui.column.grid > [class*="two wide widescreen"].column {
  10795. width: 12.5% !important;
  10796. }
  10797. .ui.grid > .row > [class*="three wide widescreen"].column,
  10798. .ui.grid > .column.row > [class*="three wide widescreen"].column,
  10799. .ui.grid > [class*="three wide widescreen"].column,
  10800. .ui.column.grid > [class*="three wide widescreen"].column {
  10801. width: 18.75% !important;
  10802. }
  10803. .ui.grid > .row > [class*="four wide widescreen"].column,
  10804. .ui.grid > .column.row > [class*="four wide widescreen"].column,
  10805. .ui.grid > [class*="four wide widescreen"].column,
  10806. .ui.column.grid > [class*="four wide widescreen"].column {
  10807. width: 25% !important;
  10808. }
  10809. .ui.grid > .row > [class*="five wide widescreen"].column,
  10810. .ui.grid > .column.row > [class*="five wide widescreen"].column,
  10811. .ui.grid > [class*="five wide widescreen"].column,
  10812. .ui.column.grid > [class*="five wide widescreen"].column {
  10813. width: 31.25% !important;
  10814. }
  10815. .ui.grid > .row > [class*="six wide widescreen"].column,
  10816. .ui.grid > .column.row > [class*="six wide widescreen"].column,
  10817. .ui.grid > [class*="six wide widescreen"].column,
  10818. .ui.column.grid > [class*="six wide widescreen"].column {
  10819. width: 37.5% !important;
  10820. }
  10821. .ui.grid > .row > [class*="seven wide widescreen"].column,
  10822. .ui.grid > .column.row > [class*="seven wide widescreen"].column,
  10823. .ui.grid > [class*="seven wide widescreen"].column,
  10824. .ui.column.grid > [class*="seven wide widescreen"].column {
  10825. width: 43.75% !important;
  10826. }
  10827. .ui.grid > .row > [class*="eight wide widescreen"].column,
  10828. .ui.grid > .column.row > [class*="eight wide widescreen"].column,
  10829. .ui.grid > [class*="eight wide widescreen"].column,
  10830. .ui.column.grid > [class*="eight wide widescreen"].column {
  10831. width: 50% !important;
  10832. }
  10833. .ui.grid > .row > [class*="nine wide widescreen"].column,
  10834. .ui.grid > .column.row > [class*="nine wide widescreen"].column,
  10835. .ui.grid > [class*="nine wide widescreen"].column,
  10836. .ui.column.grid > [class*="nine wide widescreen"].column {
  10837. width: 56.25% !important;
  10838. }
  10839. .ui.grid > .row > [class*="ten wide widescreen"].column,
  10840. .ui.grid > .column.row > [class*="ten wide widescreen"].column,
  10841. .ui.grid > [class*="ten wide widescreen"].column,
  10842. .ui.column.grid > [class*="ten wide widescreen"].column {
  10843. width: 62.5% !important;
  10844. }
  10845. .ui.grid > .row > [class*="eleven wide widescreen"].column,
  10846. .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
  10847. .ui.grid > [class*="eleven wide widescreen"].column,
  10848. .ui.column.grid > [class*="eleven wide widescreen"].column {
  10849. width: 68.75% !important;
  10850. }
  10851. .ui.grid > .row > [class*="twelve wide widescreen"].column,
  10852. .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
  10853. .ui.grid > [class*="twelve wide widescreen"].column,
  10854. .ui.column.grid > [class*="twelve wide widescreen"].column {
  10855. width: 75% !important;
  10856. }
  10857. .ui.grid > .row > [class*="thirteen wide widescreen"].column,
  10858. .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
  10859. .ui.grid > [class*="thirteen wide widescreen"].column,
  10860. .ui.column.grid > [class*="thirteen wide widescreen"].column {
  10861. width: 81.25% !important;
  10862. }
  10863. .ui.grid > .row > [class*="fourteen wide widescreen"].column,
  10864. .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
  10865. .ui.grid > [class*="fourteen wide widescreen"].column,
  10866. .ui.column.grid > [class*="fourteen wide widescreen"].column {
  10867. width: 87.5% !important;
  10868. }
  10869. .ui.grid > .row > [class*="fifteen wide widescreen"].column,
  10870. .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
  10871. .ui.grid > [class*="fifteen wide widescreen"].column,
  10872. .ui.column.grid > [class*="fifteen wide widescreen"].column {
  10873. width: 93.75% !important;
  10874. }
  10875. .ui.grid > .row > [class*="sixteen wide widescreen"].column,
  10876. .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
  10877. .ui.grid > [class*="sixteen wide widescreen"].column,
  10878. .ui.column.grid > [class*="sixteen wide widescreen"].column {
  10879. width: 100% !important;
  10880. }
  10881. }
  10882. /*----------------------
  10883. Centered
  10884. -----------------------*/
  10885. .ui.centered.grid,
  10886. .ui.centered.grid > .row,
  10887. .ui.grid > .centered.row {
  10888. text-align: center;
  10889. justify-content: center;
  10890. }
  10891. .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
  10892. .ui.centered.grid > .row > .column:not(.aligned):not(.justified),
  10893. .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
  10894. text-align: left;
  10895. }
  10896. .ui.grid > .centered.column,
  10897. .ui.grid > .row > .centered.column {
  10898. display: block;
  10899. margin-left: auto;
  10900. margin-right: auto;
  10901. }
  10902. /*----------------------
  10903. Relaxed
  10904. -----------------------*/
  10905. .ui.relaxed.grid > .column:not(.row),
  10906. .ui.relaxed.grid > .row > .column,
  10907. .ui.grid > .relaxed.row > .column {
  10908. padding-left: 1.5rem;
  10909. padding-right: 1.5rem;
  10910. }
  10911. .ui[class*="very relaxed"].grid > .column:not(.row),
  10912. .ui[class*="very relaxed"].grid > .row > .column,
  10913. .ui.grid > [class*="very relaxed"].row > .column {
  10914. padding-left: 2.5rem;
  10915. padding-right: 2.5rem;
  10916. }
  10917. /* Coupling with UI Divider */
  10918. .ui.relaxed.grid .row + .ui.divider,
  10919. .ui.grid .relaxed.row + .ui.divider {
  10920. margin-left: 1.5rem;
  10921. margin-right: 1.5rem;
  10922. }
  10923. .ui[class*="very relaxed"].grid .row + .ui.divider,
  10924. .ui.grid [class*="very relaxed"].row + .ui.divider {
  10925. margin-left: 2.5rem;
  10926. margin-right: 2.5rem;
  10927. }
  10928. /*----------------------
  10929. Padded
  10930. -----------------------*/
  10931. .ui.padded.grid:not(.vertically):not(.horizontally) {
  10932. margin: 0 !important;
  10933. }
  10934. [class*="horizontally padded"].ui.grid {
  10935. margin-left: 0 !important;
  10936. margin-right: 0 !important;
  10937. }
  10938. [class*="vertically padded"].ui.grid {
  10939. margin-top: 0 !important;
  10940. margin-bottom: 0 !important;
  10941. }
  10942. /*----------------------
  10943. "Floated"
  10944. -----------------------*/
  10945. .ui.grid [class*="left floated"].column {
  10946. margin-right: auto;
  10947. }
  10948. .ui.grid [class*="right floated"].column {
  10949. margin-left: auto;
  10950. }
  10951. /*----------------------
  10952. Divided
  10953. -----------------------*/
  10954. .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
  10955. .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  10956. box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  10957. }
  10958. /* Swap from padding to margin on columns to have dividers align */
  10959. .ui[class*="vertically divided"].grid > .column:not(.row),
  10960. .ui[class*="vertically divided"].grid > .row > .column {
  10961. margin-top: 1rem;
  10962. margin-bottom: 1rem;
  10963. padding-top: 0;
  10964. padding-bottom: 0;
  10965. }
  10966. .ui[class*="vertically divided"].grid > .row {
  10967. margin-top: 0;
  10968. margin-bottom: 0;
  10969. }
  10970. /* No divider on first column on row */
  10971. .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
  10972. .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  10973. box-shadow: none;
  10974. }
  10975. /* No space on top of first row */
  10976. .ui[class*="vertically divided"].grid > .row:first-child > .column {
  10977. margin-top: 0;
  10978. }
  10979. /* Divided Row */
  10980. .ui.grid > .divided.row > .column {
  10981. box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  10982. }
  10983. .ui.grid > .divided.row > .column:first-child {
  10984. box-shadow: none;
  10985. }
  10986. /* Vertically Divided */
  10987. .ui[class*="vertically divided"].grid > .row {
  10988. position: relative;
  10989. }
  10990. .ui[class*="vertically divided"].grid > .row:before {
  10991. position: absolute;
  10992. content: "";
  10993. top: 0;
  10994. left: 0;
  10995. width: calc(100% - 2rem);
  10996. height: 1px;
  10997. margin: 0 1rem;
  10998. box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  10999. }
  11000. /* Padded Horizontally Divided */
  11001. [class*="horizontally padded"].ui.divided.grid,
  11002. .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  11003. width: 100%;
  11004. }
  11005. /* First Row Vertically Divided */
  11006. .ui[class*="vertically divided"].grid > .row:first-child:before {
  11007. box-shadow: none;
  11008. }
  11009. /* Inverted Divided */
  11010. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
  11011. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  11012. box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
  11013. }
  11014. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
  11015. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  11016. box-shadow: none;
  11017. }
  11018. .ui.inverted[class*="vertically divided"].grid > .row:before {
  11019. box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
  11020. }
  11021. /* Relaxed */
  11022. .ui.relaxed[class*="vertically divided"].grid > .row:before {
  11023. margin-left: 1.5rem;
  11024. margin-right: 1.5rem;
  11025. width: calc(100% - 3rem);
  11026. }
  11027. .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
  11028. margin-left: 2.5rem;
  11029. margin-right: 2.5rem;
  11030. width: calc(100% - 5rem);
  11031. }
  11032. /*----------------------
  11033. Celled
  11034. -----------------------*/
  11035. .ui.celled.grid {
  11036. width: 100%;
  11037. margin: 1em 0;
  11038. box-shadow: 0 0 0 1px #D4D4D5;
  11039. }
  11040. .ui.celled.grid > .row {
  11041. width: 100% !important;
  11042. margin: 0;
  11043. padding: 0;
  11044. box-shadow: 0 -1px 0 0 #D4D4D5;
  11045. }
  11046. .ui.celled.grid > .column:not(.row),
  11047. .ui.celled.grid > .row > .column {
  11048. box-shadow: -1px 0 0 0 #D4D4D5;
  11049. }
  11050. .ui.celled.grid > .column:first-child,
  11051. .ui.celled.grid > .row > .column:first-child {
  11052. box-shadow: none;
  11053. }
  11054. .ui.celled.grid > .column:not(.row),
  11055. .ui.celled.grid > .row > .column {
  11056. padding: 1em;
  11057. }
  11058. .ui.relaxed.celled.grid > .column:not(.row),
  11059. .ui.relaxed.celled.grid > .row > .column {
  11060. padding: 1.5em;
  11061. }
  11062. .ui[class*="very relaxed"].celled.grid > .column:not(.row),
  11063. .ui[class*="very relaxed"].celled.grid > .row > .column {
  11064. padding: 2em;
  11065. }
  11066. /* Internally Celled */
  11067. .ui[class*="internally celled"].grid {
  11068. box-shadow: none;
  11069. margin: 0;
  11070. }
  11071. .ui[class*="internally celled"].grid > .row:first-child {
  11072. box-shadow: none;
  11073. }
  11074. .ui[class*="internally celled"].grid > .row > .column:first-child {
  11075. box-shadow: none;
  11076. }
  11077. /*----------------------
  11078. Vertically Aligned
  11079. -----------------------*/
  11080. /* Top Aligned */
  11081. .ui[class*="top aligned"].grid > .column:not(.row),
  11082. .ui[class*="top aligned"].grid > .row > .column,
  11083. .ui.grid > [class*="top aligned"].row > .column,
  11084. .ui.grid > [class*="top aligned"].column:not(.row),
  11085. .ui.grid > .row > [class*="top aligned"].column {
  11086. flex-direction: column;
  11087. vertical-align: top;
  11088. align-self: flex-start !important;
  11089. }
  11090. /* Middle Aligned */
  11091. .ui[class*="middle aligned"].grid > .column:not(.row),
  11092. .ui[class*="middle aligned"].grid > .row > .column,
  11093. .ui.grid > [class*="middle aligned"].row > .column,
  11094. .ui.grid > [class*="middle aligned"].column:not(.row),
  11095. .ui.grid > .row > [class*="middle aligned"].column {
  11096. flex-direction: column;
  11097. vertical-align: middle;
  11098. align-self: center !important;
  11099. }
  11100. /* Bottom Aligned */
  11101. .ui[class*="bottom aligned"].grid > .column:not(.row),
  11102. .ui[class*="bottom aligned"].grid > .row > .column,
  11103. .ui.grid > [class*="bottom aligned"].row > .column,
  11104. .ui.grid > [class*="bottom aligned"].column:not(.row),
  11105. .ui.grid > .row > [class*="bottom aligned"].column {
  11106. flex-direction: column;
  11107. vertical-align: bottom;
  11108. align-self: flex-end !important;
  11109. }
  11110. /* Stretched */
  11111. .ui.stretched.grid > .row > .column,
  11112. .ui.stretched.grid > .column,
  11113. .ui.grid > .stretched.row > .column,
  11114. .ui.grid > .stretched.column:not(.row),
  11115. .ui.grid > .row > .stretched.column {
  11116. display: inline-flex !important;
  11117. align-self: stretch;
  11118. flex-direction: column;
  11119. }
  11120. .ui.stretched.grid > .row > .column > *,
  11121. .ui.stretched.grid > .column > *,
  11122. .ui.grid > .stretched.row > .column > *,
  11123. .ui.grid > .stretched.column:not(.row) > *,
  11124. .ui.grid > .row > .stretched.column > * {
  11125. flex-grow: 1;
  11126. }
  11127. /*----------------------
  11128. Horizontally Centered
  11129. -----------------------*/
  11130. /* Left Aligned */
  11131. .ui[class*="left aligned"].grid > .column,
  11132. .ui[class*="left aligned"].grid > .row > .column,
  11133. .ui.grid > [class*="left aligned"].row > .column,
  11134. .ui.grid > [class*="left aligned"].column.column,
  11135. .ui.grid > .row > [class*="left aligned"].column.column {
  11136. text-align: left;
  11137. align-self: inherit;
  11138. }
  11139. /* Center Aligned */
  11140. .ui[class*="center aligned"].grid > .column,
  11141. .ui[class*="center aligned"].grid > .row > .column,
  11142. .ui.grid > [class*="center aligned"].row > .column,
  11143. .ui.grid > [class*="center aligned"].column.column,
  11144. .ui.grid > .row > [class*="center aligned"].column.column {
  11145. text-align: center;
  11146. align-self: inherit;
  11147. }
  11148. .ui[class*="center aligned"].grid {
  11149. justify-content: center;
  11150. }
  11151. /* Right Aligned */
  11152. .ui[class*="right aligned"].grid > .column,
  11153. .ui[class*="right aligned"].grid > .row > .column,
  11154. .ui.grid > [class*="right aligned"].row > .column,
  11155. .ui.grid > [class*="right aligned"].column.column,
  11156. .ui.grid > .row > [class*="right aligned"].column.column {
  11157. text-align: right;
  11158. align-self: inherit;
  11159. }
  11160. /* Justified */
  11161. .ui.justified.grid > .column,
  11162. .ui.justified.grid > .row > .column,
  11163. .ui.grid > .justified.row > .column,
  11164. .ui.grid > .justified.column.column,
  11165. .ui.grid > .row > .justified.column.column {
  11166. text-align: justify;
  11167. -webkit-hyphens: auto;
  11168. hyphens: auto;
  11169. }
  11170. /*----------------------
  11171. Colored
  11172. -----------------------*/
  11173. .ui.grid > .primary.row,
  11174. .ui.grid > .primary.column,
  11175. .ui.grid > .row > .primary.column {
  11176. background-color: #2185D0;
  11177. color: #FFFFFF;
  11178. }
  11179. .ui.grid > .secondary.row,
  11180. .ui.grid > .secondary.column,
  11181. .ui.grid > .row > .secondary.column {
  11182. background-color: #1B1C1D;
  11183. color: #FFFFFF;
  11184. }
  11185. .ui.grid > .red.row,
  11186. .ui.grid > .red.column,
  11187. .ui.grid > .row > .red.column {
  11188. background-color: #DB2828;
  11189. color: #FFFFFF;
  11190. }
  11191. .ui.grid > .orange.row,
  11192. .ui.grid > .orange.column,
  11193. .ui.grid > .row > .orange.column {
  11194. background-color: #F2711C;
  11195. color: #FFFFFF;
  11196. }
  11197. .ui.grid > .yellow.row,
  11198. .ui.grid > .yellow.column,
  11199. .ui.grid > .row > .yellow.column {
  11200. background-color: #FBBD08;
  11201. color: #FFFFFF;
  11202. }
  11203. .ui.grid > .olive.row,
  11204. .ui.grid > .olive.column,
  11205. .ui.grid > .row > .olive.column {
  11206. background-color: #B5CC18;
  11207. color: #FFFFFF;
  11208. }
  11209. .ui.grid > .green.row,
  11210. .ui.grid > .green.column,
  11211. .ui.grid > .row > .green.column {
  11212. background-color: #21BA45;
  11213. color: #FFFFFF;
  11214. }
  11215. .ui.grid > .teal.row,
  11216. .ui.grid > .teal.column,
  11217. .ui.grid > .row > .teal.column {
  11218. background-color: #00B5AD;
  11219. color: #FFFFFF;
  11220. }
  11221. .ui.grid > .blue.row,
  11222. .ui.grid > .blue.column,
  11223. .ui.grid > .row > .blue.column {
  11224. background-color: #2185D0;
  11225. color: #FFFFFF;
  11226. }
  11227. .ui.grid > .violet.row,
  11228. .ui.grid > .violet.column,
  11229. .ui.grid > .row > .violet.column {
  11230. background-color: #6435C9;
  11231. color: #FFFFFF;
  11232. }
  11233. .ui.grid > .purple.row,
  11234. .ui.grid > .purple.column,
  11235. .ui.grid > .row > .purple.column {
  11236. background-color: #A333C8;
  11237. color: #FFFFFF;
  11238. }
  11239. .ui.grid > .pink.row,
  11240. .ui.grid > .pink.column,
  11241. .ui.grid > .row > .pink.column {
  11242. background-color: #E03997;
  11243. color: #FFFFFF;
  11244. }
  11245. .ui.grid > .brown.row,
  11246. .ui.grid > .brown.column,
  11247. .ui.grid > .row > .brown.column {
  11248. background-color: #A5673F;
  11249. color: #FFFFFF;
  11250. }
  11251. .ui.grid > .grey.row,
  11252. .ui.grid > .grey.column,
  11253. .ui.grid > .row > .grey.column {
  11254. background-color: #767676;
  11255. color: #FFFFFF;
  11256. }
  11257. .ui.grid > .black.row,
  11258. .ui.grid > .black.column,
  11259. .ui.grid > .row > .black.column {
  11260. background-color: #1B1C1D;
  11261. color: #FFFFFF;
  11262. }
  11263. /*----------------------
  11264. Equal Width
  11265. -----------------------*/
  11266. .ui[class*="equal width"].grid > .column:not(.row),
  11267. .ui[class*="equal width"].grid > .row > .column,
  11268. .ui.grid > [class*="equal width"].row > .column {
  11269. display: inline-block;
  11270. flex-grow: 1;
  11271. }
  11272. .ui[class*="equal width"].grid > .wide.column,
  11273. .ui[class*="equal width"].grid > .row > .wide.column,
  11274. .ui.grid > [class*="equal width"].row > .wide.column {
  11275. flex-grow: 0;
  11276. }
  11277. /*----------------------
  11278. Reverse
  11279. -----------------------*/
  11280. /* Mobile */
  11281. @media only screen and (max-width: 767.98px) {
  11282. .ui[class*="mobile reversed"].grid,
  11283. .ui[class*="mobile reversed"].grid > .row,
  11284. .ui.grid > [class*="mobile reversed"].row {
  11285. flex-direction: row-reverse;
  11286. }
  11287. .ui[class*="mobile vertically reversed"].grid,
  11288. .ui.stackable[class*="mobile reversed"] {
  11289. flex-direction: column-reverse;
  11290. }
  11291. /* Divided Reversed */
  11292. .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  11293. .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  11294. box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  11295. }
  11296. .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  11297. .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
  11298. box-shadow: none;
  11299. }
  11300. /* Vertically Divided Reversed */
  11301. .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
  11302. box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  11303. }
  11304. .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
  11305. box-shadow: none;
  11306. }
  11307. /* Celled Reversed */
  11308. .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
  11309. box-shadow: -1px 0 0 0 #D4D4D5;
  11310. }
  11311. .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
  11312. box-shadow: none;
  11313. }
  11314. }
  11315. /* Tablet */
  11316. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  11317. .ui[class*="tablet reversed"].grid,
  11318. .ui[class*="tablet reversed"].grid > .row,
  11319. .ui.grid > [class*="tablet reversed"].row {
  11320. flex-direction: row-reverse;
  11321. }
  11322. .ui[class*="tablet vertically reversed"].grid {
  11323. flex-direction: column-reverse;
  11324. }
  11325. /* Divided Reversed */
  11326. .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  11327. .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  11328. box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  11329. }
  11330. .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  11331. .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
  11332. box-shadow: none;
  11333. }
  11334. /* Vertically Divided Reversed */
  11335. .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
  11336. box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  11337. }
  11338. .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
  11339. box-shadow: none;
  11340. }
  11341. /* Celled Reversed */
  11342. .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
  11343. box-shadow: -1px 0 0 0 #D4D4D5;
  11344. }
  11345. .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
  11346. box-shadow: none;
  11347. }
  11348. }
  11349. /* Computer */
  11350. @media only screen and (min-width: 992px) {
  11351. .ui[class*="computer reversed"].grid,
  11352. .ui[class*="computer reversed"].grid > .row,
  11353. .ui.grid > [class*="computer reversed"].row {
  11354. flex-direction: row-reverse;
  11355. }
  11356. .ui[class*="computer vertically reversed"].grid {
  11357. flex-direction: column-reverse;
  11358. }
  11359. /* Divided Reversed */
  11360. .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  11361. .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  11362. box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  11363. }
  11364. .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  11365. .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
  11366. box-shadow: none;
  11367. }
  11368. /* Vertically Divided Reversed */
  11369. .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
  11370. box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  11371. }
  11372. .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
  11373. box-shadow: none;
  11374. }
  11375. /* Celled Reversed */
  11376. .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
  11377. box-shadow: -1px 0 0 0 #D4D4D5;
  11378. }
  11379. .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
  11380. box-shadow: none;
  11381. }
  11382. }
  11383. /*-------------------
  11384. Doubling
  11385. --------------------*/
  11386. /* Tablet Only */
  11387. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  11388. .ui.doubling.grid {
  11389. width: auto;
  11390. }
  11391. .ui.grid > .doubling.row,
  11392. .ui.doubling.grid > .row {
  11393. margin: 0 !important;
  11394. padding: 0 !important;
  11395. }
  11396. .ui.grid > .doubling.row > .column,
  11397. .ui.doubling.grid > .row > .column {
  11398. display: inline-block !important;
  11399. padding-top: 1rem !important;
  11400. padding-bottom: 1rem !important;
  11401. box-shadow: none !important;
  11402. margin: 0;
  11403. }
  11404. .ui[class*="two column"].doubling.grid > .row > .column,
  11405. .ui[class*="two column"].doubling.grid > .column:not(.row),
  11406. .ui.grid > [class*="two column"].doubling.row.row > .column {
  11407. width: 100% !important;
  11408. }
  11409. .ui[class*="three column"].doubling.grid > .row > .column,
  11410. .ui[class*="three column"].doubling.grid > .column:not(.row),
  11411. .ui.grid > [class*="three column"].doubling.row.row > .column {
  11412. width: 50% !important;
  11413. }
  11414. .ui[class*="four column"].doubling.grid > .row > .column,
  11415. .ui[class*="four column"].doubling.grid > .column:not(.row),
  11416. .ui.grid > [class*="four column"].doubling.row.row > .column {
  11417. width: 50% !important;
  11418. }
  11419. .ui[class*="five column"].doubling.grid > .row > .column,
  11420. .ui[class*="five column"].doubling.grid > .column:not(.row),
  11421. .ui.grid > [class*="five column"].doubling.row.row > .column {
  11422. width: 33.33333333% !important;
  11423. }
  11424. .ui[class*="six column"].doubling.grid > .row > .column,
  11425. .ui[class*="six column"].doubling.grid > .column:not(.row),
  11426. .ui.grid > [class*="six column"].doubling.row.row > .column {
  11427. width: 33.33333333% !important;
  11428. }
  11429. .ui[class*="seven column"].doubling.grid > .row > .column,
  11430. .ui[class*="seven column"].doubling.grid > .column:not(.row),
  11431. .ui.grid > [class*="seven column"].doubling.row.row > .column {
  11432. width: 33.33333333% !important;
  11433. }
  11434. .ui[class*="eight column"].doubling.grid > .row > .column,
  11435. .ui[class*="eight column"].doubling.grid > .column:not(.row),
  11436. .ui.grid > [class*="eight column"].doubling.row.row > .column {
  11437. width: 25% !important;
  11438. }
  11439. .ui[class*="nine column"].doubling.grid > .row > .column,
  11440. .ui[class*="nine column"].doubling.grid > .column:not(.row),
  11441. .ui.grid > [class*="nine column"].doubling.row.row > .column {
  11442. width: 25% !important;
  11443. }
  11444. .ui[class*="ten column"].doubling.grid > .row > .column,
  11445. .ui[class*="ten column"].doubling.grid > .column:not(.row),
  11446. .ui.grid > [class*="ten column"].doubling.row.row > .column {
  11447. width: 20% !important;
  11448. }
  11449. .ui[class*="eleven column"].doubling.grid > .row > .column,
  11450. .ui[class*="eleven column"].doubling.grid > .column:not(.row),
  11451. .ui.grid > [class*="eleven column"].doubling.row.row > .column {
  11452. width: 20% !important;
  11453. }
  11454. .ui[class*="twelve column"].doubling.grid > .row > .column,
  11455. .ui[class*="twelve column"].doubling.grid > .column:not(.row),
  11456. .ui.grid > [class*="twelve column"].doubling.row.row > .column {
  11457. width: 16.66666667% !important;
  11458. }
  11459. .ui[class*="thirteen column"].doubling.grid > .row > .column,
  11460. .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
  11461. .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
  11462. width: 16.66666667% !important;
  11463. }
  11464. .ui[class*="fourteen column"].doubling.grid > .row > .column,
  11465. .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
  11466. .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
  11467. width: 14.28571429% !important;
  11468. }
  11469. .ui[class*="fifteen column"].doubling.grid > .row > .column,
  11470. .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
  11471. .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
  11472. width: 14.28571429% !important;
  11473. }
  11474. .ui[class*="sixteen column"].doubling.grid > .row > .column,
  11475. .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  11476. .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
  11477. width: 12.5% !important;
  11478. }
  11479. }
  11480. /* Mobile Only */
  11481. @media only screen and (max-width: 767.98px) {
  11482. .ui.grid > .doubling.row,
  11483. .ui.doubling.grid > .row {
  11484. margin: 0 !important;
  11485. padding: 0 !important;
  11486. }
  11487. .ui.grid > .doubling.row > .column,
  11488. .ui.doubling.grid > .row > .column {
  11489. padding-top: 1rem !important;
  11490. padding-bottom: 1rem !important;
  11491. margin: 0 !important;
  11492. box-shadow: none !important;
  11493. }
  11494. .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
  11495. .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  11496. .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
  11497. width: 100% !important;
  11498. }
  11499. .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
  11500. .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  11501. .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
  11502. width: 50% !important;
  11503. }
  11504. .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
  11505. .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  11506. .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
  11507. width: 50% !important;
  11508. }
  11509. .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
  11510. .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  11511. .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
  11512. width: 50% !important;
  11513. }
  11514. .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
  11515. .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  11516. .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
  11517. width: 50% !important;
  11518. }
  11519. .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
  11520. .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  11521. .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
  11522. width: 50% !important;
  11523. }
  11524. .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
  11525. .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  11526. .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
  11527. width: 50% !important;
  11528. }
  11529. .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
  11530. .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  11531. .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
  11532. width: 33.33333333% !important;
  11533. }
  11534. .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
  11535. .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  11536. .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
  11537. width: 33.33333333% !important;
  11538. }
  11539. .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
  11540. .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  11541. .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
  11542. width: 33.33333333% !important;
  11543. }
  11544. .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
  11545. .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  11546. .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
  11547. width: 33.33333333% !important;
  11548. }
  11549. .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
  11550. .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  11551. .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
  11552. width: 33.33333333% !important;
  11553. }
  11554. .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
  11555. .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  11556. .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
  11557. width: 25% !important;
  11558. }
  11559. .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
  11560. .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  11561. .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
  11562. width: 25% !important;
  11563. }
  11564. .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
  11565. .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  11566. .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
  11567. width: 25% !important;
  11568. }
  11569. }
  11570. /*-------------------
  11571. Stackable
  11572. --------------------*/
  11573. @media only screen and (max-width: 767.98px) {
  11574. .ui.stackable.grid {
  11575. width: auto;
  11576. margin-left: 0 !important;
  11577. margin-right: 0 !important;
  11578. }
  11579. .ui.stackable.grid > .row > .wide.column,
  11580. .ui.stackable.grid > .wide.column,
  11581. .ui.stackable.grid > .column.grid > .column,
  11582. .ui.stackable.grid > .column.row > .column,
  11583. .ui.stackable.grid > .row > .column,
  11584. .ui.stackable.grid > .column:not(.row),
  11585. .ui.grid > .stackable.stackable.stackable.row > .column {
  11586. width: 100% !important;
  11587. margin: 0 0 !important;
  11588. box-shadow: none !important;
  11589. padding: 1rem 1rem;
  11590. }
  11591. .ui.stackable.grid:not(.vertically) > .row {
  11592. margin: 0;
  11593. padding: 0;
  11594. }
  11595. /* Coupling */
  11596. .ui.container > .ui.stackable.grid > .column,
  11597. .ui.container > .ui.stackable.grid > .row > .column {
  11598. padding-left: 0 !important;
  11599. padding-right: 0 !important;
  11600. }
  11601. /* Don't pad inside segment or nested grid */
  11602. .ui.grid .ui.stackable.grid,
  11603. .ui.segment:not(.vertical) .ui.stackable.page.grid {
  11604. margin-left: -1rem !important;
  11605. margin-right: -1rem !important;
  11606. }
  11607. /* Divided Stackable */
  11608. .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  11609. .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  11610. .ui.stackable.divided.grid > .column:not(.row):first-child,
  11611. .ui.stackable.celled.grid > .column:not(.row):first-child {
  11612. border-top: none !important;
  11613. }
  11614. .ui.inverted.stackable.celled.grid > .column:not(.row),
  11615. .ui.inverted.stackable.divided.grid > .column:not(.row),
  11616. .ui.inverted.stackable.celled.grid > .row > .column,
  11617. .ui.inverted.stackable.divided.grid > .row > .column {
  11618. border-top: 1px solid rgba(255, 255, 255, 0.1);
  11619. }
  11620. .ui.stackable.celled.grid > .column:not(.row),
  11621. .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  11622. .ui.stackable.celled.grid > .row > .column,
  11623. .ui.stackable.divided:not(.vertically).grid > .row > .column {
  11624. border-top: 1px solid rgba(34, 36, 38, 0.15);
  11625. box-shadow: none !important;
  11626. padding-top: 2rem !important;
  11627. padding-bottom: 2rem !important;
  11628. }
  11629. .ui.stackable.celled.grid > .row {
  11630. box-shadow: none !important;
  11631. }
  11632. .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  11633. .ui.stackable.divided:not(.vertically).grid > .row > .column {
  11634. padding-left: 0 !important;
  11635. padding-right: 0 !important;
  11636. }
  11637. }
  11638. /*----------------------
  11639. Only (Device)
  11640. -----------------------*/
  11641. /* These include arbitrary class repetitions for forced specificity */
  11642. /* Mobile Only Hide */
  11643. @media only screen and (max-width: 767.98px) {
  11644. .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
  11645. .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  11646. .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  11647. .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
  11648. display: none !important;
  11649. }
  11650. .ui[class*="computer only"].grid.grid.grid:not(.mobile),
  11651. .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  11652. .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  11653. .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
  11654. display: none !important;
  11655. }
  11656. .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  11657. .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  11658. .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  11659. .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
  11660. display: none !important;
  11661. }
  11662. .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  11663. .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  11664. .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  11665. .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
  11666. display: none !important;
  11667. }
  11668. }
  11669. /* Tablet Only Hide */
  11670. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  11671. .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
  11672. .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  11673. .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  11674. .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
  11675. display: none !important;
  11676. }
  11677. .ui[class*="computer only"].grid.grid.grid:not(.tablet),
  11678. .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  11679. .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  11680. .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
  11681. display: none !important;
  11682. }
  11683. .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  11684. .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  11685. .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  11686. .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
  11687. display: none !important;
  11688. }
  11689. .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  11690. .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  11691. .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  11692. .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
  11693. display: none !important;
  11694. }
  11695. }
  11696. /* Computer Only Hide */
  11697. @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  11698. .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  11699. .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  11700. .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  11701. .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
  11702. display: none !important;
  11703. }
  11704. .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  11705. .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  11706. .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  11707. .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
  11708. display: none !important;
  11709. }
  11710. .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  11711. .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  11712. .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  11713. .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
  11714. display: none !important;
  11715. }
  11716. .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  11717. .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  11718. .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  11719. .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
  11720. display: none !important;
  11721. }
  11722. }
  11723. /* Large Screen Only Hide */
  11724. @media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
  11725. .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  11726. .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  11727. .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  11728. .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
  11729. display: none !important;
  11730. }
  11731. .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  11732. .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  11733. .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  11734. .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
  11735. display: none !important;
  11736. }
  11737. .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  11738. .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  11739. .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  11740. .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
  11741. display: none !important;
  11742. }
  11743. }
  11744. /* Widescreen Only Hide */
  11745. @media only screen and (min-width: 1920px) {
  11746. .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  11747. .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  11748. .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  11749. .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
  11750. display: none !important;
  11751. }
  11752. .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  11753. .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  11754. .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  11755. .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
  11756. display: none !important;
  11757. }
  11758. }
  11759. /*-----------------
  11760. Compact
  11761. -----------------*/
  11762. .ui.ui.ui.compact.grid > .column:not(.row),
  11763. .ui.ui.ui.compact.grid > .row > .column {
  11764. padding-left: 0.5rem;
  11765. padding-right: 0.5rem;
  11766. }
  11767. .ui.ui.ui.compact.grid > * {
  11768. padding-left: 0.5rem;
  11769. padding-right: 0.5rem;
  11770. }
  11771. /* Row */
  11772. .ui.ui.ui.compact.grid > .row {
  11773. padding-top: 0.5rem;
  11774. padding-bottom: 0.5rem;
  11775. }
  11776. /* Columns */
  11777. .ui.ui.ui.compact.grid > .column:not(.row) {
  11778. padding-top: 0.5rem;
  11779. padding-bottom: 0.5rem;
  11780. }
  11781. /* Relaxed + Celled */
  11782. .ui.compact.relaxed.celled.grid > .column:not(.row),
  11783. .ui.compact.relaxed.celled.grid > .row > .column {
  11784. padding: 0.75em;
  11785. }
  11786. .ui.compact[class*="very relaxed"].celled.grid > .column:not(.row),
  11787. .ui.compact[class*="very relaxed"].celled.grid > .row > .column {
  11788. padding: 1em;
  11789. }
  11790. /*-----------------
  11791. Very compact
  11792. -----------------*/
  11793. .ui.ui.ui[class*="very compact"].grid > .column:not(.row),
  11794. .ui.ui.ui[class*="very compact"].grid > .row > .column {
  11795. padding-left: 0.25rem;
  11796. padding-right: 0.25rem;
  11797. }
  11798. .ui.ui.ui[class*="very compact"].grid > * {
  11799. padding-left: 0.25rem;
  11800. padding-right: 0.25rem;
  11801. }
  11802. /* Row */
  11803. .ui.ui.ui[class*="very compact"].grid > .row {
  11804. padding-top: 0.25rem;
  11805. padding-bottom: 0.25rem;
  11806. padding-left: 0.75rem;
  11807. padding-right: 0.75rem;
  11808. }
  11809. /* Columns */
  11810. .ui.ui.ui[class*="very compact"].grid > .column:not(.row) {
  11811. padding-top: 0.25rem;
  11812. padding-bottom: 0.25rem;
  11813. }
  11814. /* Relaxed + Celled */
  11815. .ui[class*="very compact"].relaxed.celled.grid > .column:not(.row),
  11816. .ui[class*="very compact"].relaxed.celled.grid > .row > .column {
  11817. padding: 0.375em;
  11818. }
  11819. .ui[class*="very compact"][class*="very relaxed"].celled.grid > .column:not(.row),
  11820. .ui[class*="very compact"][class*="very relaxed"].celled.grid > .row > .column {
  11821. padding: 0.5em;
  11822. }
  11823. /*******************************
  11824. Theme Overrides
  11825. *******************************/
  11826. /*******************************
  11827. Site Overrides
  11828. *******************************/
  11829. /*!
  11830. * # Fomantic-UI - Header
  11831. * http://github.com/fomantic/Fomantic-UI/
  11832. *
  11833. *
  11834. * Released under the MIT license
  11835. * http://opensource.org/licenses/MIT
  11836. *
  11837. */
  11838. /*******************************
  11839. Header
  11840. *******************************/
  11841. /* Standard */
  11842. .ui.header {
  11843. border: none;
  11844. margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  11845. padding: 0 0;
  11846. font-family: var(--fonts-regular);
  11847. font-weight: 500;
  11848. line-height: 1.28571429em;
  11849. text-transform: none;
  11850. color: rgba(0, 0, 0, 0.87);
  11851. }
  11852. .ui.header:first-child {
  11853. margin-top: -0.14285714em;
  11854. }
  11855. .ui.header:last-child {
  11856. margin-bottom: 0;
  11857. }
  11858. /*--------------
  11859. Sub Header
  11860. ---------------*/
  11861. .ui.header .sub.header {
  11862. display: block;
  11863. font-weight: normal;
  11864. padding: 0;
  11865. margin: 0;
  11866. font-size: 1rem;
  11867. line-height: 1.2em;
  11868. color: rgba(0, 0, 0, 0.6);
  11869. }
  11870. /*--------------
  11871. Icon
  11872. ---------------*/
  11873. .ui.header > i.icon {
  11874. display: table-cell;
  11875. opacity: 1;
  11876. font-size: 1.5em;
  11877. padding-top: 0;
  11878. vertical-align: middle;
  11879. }
  11880. /* With Text Node */
  11881. .ui.header > i.icon:only-child {
  11882. display: inline-block;
  11883. padding: 0;
  11884. margin-right: 0.75rem;
  11885. }
  11886. /*-------------------
  11887. Image
  11888. --------------------*/
  11889. .ui.header > .image:not(.icon),
  11890. .ui.header > img {
  11891. display: inline-block;
  11892. margin-top: 0.14285714em;
  11893. width: 2.5em;
  11894. height: auto;
  11895. vertical-align: middle;
  11896. }
  11897. .ui.header > .image:not(.icon):only-child,
  11898. .ui.header > img:only-child {
  11899. margin-right: 0.75rem;
  11900. }
  11901. /*--------------
  11902. Content
  11903. ---------------*/
  11904. .ui.header .content {
  11905. display: inline-block;
  11906. vertical-align: top;
  11907. }
  11908. /* After Image */
  11909. .ui.header > img + .content,
  11910. .ui.header > .image + .content {
  11911. padding-left: 0.75rem;
  11912. vertical-align: middle;
  11913. }
  11914. /* After Icon */
  11915. .ui.header > i.icon + .content {
  11916. padding-left: 0.75rem;
  11917. display: table-cell;
  11918. vertical-align: middle;
  11919. }
  11920. /*--------------
  11921. Loose Coupling
  11922. ---------------*/
  11923. .ui.header .ui.label {
  11924. font-size: '';
  11925. margin-left: 0.5rem;
  11926. vertical-align: middle;
  11927. }
  11928. /* Positioning */
  11929. .ui.header + p {
  11930. margin-top: 0;
  11931. }
  11932. /*******************************
  11933. Types
  11934. *******************************/
  11935. /*--------------
  11936. Page
  11937. ---------------*/
  11938. h1.ui.header {
  11939. font-size: 2rem;
  11940. }
  11941. h1.ui.header .sub.header {
  11942. font-size: 1.14285714rem;
  11943. }
  11944. h2.ui.header {
  11945. font-size: 1.71428571rem;
  11946. }
  11947. h2.ui.header .sub.header {
  11948. font-size: 1.14285714rem;
  11949. }
  11950. h3.ui.header {
  11951. font-size: 1.28571429rem;
  11952. }
  11953. h3.ui.header .sub.header {
  11954. font-size: 1rem;
  11955. }
  11956. h4.ui.header {
  11957. font-size: 1.07142857rem;
  11958. }
  11959. h4.ui.header .sub.header {
  11960. font-size: 1rem;
  11961. }
  11962. h5.ui.header {
  11963. font-size: 1rem;
  11964. }
  11965. h5.ui.header .sub.header {
  11966. font-size: 0.92857143rem;
  11967. }
  11968. h6.ui.header {
  11969. font-size: 0.85714286rem;
  11970. }
  11971. h6.ui.header .sub.header {
  11972. font-size: 0.92857143rem;
  11973. }
  11974. /*--------------
  11975. Content Heading
  11976. ---------------*/
  11977. .ui.mini.header {
  11978. font-size: 0.85714286em;
  11979. }
  11980. .ui.mini.header .sub.header {
  11981. font-size: 0.92857143rem;
  11982. }
  11983. .ui.mini.sub.header {
  11984. font-size: 0.78571429em;
  11985. }
  11986. .ui.tiny.header {
  11987. font-size: 1em;
  11988. }
  11989. .ui.tiny.header .sub.header {
  11990. font-size: 0.92857143rem;
  11991. }
  11992. .ui.tiny.sub.header {
  11993. font-size: 0.78571429em;
  11994. }
  11995. .ui.small.header {
  11996. font-size: 1.07142857em;
  11997. }
  11998. .ui.small.header .sub.header {
  11999. font-size: 1rem;
  12000. }
  12001. .ui.small.sub.header {
  12002. font-size: 0.78571429em;
  12003. }
  12004. .ui.large.header {
  12005. font-size: 1.71428571em;
  12006. }
  12007. .ui.large.header .sub.header {
  12008. font-size: 1.14285714rem;
  12009. }
  12010. .ui.large.sub.header {
  12011. font-size: 0.92857143em;
  12012. }
  12013. .ui.big.header {
  12014. font-size: 1.85714286em;
  12015. }
  12016. .ui.big.header .sub.header {
  12017. font-size: 1.14285714rem;
  12018. }
  12019. .ui.big.sub.header {
  12020. font-size: 1em;
  12021. }
  12022. .ui.huge.header {
  12023. font-size: 2em;
  12024. min-height: 1em;
  12025. }
  12026. .ui.huge.header .sub.header {
  12027. font-size: 1.14285714rem;
  12028. }
  12029. .ui.huge.sub.header {
  12030. font-size: 1em;
  12031. }
  12032. .ui.massive.header {
  12033. font-size: 2.28571429em;
  12034. min-height: 1em;
  12035. }
  12036. .ui.massive.header .sub.header {
  12037. font-size: 1.42857143rem;
  12038. }
  12039. .ui.massive.sub.header {
  12040. font-size: 1.14285714em;
  12041. }
  12042. /*--------------
  12043. Sub Heading
  12044. ---------------*/
  12045. .ui.sub.header {
  12046. padding: 0;
  12047. margin-bottom: 0.14285714rem;
  12048. font-weight: 500;
  12049. font-size: 0.85714286em;
  12050. text-transform: uppercase;
  12051. color: '';
  12052. }
  12053. /*-------------------
  12054. Icon
  12055. --------------------*/
  12056. .ui.icon.header {
  12057. display: inline-block;
  12058. text-align: center;
  12059. margin: 2rem 0 1rem;
  12060. }
  12061. .ui.icon.header:after {
  12062. content: '';
  12063. display: block;
  12064. height: 0;
  12065. clear: both;
  12066. visibility: hidden;
  12067. }
  12068. .ui.icon.header:first-child {
  12069. margin-top: 0;
  12070. }
  12071. .ui.icon.header > i.icon {
  12072. float: none;
  12073. display: block;
  12074. width: auto;
  12075. height: auto;
  12076. line-height: 1;
  12077. padding: 0;
  12078. font-size: 3em;
  12079. margin: 0 auto 0.5rem;
  12080. opacity: 1;
  12081. }
  12082. .ui.icon.header .corner.icon {
  12083. font-size: calc(3em * 0.45);
  12084. }
  12085. .ui.icon.header .content {
  12086. display: block;
  12087. padding: 0;
  12088. }
  12089. .ui.icon.header > i.circular.icon {
  12090. font-size: 2em;
  12091. }
  12092. .ui.icon.header > i.square.icon {
  12093. font-size: 2em;
  12094. }
  12095. .ui.block.icon.header > i.icon {
  12096. margin-bottom: 0;
  12097. }
  12098. .ui.icon.header.aligned {
  12099. margin-left: auto;
  12100. margin-right: auto;
  12101. display: block;
  12102. }
  12103. /*******************************
  12104. States
  12105. *******************************/
  12106. .ui.disabled.header {
  12107. opacity: var(--opacity-disabled);
  12108. }
  12109. /*******************************
  12110. Variations
  12111. *******************************/
  12112. /*-------------------
  12113. Inverted
  12114. --------------------*/
  12115. .ui.inverted.header {
  12116. color: #FFFFFF;
  12117. }
  12118. .ui.inverted.header .sub.header {
  12119. color: rgba(255, 255, 255, 0.8);
  12120. }
  12121. .ui.inverted.attached.header {
  12122. background: #1B1C1D;
  12123. box-shadow: none;
  12124. border-color: transparent;
  12125. }
  12126. .ui.inverted.block.header {
  12127. background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  12128. box-shadow: none;
  12129. border-bottom: none;
  12130. }
  12131. /*-------------------
  12132. Colors
  12133. --------------------*/
  12134. .ui.primary.header {
  12135. color: #2185D0;
  12136. }
  12137. a.ui.primary.header:hover {
  12138. color: #1678c2;
  12139. }
  12140. .ui.primary.dividing.header {
  12141. border-bottom: 2px solid #2185D0;
  12142. }
  12143. .ui.inverted.primary.header.header.header {
  12144. color: #54C8FF;
  12145. }
  12146. a.ui.inverted.primary.header.header.header:hover {
  12147. color: #21b8ff;
  12148. }
  12149. .ui.inverted.primary.dividing.header {
  12150. border-bottom: 2px solid #54C8FF;
  12151. }
  12152. .ui.secondary.header {
  12153. color: #1B1C1D;
  12154. }
  12155. a.ui.secondary.header:hover {
  12156. color: #27292a;
  12157. }
  12158. .ui.secondary.dividing.header {
  12159. border-bottom: 2px solid #1B1C1D;
  12160. }
  12161. .ui.inverted.secondary.header.header.header {
  12162. color: #545454;
  12163. }
  12164. a.ui.inverted.secondary.header.header.header:hover {
  12165. color: #6e6e6e;
  12166. }
  12167. .ui.inverted.secondary.dividing.header {
  12168. border-bottom: 2px solid #545454;
  12169. }
  12170. .ui.red.header {
  12171. color: #DB2828;
  12172. }
  12173. a.ui.red.header:hover {
  12174. color: #d01919;
  12175. }
  12176. .ui.red.dividing.header {
  12177. border-bottom: 2px solid #DB2828;
  12178. }
  12179. .ui.inverted.red.header.header.header {
  12180. color: #FF695E;
  12181. }
  12182. a.ui.inverted.red.header.header.header:hover {
  12183. color: #ff392b;
  12184. }
  12185. .ui.inverted.red.dividing.header {
  12186. border-bottom: 2px solid #FF695E;
  12187. }
  12188. .ui.orange.header {
  12189. color: #F2711C;
  12190. }
  12191. a.ui.orange.header:hover {
  12192. color: #f26202;
  12193. }
  12194. .ui.orange.dividing.header {
  12195. border-bottom: 2px solid #F2711C;
  12196. }
  12197. .ui.inverted.orange.header.header.header {
  12198. color: #FF851B;
  12199. }
  12200. a.ui.inverted.orange.header.header.header:hover {
  12201. color: #e76b00;
  12202. }
  12203. .ui.inverted.orange.dividing.header {
  12204. border-bottom: 2px solid #FF851B;
  12205. }
  12206. .ui.yellow.header {
  12207. color: #FBBD08;
  12208. }
  12209. a.ui.yellow.header:hover {
  12210. color: #eaae00;
  12211. }
  12212. .ui.yellow.dividing.header {
  12213. border-bottom: 2px solid #FBBD08;
  12214. }
  12215. .ui.inverted.yellow.header.header.header {
  12216. color: #FFE21F;
  12217. }
  12218. a.ui.inverted.yellow.header.header.header:hover {
  12219. color: #ebcd00;
  12220. }
  12221. .ui.inverted.yellow.dividing.header {
  12222. border-bottom: 2px solid #FFE21F;
  12223. }
  12224. .ui.olive.header {
  12225. color: #B5CC18;
  12226. }
  12227. a.ui.olive.header:hover {
  12228. color: #a7bd0d;
  12229. }
  12230. .ui.olive.dividing.header {
  12231. border-bottom: 2px solid #B5CC18;
  12232. }
  12233. .ui.inverted.olive.header.header.header {
  12234. color: #D9E778;
  12235. }
  12236. a.ui.inverted.olive.header.header.header:hover {
  12237. color: #d2e745;
  12238. }
  12239. .ui.inverted.olive.dividing.header {
  12240. border-bottom: 2px solid #D9E778;
  12241. }
  12242. .ui.green.header {
  12243. color: #21BA45;
  12244. }
  12245. a.ui.green.header:hover {
  12246. color: #16ab39;
  12247. }
  12248. .ui.green.dividing.header {
  12249. border-bottom: 2px solid #21BA45;
  12250. }
  12251. .ui.inverted.green.header.header.header {
  12252. color: #2ECC40;
  12253. }
  12254. a.ui.inverted.green.header.header.header:hover {
  12255. color: #1ea92e;
  12256. }
  12257. .ui.inverted.green.dividing.header {
  12258. border-bottom: 2px solid #2ECC40;
  12259. }
  12260. .ui.teal.header {
  12261. color: #00B5AD;
  12262. }
  12263. a.ui.teal.header:hover {
  12264. color: #009c95;
  12265. }
  12266. .ui.teal.dividing.header {
  12267. border-bottom: 2px solid #00B5AD;
  12268. }
  12269. .ui.inverted.teal.header.header.header {
  12270. color: #6DFFFF;
  12271. }
  12272. a.ui.inverted.teal.header.header.header:hover {
  12273. color: #3affff;
  12274. }
  12275. .ui.inverted.teal.dividing.header {
  12276. border-bottom: 2px solid #6DFFFF;
  12277. }
  12278. .ui.blue.header {
  12279. color: #2185D0;
  12280. }
  12281. a.ui.blue.header:hover {
  12282. color: #1678c2;
  12283. }
  12284. .ui.blue.dividing.header {
  12285. border-bottom: 2px solid #2185D0;
  12286. }
  12287. .ui.inverted.blue.header.header.header {
  12288. color: #54C8FF;
  12289. }
  12290. a.ui.inverted.blue.header.header.header:hover {
  12291. color: #21b8ff;
  12292. }
  12293. .ui.inverted.blue.dividing.header {
  12294. border-bottom: 2px solid #54C8FF;
  12295. }
  12296. .ui.violet.header {
  12297. color: #6435C9;
  12298. }
  12299. a.ui.violet.header:hover {
  12300. color: #5829bb;
  12301. }
  12302. .ui.violet.dividing.header {
  12303. border-bottom: 2px solid #6435C9;
  12304. }
  12305. .ui.inverted.violet.header.header.header {
  12306. color: #A291FB;
  12307. }
  12308. a.ui.inverted.violet.header.header.header:hover {
  12309. color: #745aff;
  12310. }
  12311. .ui.inverted.violet.dividing.header {
  12312. border-bottom: 2px solid #A291FB;
  12313. }
  12314. .ui.purple.header {
  12315. color: #A333C8;
  12316. }
  12317. a.ui.purple.header:hover {
  12318. color: #9627ba;
  12319. }
  12320. .ui.purple.dividing.header {
  12321. border-bottom: 2px solid #A333C8;
  12322. }
  12323. .ui.inverted.purple.header.header.header {
  12324. color: #DC73FF;
  12325. }
  12326. a.ui.inverted.purple.header.header.header:hover {
  12327. color: #cf40ff;
  12328. }
  12329. .ui.inverted.purple.dividing.header {
  12330. border-bottom: 2px solid #DC73FF;
  12331. }
  12332. .ui.pink.header {
  12333. color: #E03997;
  12334. }
  12335. a.ui.pink.header:hover {
  12336. color: #e61a8d;
  12337. }
  12338. .ui.pink.dividing.header {
  12339. border-bottom: 2px solid #E03997;
  12340. }
  12341. .ui.inverted.pink.header.header.header {
  12342. color: #FF8EDF;
  12343. }
  12344. a.ui.inverted.pink.header.header.header:hover {
  12345. color: #ff5bd1;
  12346. }
  12347. .ui.inverted.pink.dividing.header {
  12348. border-bottom: 2px solid #FF8EDF;
  12349. }
  12350. .ui.brown.header {
  12351. color: #A5673F;
  12352. }
  12353. a.ui.brown.header:hover {
  12354. color: #975b33;
  12355. }
  12356. .ui.brown.dividing.header {
  12357. border-bottom: 2px solid #A5673F;
  12358. }
  12359. .ui.inverted.brown.header.header.header {
  12360. color: #D67C1C;
  12361. }
  12362. a.ui.inverted.brown.header.header.header:hover {
  12363. color: #b0620f;
  12364. }
  12365. .ui.inverted.brown.dividing.header {
  12366. border-bottom: 2px solid #D67C1C;
  12367. }
  12368. .ui.grey.header {
  12369. color: #767676;
  12370. }
  12371. a.ui.grey.header:hover {
  12372. color: #838383;
  12373. }
  12374. .ui.grey.dividing.header {
  12375. border-bottom: 2px solid #767676;
  12376. }
  12377. .ui.inverted.grey.header.header.header {
  12378. color: #DCDDDE;
  12379. }
  12380. a.ui.inverted.grey.header.header.header:hover {
  12381. color: #c2c4c5;
  12382. }
  12383. .ui.inverted.grey.dividing.header {
  12384. border-bottom: 2px solid #DCDDDE;
  12385. }
  12386. .ui.black.header {
  12387. color: #1B1C1D;
  12388. }
  12389. a.ui.black.header:hover {
  12390. color: #27292a;
  12391. }
  12392. .ui.black.dividing.header {
  12393. border-bottom: 2px solid #1B1C1D;
  12394. }
  12395. .ui.inverted.black.header.header.header {
  12396. color: #545454;
  12397. }
  12398. a.ui.inverted.black.header.header.header:hover {
  12399. color: #000000;
  12400. }
  12401. .ui.inverted.black.dividing.header {
  12402. border-bottom: 2px solid #545454;
  12403. }
  12404. /*-------------------
  12405. Aligned
  12406. --------------------*/
  12407. .ui.left.aligned.header {
  12408. text-align: left;
  12409. }
  12410. .ui.right.aligned.header {
  12411. text-align: right;
  12412. }
  12413. .ui.centered.header,
  12414. .ui.center.aligned.header {
  12415. text-align: center;
  12416. }
  12417. .ui.justified.header {
  12418. text-align: justify;
  12419. }
  12420. .ui.justified.header:after {
  12421. display: inline-block;
  12422. content: '';
  12423. width: 100%;
  12424. }
  12425. /*-------------------
  12426. Floated
  12427. --------------------*/
  12428. .ui.floated.header,
  12429. .ui[class*="left floated"].header {
  12430. float: left;
  12431. margin-top: 0;
  12432. margin-right: 0.5em;
  12433. }
  12434. .ui[class*="right floated"].header {
  12435. float: right;
  12436. margin-top: 0;
  12437. margin-left: 0.5em;
  12438. }
  12439. /*-------------------
  12440. Fitted
  12441. --------------------*/
  12442. .ui.fitted.header {
  12443. padding: 0;
  12444. }
  12445. /*-------------------
  12446. Dividing
  12447. --------------------*/
  12448. .ui.dividing.header {
  12449. padding-bottom: 0.21428571rem;
  12450. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  12451. }
  12452. .ui.dividing.header .sub.header {
  12453. padding-bottom: 0.21428571rem;
  12454. }
  12455. .ui.dividing.header i.icon {
  12456. margin-bottom: 0;
  12457. }
  12458. .ui.inverted.dividing.header {
  12459. border-bottom-color: rgba(255, 255, 255, 0.1);
  12460. }
  12461. /*-------------------
  12462. Block
  12463. --------------------*/
  12464. .ui.block.header {
  12465. background: #F3F4F5;
  12466. padding: 0.78571429rem 1rem;
  12467. box-shadow: none;
  12468. border: 1px solid #D4D4D5;
  12469. border-radius: 0.28571429rem;
  12470. }
  12471. .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  12472. font-size: 1rem;
  12473. }
  12474. .ui.mini.block.header {
  12475. font-size: 0.78571429rem;
  12476. }
  12477. .ui.tiny.block.header {
  12478. font-size: 0.85714286rem;
  12479. }
  12480. .ui.small.block.header {
  12481. font-size: 0.92857143rem;
  12482. }
  12483. .ui.large.block.header {
  12484. font-size: 1.14285714rem;
  12485. }
  12486. .ui.big.block.header {
  12487. font-size: 1.28571429rem;
  12488. }
  12489. .ui.huge.block.header {
  12490. font-size: 1.42857143rem;
  12491. }
  12492. .ui.massive.block.header {
  12493. font-size: 1.71428571rem;
  12494. }
  12495. /*-------------------
  12496. Attached
  12497. --------------------*/
  12498. .ui.attached.header {
  12499. background: #FFFFFF;
  12500. padding: 0.78571429rem 1rem;
  12501. margin: 0 -1px 0 -1px;
  12502. box-shadow: none;
  12503. border: 1px solid #D4D4D5;
  12504. border-radius: 0;
  12505. }
  12506. .ui.attached.block.header {
  12507. background: #F3F4F5;
  12508. }
  12509. .ui.attached:not(.top).header {
  12510. border-top: none;
  12511. }
  12512. .ui.top.attached.header {
  12513. border-radius: 0.28571429rem 0.28571429rem 0 0;
  12514. }
  12515. .ui.bottom.attached.header {
  12516. border-radius: 0 0 0.28571429rem 0.28571429rem;
  12517. }
  12518. /* Attached Sizes */
  12519. .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  12520. font-size: 1em;
  12521. }
  12522. .ui.mini.attached.header {
  12523. font-size: 0.78571429em;
  12524. }
  12525. .ui.tiny.attached.header {
  12526. font-size: 0.85714286em;
  12527. }
  12528. .ui.small.attached.header {
  12529. font-size: 0.92857143em;
  12530. }
  12531. .ui.large.attached.header {
  12532. font-size: 1.14285714em;
  12533. }
  12534. .ui.big.attached.header {
  12535. font-size: 1.28571429em;
  12536. }
  12537. .ui.huge.attached.header {
  12538. font-size: 1.42857143em;
  12539. }
  12540. .ui.massive.attached.header {
  12541. font-size: 1.71428571em;
  12542. }
  12543. /*-------------------
  12544. Sizing
  12545. --------------------*/
  12546. .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  12547. font-size: 1.28571429em;
  12548. }
  12549. /*******************************
  12550. Theme Overrides
  12551. *******************************/
  12552. /*******************************
  12553. Site Overrides
  12554. *******************************/
  12555. /*!
  12556. * # Fomantic-UI - Icon
  12557. * http://github.com/fomantic/Fomantic-UI/
  12558. *
  12559. *
  12560. * Released under the MIT license
  12561. * http://opensource.org/licenses/MIT
  12562. *
  12563. */
  12564. /*******************************
  12565. Icon
  12566. *******************************/
  12567. @font-face {
  12568. font-family: 'Icons';
  12569. src: url("./themes/default/assets/fonts/icons.eot");
  12570. src: url("./themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("./themes/default/assets/fonts/icons.woff2") format('woff2'), url("./themes/default/assets/fonts/icons.woff") format('woff'), url("./themes/default/assets/fonts/icons.ttf") format('truetype'), url("./themes/default/assets/fonts/icons.svg#icons") format('svg');
  12571. font-style: normal;
  12572. font-weight: normal;
  12573. font-variant: normal;
  12574. text-decoration: inherit;
  12575. text-transform: none;
  12576. }
  12577. i.icon {
  12578. display: inline-block;
  12579. opacity: 1;
  12580. margin: 0 0.25rem 0 0;
  12581. width: 1.18em;
  12582. height: 1em;
  12583. font-family: 'Icons';
  12584. font-style: normal;
  12585. font-weight: normal;
  12586. text-decoration: inherit;
  12587. text-align: center;
  12588. speak: none;
  12589. -moz-osx-font-smoothing: grayscale;
  12590. -webkit-font-smoothing: antialiased;
  12591. -webkit-backface-visibility: hidden;
  12592. backface-visibility: hidden;
  12593. }
  12594. i.icon:before {
  12595. background: none !important;
  12596. }
  12597. /*******************************
  12598. Types
  12599. *******************************/
  12600. /*--------------
  12601. Loading
  12602. ---------------*/
  12603. i.icon.loading {
  12604. height: 1em;
  12605. line-height: 1;
  12606. -webkit-animation: loader 2s linear infinite;
  12607. animation: loader 2s linear infinite;
  12608. }
  12609. /*******************************
  12610. States
  12611. *******************************/
  12612. i.icon:hover,
  12613. i.icons:hover,
  12614. i.icon:active,
  12615. i.icons:active,
  12616. i.emphasized.icon:not(.disabled),
  12617. i.emphasized.icons:not(.disabled) {
  12618. opacity: 1;
  12619. }
  12620. i.disabled.icon,
  12621. i.disabled.icons {
  12622. opacity: var(--opacity-disabled);
  12623. cursor: default;
  12624. pointer-events: none;
  12625. }
  12626. /*******************************
  12627. Variations
  12628. *******************************/
  12629. /*-------------------
  12630. Fitted
  12631. --------------------*/
  12632. i.fitted.icon {
  12633. width: auto;
  12634. margin: 0 !important;
  12635. }
  12636. /*-------------------
  12637. Link
  12638. --------------------*/
  12639. i.link.icon:not(.disabled),
  12640. i.link.icons:not(.disabled) {
  12641. cursor: pointer;
  12642. opacity: 0.8;
  12643. transition: opacity 0.1s ease;
  12644. }
  12645. i.link.icon:hover,
  12646. i.link.icons:hover {
  12647. opacity: 1;
  12648. }
  12649. /*-------------------
  12650. Circular
  12651. --------------------*/
  12652. i.circular.icon {
  12653. border-radius: 500em !important;
  12654. line-height: 1 !important;
  12655. padding: 0.5em 0 !important;
  12656. box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  12657. width: 2em !important;
  12658. height: 2em !important;
  12659. }
  12660. i.circular.inverted.icon {
  12661. border: none;
  12662. box-shadow: none;
  12663. }
  12664. /*-------------------
  12665. Flipped
  12666. --------------------*/
  12667. i.flipped.icon,
  12668. i.horizontally.flipped.icon {
  12669. transform: scale(-1, 1);
  12670. }
  12671. i.vertically.flipped.icon {
  12672. transform: scale(1, -1);
  12673. }
  12674. /*-------------------
  12675. Rotated
  12676. --------------------*/
  12677. i.rotated.icon,
  12678. i.right.rotated.icon,
  12679. i.clockwise.rotated.icon {
  12680. transform: rotate(90deg);
  12681. }
  12682. i.left.rotated.icon,
  12683. i.counterclockwise.rotated.icon {
  12684. transform: rotate(-90deg);
  12685. }
  12686. i.halfway.rotated.icon {
  12687. transform: rotate(180deg);
  12688. }
  12689. /*--------------------------
  12690. Flipped & Rotated
  12691. ---------------------------*/
  12692. i.rotated.flipped.icon,
  12693. i.right.rotated.flipped.icon,
  12694. i.clockwise.rotated.flipped.icon {
  12695. transform: scale(-1, 1) rotate(90deg);
  12696. }
  12697. i.left.rotated.flipped.icon,
  12698. i.counterclockwise.rotated.flipped.icon {
  12699. transform: scale(-1, 1) rotate(-90deg);
  12700. }
  12701. i.halfway.rotated.flipped.icon {
  12702. transform: scale(-1, 1) rotate(180deg);
  12703. }
  12704. i.rotated.vertically.flipped.icon,
  12705. i.right.rotated.vertically.flipped.icon,
  12706. i.clockwise.rotated.vertically.flipped.icon {
  12707. transform: scale(1, -1) rotate(90deg);
  12708. }
  12709. i.left.rotated.vertically.flipped.icon,
  12710. i.counterclockwise.rotated.vertically.flipped.icon {
  12711. transform: scale(1, -1) rotate(-90deg);
  12712. }
  12713. i.halfway.rotated.vertically.flipped.icon {
  12714. transform: scale(1, -1) rotate(180deg);
  12715. }
  12716. /*-------------------
  12717. Bordered
  12718. --------------------*/
  12719. i.bordered.icon {
  12720. line-height: 1;
  12721. vertical-align: baseline;
  12722. width: 2em;
  12723. height: 2em;
  12724. padding: 0.5em 0 !important;
  12725. box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  12726. }
  12727. i.bordered.inverted.icon {
  12728. border: none;
  12729. box-shadow: none;
  12730. }
  12731. /*-------------------
  12732. Inverted
  12733. --------------------*/
  12734. /* Inverted Shapes */
  12735. i.inverted.bordered.icon,
  12736. i.inverted.circular.icon {
  12737. background-color: #1B1C1D;
  12738. color: #FFFFFF;
  12739. }
  12740. i.inverted.icon {
  12741. color: #FFFFFF;
  12742. }
  12743. /*-------------------
  12744. Colors
  12745. --------------------*/
  12746. i.primary.icon.icon.icon.icon {
  12747. color: #2185D0;
  12748. }
  12749. i.inverted.primary.icon.icon.icon.icon {
  12750. color: #54C8FF;
  12751. }
  12752. i.inverted.bordered.primary.icon.icon.icon.icon,
  12753. i.inverted.circular.primary.icon.icon.icon.icon {
  12754. background-color: #2185D0;
  12755. color: #FFFFFF;
  12756. }
  12757. i.secondary.icon.icon.icon.icon {
  12758. color: #1B1C1D;
  12759. }
  12760. i.inverted.secondary.icon.icon.icon.icon {
  12761. color: #545454;
  12762. }
  12763. i.inverted.bordered.secondary.icon.icon.icon.icon,
  12764. i.inverted.circular.secondary.icon.icon.icon.icon {
  12765. background-color: #1B1C1D;
  12766. color: #FFFFFF;
  12767. }
  12768. i.red.icon.icon.icon.icon {
  12769. color: #DB2828;
  12770. }
  12771. i.inverted.red.icon.icon.icon.icon {
  12772. color: #FF695E;
  12773. }
  12774. i.inverted.bordered.red.icon.icon.icon.icon,
  12775. i.inverted.circular.red.icon.icon.icon.icon {
  12776. background-color: #DB2828;
  12777. color: #FFFFFF;
  12778. }
  12779. i.orange.icon.icon.icon.icon {
  12780. color: #F2711C;
  12781. }
  12782. i.inverted.orange.icon.icon.icon.icon {
  12783. color: #FF851B;
  12784. }
  12785. i.inverted.bordered.orange.icon.icon.icon.icon,
  12786. i.inverted.circular.orange.icon.icon.icon.icon {
  12787. background-color: #F2711C;
  12788. color: #FFFFFF;
  12789. }
  12790. i.yellow.icon.icon.icon.icon {
  12791. color: #FBBD08;
  12792. }
  12793. i.inverted.yellow.icon.icon.icon.icon {
  12794. color: #FFE21F;
  12795. }
  12796. i.inverted.bordered.yellow.icon.icon.icon.icon,
  12797. i.inverted.circular.yellow.icon.icon.icon.icon {
  12798. background-color: #FBBD08;
  12799. color: #FFFFFF;
  12800. }
  12801. i.olive.icon.icon.icon.icon {
  12802. color: #B5CC18;
  12803. }
  12804. i.inverted.olive.icon.icon.icon.icon {
  12805. color: #D9E778;
  12806. }
  12807. i.inverted.bordered.olive.icon.icon.icon.icon,
  12808. i.inverted.circular.olive.icon.icon.icon.icon {
  12809. background-color: #B5CC18;
  12810. color: #FFFFFF;
  12811. }
  12812. i.green.icon.icon.icon.icon {
  12813. color: #21BA45;
  12814. }
  12815. i.inverted.green.icon.icon.icon.icon {
  12816. color: #2ECC40;
  12817. }
  12818. i.inverted.bordered.green.icon.icon.icon.icon,
  12819. i.inverted.circular.green.icon.icon.icon.icon {
  12820. background-color: #21BA45;
  12821. color: #FFFFFF;
  12822. }
  12823. i.teal.icon.icon.icon.icon {
  12824. color: #00B5AD;
  12825. }
  12826. i.inverted.teal.icon.icon.icon.icon {
  12827. color: #6DFFFF;
  12828. }
  12829. i.inverted.bordered.teal.icon.icon.icon.icon,
  12830. i.inverted.circular.teal.icon.icon.icon.icon {
  12831. background-color: #00B5AD;
  12832. color: #FFFFFF;
  12833. }
  12834. i.blue.icon.icon.icon.icon {
  12835. color: #2185D0;
  12836. }
  12837. i.inverted.blue.icon.icon.icon.icon {
  12838. color: #54C8FF;
  12839. }
  12840. i.inverted.bordered.blue.icon.icon.icon.icon,
  12841. i.inverted.circular.blue.icon.icon.icon.icon {
  12842. background-color: #2185D0;
  12843. color: #FFFFFF;
  12844. }
  12845. i.violet.icon.icon.icon.icon {
  12846. color: #6435C9;
  12847. }
  12848. i.inverted.violet.icon.icon.icon.icon {
  12849. color: #A291FB;
  12850. }
  12851. i.inverted.bordered.violet.icon.icon.icon.icon,
  12852. i.inverted.circular.violet.icon.icon.icon.icon {
  12853. background-color: #6435C9;
  12854. color: #FFFFFF;
  12855. }
  12856. i.purple.icon.icon.icon.icon {
  12857. color: #A333C8;
  12858. }
  12859. i.inverted.purple.icon.icon.icon.icon {
  12860. color: #DC73FF;
  12861. }
  12862. i.inverted.bordered.purple.icon.icon.icon.icon,
  12863. i.inverted.circular.purple.icon.icon.icon.icon {
  12864. background-color: #A333C8;
  12865. color: #FFFFFF;
  12866. }
  12867. i.pink.icon.icon.icon.icon {
  12868. color: #E03997;
  12869. }
  12870. i.inverted.pink.icon.icon.icon.icon {
  12871. color: #FF8EDF;
  12872. }
  12873. i.inverted.bordered.pink.icon.icon.icon.icon,
  12874. i.inverted.circular.pink.icon.icon.icon.icon {
  12875. background-color: #E03997;
  12876. color: #FFFFFF;
  12877. }
  12878. i.brown.icon.icon.icon.icon {
  12879. color: #A5673F;
  12880. }
  12881. i.inverted.brown.icon.icon.icon.icon {
  12882. color: #D67C1C;
  12883. }
  12884. i.inverted.bordered.brown.icon.icon.icon.icon,
  12885. i.inverted.circular.brown.icon.icon.icon.icon {
  12886. background-color: #A5673F;
  12887. color: #FFFFFF;
  12888. }
  12889. i.grey.icon.icon.icon.icon {
  12890. color: #767676;
  12891. }
  12892. i.inverted.grey.icon.icon.icon.icon {
  12893. color: #DCDDDE;
  12894. }
  12895. i.inverted.bordered.grey.icon.icon.icon.icon,
  12896. i.inverted.circular.grey.icon.icon.icon.icon {
  12897. background-color: #767676;
  12898. color: #FFFFFF;
  12899. }
  12900. i.black.icon.icon.icon.icon {
  12901. color: #1B1C1D;
  12902. }
  12903. i.inverted.black.icon.icon.icon.icon {
  12904. color: #545454;
  12905. }
  12906. i.inverted.bordered.black.icon.icon.icon.icon,
  12907. i.inverted.circular.black.icon.icon.icon.icon {
  12908. background-color: #1B1C1D;
  12909. color: #FFFFFF;
  12910. }
  12911. /*-------------------
  12912. Sizes
  12913. --------------------*/
  12914. i.icon,
  12915. i.icons {
  12916. font-size: 1em;
  12917. line-height: 1;
  12918. }
  12919. i.mini.mini.mini.icon,
  12920. i.mini.mini.mini.icons {
  12921. font-size: 0.4em;
  12922. vertical-align: middle;
  12923. }
  12924. i.tiny.tiny.tiny.icon,
  12925. i.tiny.tiny.tiny.icons {
  12926. font-size: 0.5em;
  12927. vertical-align: middle;
  12928. }
  12929. i.small.small.small.icon,
  12930. i.small.small.small.icons {
  12931. font-size: 0.75em;
  12932. vertical-align: middle;
  12933. }
  12934. i.large.large.large.icon,
  12935. i.large.large.large.icons {
  12936. font-size: 1.5em;
  12937. vertical-align: middle;
  12938. }
  12939. i.big.big.big.icon,
  12940. i.big.big.big.icons {
  12941. font-size: 2em;
  12942. vertical-align: middle;
  12943. }
  12944. i.huge.huge.huge.icon,
  12945. i.huge.huge.huge.icons {
  12946. font-size: 4em;
  12947. vertical-align: middle;
  12948. }
  12949. i.massive.massive.massive.icon,
  12950. i.massive.massive.massive.icons {
  12951. font-size: 8em;
  12952. vertical-align: middle;
  12953. }
  12954. /*******************************
  12955. Groups
  12956. *******************************/
  12957. i.icons {
  12958. display: inline-block;
  12959. position: relative;
  12960. line-height: 1;
  12961. }
  12962. i.icons .icon {
  12963. position: absolute;
  12964. top: 50%;
  12965. left: 50%;
  12966. transform: translateX(-50%) translateY(-50%);
  12967. margin: 0;
  12968. }
  12969. i.icons .icon:first-child {
  12970. position: static;
  12971. width: auto;
  12972. height: auto;
  12973. vertical-align: top;
  12974. transform: none;
  12975. }
  12976. /* Corner Icon */
  12977. i.icons .corner.icon {
  12978. top: auto;
  12979. left: auto;
  12980. right: 0;
  12981. bottom: 0;
  12982. transform: none;
  12983. font-size: 0.45em;
  12984. text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
  12985. }
  12986. i.icons .icon.corner[class*="top right"] {
  12987. top: 0;
  12988. left: auto;
  12989. right: 0;
  12990. bottom: auto;
  12991. }
  12992. i.icons .icon.corner[class*="top left"] {
  12993. top: 0;
  12994. left: 0;
  12995. right: auto;
  12996. bottom: auto;
  12997. }
  12998. i.icons .icon.corner[class*="bottom left"] {
  12999. top: auto;
  13000. left: 0;
  13001. right: auto;
  13002. bottom: 0;
  13003. }
  13004. i.icons .icon.corner[class*="bottom right"] {
  13005. top: auto;
  13006. left: auto;
  13007. right: 0;
  13008. bottom: 0;
  13009. }
  13010. i.icons .inverted.corner.icon {
  13011. text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
  13012. }
  13013. /*
  13014. * Font Awesome 5.13.0 by @fontawesome [https://fontawesome.com]
  13015. * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
  13016. */
  13017. /*******************************
  13018. Fomantic-UI integration of FontAwesome :
  13019. // class names are separated
  13020. i.icon.angle-left => i.icon.angle.left
  13021. // variations are extracted
  13022. i.icon.circle => i.icon.circle
  13023. i.icon.circle-o => i.icon.circle.outline
  13024. // abbreviation are replaced by full words
  13025. i.icon.*-h => i.icon.*.horizontal
  13026. i.icon.*-v => i.icon.*.vertical
  13027. i.icon.alpha => i.icon.alphabet
  13028. i.icon.asc => i.icon.ascending
  13029. i.icon.desc => i.icon.descending
  13030. i.icon.alt => i.icon.alternate
  13031. Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
  13032. *******************************/
  13033. /*******************************
  13034. Icons
  13035. *******************************/
  13036. /* Deprecated *In/Out Naming Conflict) */
  13037. i.icon.linkedin.in:before {
  13038. content: "\f0e1";
  13039. }
  13040. i.icon.zoom.in:before {
  13041. content: "\f00e";
  13042. }
  13043. i.icon.zoom.out:before {
  13044. content: "\f010";
  13045. }
  13046. i.icon.sign.in:before {
  13047. content: "\f2f6";
  13048. }
  13049. i.icon.in.cart:before {
  13050. content: "\f218";
  13051. }
  13052. i.icon.log.out:before {
  13053. content: "\f2f5";
  13054. }
  13055. i.icon.sign.out:before {
  13056. content: "\f2f5";
  13057. }
  13058. /*******************************
  13059. Solid Icons
  13060. *******************************/
  13061. /* Icons */
  13062. i.icon.ad:before {
  13063. content: "\f641";
  13064. }
  13065. i.icon.address.book:before {
  13066. content: "\f2b9";
  13067. }
  13068. i.icon.address.card:before {
  13069. content: "\f2bb";
  13070. }
  13071. i.icon.adjust:before {
  13072. content: "\f042";
  13073. }
  13074. i.icon.air.freshener:before {
  13075. content: "\f5d0";
  13076. }
  13077. i.icon.align.center:before {
  13078. content: "\f037";
  13079. }
  13080. i.icon.align.justify:before {
  13081. content: "\f039";
  13082. }
  13083. i.icon.align.left:before {
  13084. content: "\f036";
  13085. }
  13086. i.icon.align.right:before {
  13087. content: "\f038";
  13088. }
  13089. i.icon.allergies:before {
  13090. content: "\f461";
  13091. }
  13092. i.icon.ambulance:before {
  13093. content: "\f0f9";
  13094. }
  13095. i.icon.american.sign.language.interpreting:before {
  13096. content: "\f2a3";
  13097. }
  13098. i.icon.anchor:before {
  13099. content: "\f13d";
  13100. }
  13101. i.icon.angle.double.down:before {
  13102. content: "\f103";
  13103. }
  13104. i.icon.angle.double.left:before {
  13105. content: "\f100";
  13106. }
  13107. i.icon.angle.double.right:before {
  13108. content: "\f101";
  13109. }
  13110. i.icon.angle.double.up:before {
  13111. content: "\f102";
  13112. }
  13113. i.icon.angle.down:before {
  13114. content: "\f107";
  13115. }
  13116. i.icon.angle.left:before {
  13117. content: "\f104";
  13118. }
  13119. i.icon.angle.right:before {
  13120. content: "\f105";
  13121. }
  13122. i.icon.angle.up:before {
  13123. content: "\f106";
  13124. }
  13125. i.icon.angry:before {
  13126. content: "\f556";
  13127. }
  13128. i.icon.ankh:before {
  13129. content: "\f644";
  13130. }
  13131. i.icon.archive:before {
  13132. content: "\f187";
  13133. }
  13134. i.icon.archway:before {
  13135. content: "\f557";
  13136. }
  13137. i.icon.arrow.alternate.circle.down:before {
  13138. content: "\f358";
  13139. }
  13140. i.icon.arrow.alternate.circle.left:before {
  13141. content: "\f359";
  13142. }
  13143. i.icon.arrow.alternate.circle.right:before {
  13144. content: "\f35a";
  13145. }
  13146. i.icon.arrow.alternate.circle.up:before {
  13147. content: "\f35b";
  13148. }
  13149. i.icon.arrow.circle.down:before {
  13150. content: "\f0ab";
  13151. }
  13152. i.icon.arrow.circle.left:before {
  13153. content: "\f0a8";
  13154. }
  13155. i.icon.arrow.circle.right:before {
  13156. content: "\f0a9";
  13157. }
  13158. i.icon.arrow.circle.up:before {
  13159. content: "\f0aa";
  13160. }
  13161. i.icon.arrow.left:before {
  13162. content: "\f060";
  13163. }
  13164. i.icon.arrow.right:before {
  13165. content: "\f061";
  13166. }
  13167. i.icon.arrow.up:before {
  13168. content: "\f062";
  13169. }
  13170. i.icon.arrow.down:before {
  13171. content: "\f063";
  13172. }
  13173. i.icon.arrows.alternate:before {
  13174. content: "\f0b2";
  13175. }
  13176. i.icon.arrows.alternate.horizontal:before {
  13177. content: "\f337";
  13178. }
  13179. i.icon.arrows.alternate.vertical:before {
  13180. content: "\f338";
  13181. }
  13182. i.icon.assistive.listening.systems:before {
  13183. content: "\f2a2";
  13184. }
  13185. i.icon.asterisk:before {
  13186. content: "\f069";
  13187. }
  13188. i.icon.at:before {
  13189. content: "\f1fa";
  13190. }
  13191. i.icon.atlas:before {
  13192. content: "\f558";
  13193. }
  13194. i.icon.atom:before {
  13195. content: "\f5d2";
  13196. }
  13197. i.icon.audio.description:before {
  13198. content: "\f29e";
  13199. }
  13200. i.icon.award:before {
  13201. content: "\f559";
  13202. }
  13203. i.icon.baby:before {
  13204. content: "\f77c";
  13205. }
  13206. i.icon.baby.carriage:before {
  13207. content: "\f77d";
  13208. }
  13209. i.icon.backspace:before {
  13210. content: "\f55a";
  13211. }
  13212. i.icon.backward:before {
  13213. content: "\f04a";
  13214. }
  13215. i.icon.bacon:before {
  13216. content: "\f7e5";
  13217. }
  13218. i.icon.bahai:before {
  13219. content: "\f666";
  13220. }
  13221. i.icon.balance.scale:before {
  13222. content: "\f24e";
  13223. }
  13224. i.icon.balance.scale.left:before {
  13225. content: "\f515";
  13226. }
  13227. i.icon.balance.scale.right:before {
  13228. content: "\f516";
  13229. }
  13230. i.icon.ban:before {
  13231. content: "\f05e";
  13232. }
  13233. i.icon.band.aid:before {
  13234. content: "\f462";
  13235. }
  13236. i.icon.barcode:before {
  13237. content: "\f02a";
  13238. }
  13239. i.icon.bars:before {
  13240. content: "\f0c9";
  13241. }
  13242. i.icon.baseball.ball:before {
  13243. content: "\f433";
  13244. }
  13245. i.icon.basketball.ball:before {
  13246. content: "\f434";
  13247. }
  13248. i.icon.bath:before {
  13249. content: "\f2cd";
  13250. }
  13251. i.icon.battery.empty:before {
  13252. content: "\f244";
  13253. }
  13254. i.icon.battery.full:before {
  13255. content: "\f240";
  13256. }
  13257. i.icon.battery.half:before {
  13258. content: "\f242";
  13259. }
  13260. i.icon.battery.quarter:before {
  13261. content: "\f243";
  13262. }
  13263. i.icon.battery.three.quarters:before {
  13264. content: "\f241";
  13265. }
  13266. i.icon.bed:before {
  13267. content: "\f236";
  13268. }
  13269. i.icon.beer:before {
  13270. content: "\f0fc";
  13271. }
  13272. i.icon.bell:before {
  13273. content: "\f0f3";
  13274. }
  13275. i.icon.bell.slash:before {
  13276. content: "\f1f6";
  13277. }
  13278. i.icon.bezier.curve:before {
  13279. content: "\f55b";
  13280. }
  13281. i.icon.bible:before {
  13282. content: "\f647";
  13283. }
  13284. i.icon.bicycle:before {
  13285. content: "\f206";
  13286. }
  13287. i.icon.biking:before {
  13288. content: "\f84a";
  13289. }
  13290. i.icon.binoculars:before {
  13291. content: "\f1e5";
  13292. }
  13293. i.icon.biohazard:before {
  13294. content: "\f780";
  13295. }
  13296. i.icon.birthday.cake:before {
  13297. content: "\f1fd";
  13298. }
  13299. i.icon.blender:before {
  13300. content: "\f517";
  13301. }
  13302. i.icon.blender.phone:before {
  13303. content: "\f6b6";
  13304. }
  13305. i.icon.blind:before {
  13306. content: "\f29d";
  13307. }
  13308. i.icon.blog:before {
  13309. content: "\f781";
  13310. }
  13311. i.icon.bold:before {
  13312. content: "\f032";
  13313. }
  13314. i.icon.bolt:before {
  13315. content: "\f0e7";
  13316. }
  13317. i.icon.bomb:before {
  13318. content: "\f1e2";
  13319. }
  13320. i.icon.bone:before {
  13321. content: "\f5d7";
  13322. }
  13323. i.icon.bong:before {
  13324. content: "\f55c";
  13325. }
  13326. i.icon.book:before {
  13327. content: "\f02d";
  13328. }
  13329. i.icon.book.dead:before {
  13330. content: "\f6b7";
  13331. }
  13332. i.icon.book.medical:before {
  13333. content: "\f7e6";
  13334. }
  13335. i.icon.book.open:before {
  13336. content: "\f518";
  13337. }
  13338. i.icon.book.reader:before {
  13339. content: "\f5da";
  13340. }
  13341. i.icon.bookmark:before {
  13342. content: "\f02e";
  13343. }
  13344. i.icon.border.all:before {
  13345. content: "\f84c";
  13346. }
  13347. i.icon.border.none:before {
  13348. content: "\f850";
  13349. }
  13350. i.icon.border.style:before {
  13351. content: "\f853";
  13352. }
  13353. i.icon.bowling.ball:before {
  13354. content: "\f436";
  13355. }
  13356. i.icon.box:before {
  13357. content: "\f466";
  13358. }
  13359. i.icon.box.open:before {
  13360. content: "\f49e";
  13361. }
  13362. i.icon.box.tissue:before {
  13363. content: "\f95b";
  13364. }
  13365. i.icon.boxes:before {
  13366. content: "\f468";
  13367. }
  13368. i.icon.braille:before {
  13369. content: "\f2a1";
  13370. }
  13371. i.icon.brain:before {
  13372. content: "\f5dc";
  13373. }
  13374. i.icon.bread.slice:before {
  13375. content: "\f7ec";
  13376. }
  13377. i.icon.briefcase:before {
  13378. content: "\f0b1";
  13379. }
  13380. i.icon.briefcase.medical:before {
  13381. content: "\f469";
  13382. }
  13383. i.icon.broadcast.tower:before {
  13384. content: "\f519";
  13385. }
  13386. i.icon.broom:before {
  13387. content: "\f51a";
  13388. }
  13389. i.icon.brush:before {
  13390. content: "\f55d";
  13391. }
  13392. i.icon.bug:before {
  13393. content: "\f188";
  13394. }
  13395. i.icon.building:before {
  13396. content: "\f1ad";
  13397. }
  13398. i.icon.bullhorn:before {
  13399. content: "\f0a1";
  13400. }
  13401. i.icon.bullseye:before {
  13402. content: "\f140";
  13403. }
  13404. i.icon.burn:before {
  13405. content: "\f46a";
  13406. }
  13407. i.icon.bus:before {
  13408. content: "\f207";
  13409. }
  13410. i.icon.bus.alternate:before {
  13411. content: "\f55e";
  13412. }
  13413. i.icon.business.time:before {
  13414. content: "\f64a";
  13415. }
  13416. i.icon.calculator:before {
  13417. content: "\f1ec";
  13418. }
  13419. i.icon.calendar:before {
  13420. content: "\f133";
  13421. }
  13422. i.icon.calendar.alternate:before {
  13423. content: "\f073";
  13424. }
  13425. i.icon.calendar.check:before {
  13426. content: "\f274";
  13427. }
  13428. i.icon.calendar.day:before {
  13429. content: "\f783";
  13430. }
  13431. i.icon.calendar.minus:before {
  13432. content: "\f272";
  13433. }
  13434. i.icon.calendar.plus:before {
  13435. content: "\f271";
  13436. }
  13437. i.icon.calendar.times:before {
  13438. content: "\f273";
  13439. }
  13440. i.icon.calendar.week:before {
  13441. content: "\f784";
  13442. }
  13443. i.icon.camera:before {
  13444. content: "\f030";
  13445. }
  13446. i.icon.camera.retro:before {
  13447. content: "\f083";
  13448. }
  13449. i.icon.campground:before {
  13450. content: "\f6bb";
  13451. }
  13452. i.icon.candy.cane:before {
  13453. content: "\f786";
  13454. }
  13455. i.icon.cannabis:before {
  13456. content: "\f55f";
  13457. }
  13458. i.icon.capsules:before {
  13459. content: "\f46b";
  13460. }
  13461. i.icon.car:before {
  13462. content: "\f1b9";
  13463. }
  13464. i.icon.car.alternate:before {
  13465. content: "\f5de";
  13466. }
  13467. i.icon.car.battery:before {
  13468. content: "\f5df";
  13469. }
  13470. i.icon.car.crash:before {
  13471. content: "\f5e1";
  13472. }
  13473. i.icon.car.side:before {
  13474. content: "\f5e4";
  13475. }
  13476. i.icon.caravan:before {
  13477. content: "\f8ff";
  13478. }
  13479. i.icon.caret.down:before {
  13480. content: "\f0d7";
  13481. }
  13482. i.icon.caret.left:before {
  13483. content: "\f0d9";
  13484. }
  13485. i.icon.caret.right:before {
  13486. content: "\f0da";
  13487. }
  13488. i.icon.caret.square.down:before {
  13489. content: "\f150";
  13490. }
  13491. i.icon.caret.square.left:before {
  13492. content: "\f191";
  13493. }
  13494. i.icon.caret.square.right:before {
  13495. content: "\f152";
  13496. }
  13497. i.icon.caret.square.up:before {
  13498. content: "\f151";
  13499. }
  13500. i.icon.caret.up:before {
  13501. content: "\f0d8";
  13502. }
  13503. i.icon.carrot:before {
  13504. content: "\f787";
  13505. }
  13506. i.icon.cart.arrow.down:before {
  13507. content: "\f218";
  13508. }
  13509. i.icon.cart.plus:before {
  13510. content: "\f217";
  13511. }
  13512. i.icon.cash.register:before {
  13513. content: "\f788";
  13514. }
  13515. i.icon.cat:before {
  13516. content: "\f6be";
  13517. }
  13518. i.icon.certificate:before {
  13519. content: "\f0a3";
  13520. }
  13521. i.icon.chair:before {
  13522. content: "\f6c0";
  13523. }
  13524. i.icon.chalkboard:before {
  13525. content: "\f51b";
  13526. }
  13527. i.icon.chalkboard.teacher:before {
  13528. content: "\f51c";
  13529. }
  13530. i.icon.charging.station:before {
  13531. content: "\f5e7";
  13532. }
  13533. i.icon.chart.area:before {
  13534. content: "\f1fe";
  13535. }
  13536. i.icon.chart.bar:before {
  13537. content: "\f080";
  13538. }
  13539. i.icon.chart.line:before {
  13540. content: "\f201";
  13541. }
  13542. i.icon.chartline:before {
  13543. content: "\f201";
  13544. }
  13545. i.icon.chart.pie:before {
  13546. content: "\f200";
  13547. }
  13548. i.icon.check:before {
  13549. content: "\f00c";
  13550. }
  13551. i.icon.check.circle:before {
  13552. content: "\f058";
  13553. }
  13554. i.icon.check.double:before {
  13555. content: "\f560";
  13556. }
  13557. i.icon.check.square:before {
  13558. content: "\f14a";
  13559. }
  13560. i.icon.cheese:before {
  13561. content: "\f7ef";
  13562. }
  13563. i.icon.chess:before {
  13564. content: "\f439";
  13565. }
  13566. i.icon.chess.bishop:before {
  13567. content: "\f43a";
  13568. }
  13569. i.icon.chess.board:before {
  13570. content: "\f43c";
  13571. }
  13572. i.icon.chess.king:before {
  13573. content: "\f43f";
  13574. }
  13575. i.icon.chess.knight:before {
  13576. content: "\f441";
  13577. }
  13578. i.icon.chess.pawn:before {
  13579. content: "\f443";
  13580. }
  13581. i.icon.chess.queen:before {
  13582. content: "\f445";
  13583. }
  13584. i.icon.chess.rook:before {
  13585. content: "\f447";
  13586. }
  13587. i.icon.chevron.circle.down:before {
  13588. content: "\f13a";
  13589. }
  13590. i.icon.chevron.circle.left:before {
  13591. content: "\f137";
  13592. }
  13593. i.icon.chevron.circle.right:before {
  13594. content: "\f138";
  13595. }
  13596. i.icon.chevron.circle.up:before {
  13597. content: "\f139";
  13598. }
  13599. i.icon.chevron.down:before {
  13600. content: "\f078";
  13601. }
  13602. i.icon.chevron.left:before {
  13603. content: "\f053";
  13604. }
  13605. i.icon.chevron.right:before {
  13606. content: "\f054";
  13607. }
  13608. i.icon.chevron.up:before {
  13609. content: "\f077";
  13610. }
  13611. i.icon.child:before {
  13612. content: "\f1ae";
  13613. }
  13614. i.icon.church:before {
  13615. content: "\f51d";
  13616. }
  13617. i.icon.circle:before {
  13618. content: "\f111";
  13619. }
  13620. i.icon.circle.notch:before {
  13621. content: "\f1ce";
  13622. }
  13623. i.icon.city:before {
  13624. content: "\f64f";
  13625. }
  13626. i.icon.clinic.medical:before {
  13627. content: "\f7f2";
  13628. }
  13629. i.icon.clipboard:before {
  13630. content: "\f328";
  13631. }
  13632. i.icon.clipboard.check:before {
  13633. content: "\f46c";
  13634. }
  13635. i.icon.clipboard.list:before {
  13636. content: "\f46d";
  13637. }
  13638. i.icon.clock:before {
  13639. content: "\f017";
  13640. }
  13641. i.icon.clone:before {
  13642. content: "\f24d";
  13643. }
  13644. i.icon.closed.captioning:before {
  13645. content: "\f20a";
  13646. }
  13647. i.icon.cloud:before {
  13648. content: "\f0c2";
  13649. }
  13650. i.icon.cloud.download.alternate:before {
  13651. content: "\f381";
  13652. }
  13653. i.icon.cloud.meatball:before {
  13654. content: "\f73b";
  13655. }
  13656. i.icon.cloud.moon:before {
  13657. content: "\f6c3";
  13658. }
  13659. i.icon.cloud.moon.rain:before {
  13660. content: "\f73c";
  13661. }
  13662. i.icon.cloud.rain:before {
  13663. content: "\f73d";
  13664. }
  13665. i.icon.cloud.showers.heavy:before {
  13666. content: "\f740";
  13667. }
  13668. i.icon.cloud.sun:before {
  13669. content: "\f6c4";
  13670. }
  13671. i.icon.cloud.sun.rain:before {
  13672. content: "\f743";
  13673. }
  13674. i.icon.cloud.upload.alternate:before {
  13675. content: "\f382";
  13676. }
  13677. i.icon.cocktail:before {
  13678. content: "\f561";
  13679. }
  13680. i.icon.code:before {
  13681. content: "\f121";
  13682. }
  13683. i.icon.code.branch:before {
  13684. content: "\f126";
  13685. }
  13686. i.icon.coffee:before {
  13687. content: "\f0f4";
  13688. }
  13689. i.icon.cog:before {
  13690. content: "\f013";
  13691. }
  13692. i.icon.cogs:before {
  13693. content: "\f085";
  13694. }
  13695. i.icon.coins:before {
  13696. content: "\f51e";
  13697. }
  13698. i.icon.columns:before {
  13699. content: "\f0db";
  13700. }
  13701. i.icon.comment:before {
  13702. content: "\f075";
  13703. }
  13704. i.icon.comment.alternate:before {
  13705. content: "\f27a";
  13706. }
  13707. i.icon.comment.dollar:before {
  13708. content: "\f651";
  13709. }
  13710. i.icon.comment.dots:before {
  13711. content: "\f4ad";
  13712. }
  13713. i.icon.comment.medical:before {
  13714. content: "\f7f5";
  13715. }
  13716. i.icon.comment.slash:before {
  13717. content: "\f4b3";
  13718. }
  13719. i.icon.comments:before {
  13720. content: "\f086";
  13721. }
  13722. i.icon.comments.dollar:before {
  13723. content: "\f653";
  13724. }
  13725. i.icon.compact.disc:before {
  13726. content: "\f51f";
  13727. }
  13728. i.icon.compass:before {
  13729. content: "\f14e";
  13730. }
  13731. i.icon.compress:before {
  13732. content: "\f066";
  13733. }
  13734. i.icon.compress.alternate:before {
  13735. content: "\f422";
  13736. }
  13737. i.icon.compress.arrows.alternate:before {
  13738. content: "\f78c";
  13739. }
  13740. i.icon.concierge.bell:before {
  13741. content: "\f562";
  13742. }
  13743. i.icon.cookie:before {
  13744. content: "\f563";
  13745. }
  13746. i.icon.cookie.bite:before {
  13747. content: "\f564";
  13748. }
  13749. i.icon.copy:before {
  13750. content: "\f0c5";
  13751. }
  13752. i.icon.copyright:before {
  13753. content: "\f1f9";
  13754. }
  13755. i.icon.couch:before {
  13756. content: "\f4b8";
  13757. }
  13758. i.icon.credit.card:before {
  13759. content: "\f09d";
  13760. }
  13761. i.icon.crop:before {
  13762. content: "\f125";
  13763. }
  13764. i.icon.crop.alternate:before {
  13765. content: "\f565";
  13766. }
  13767. i.icon.cross:before {
  13768. content: "\f654";
  13769. }
  13770. i.icon.crosshairs:before {
  13771. content: "\f05b";
  13772. }
  13773. i.icon.crow:before {
  13774. content: "\f520";
  13775. }
  13776. i.icon.crown:before {
  13777. content: "\f521";
  13778. }
  13779. i.icon.crutch:before {
  13780. content: "\f7f7";
  13781. }
  13782. i.icon.cube:before {
  13783. content: "\f1b2";
  13784. }
  13785. i.icon.cubes:before {
  13786. content: "\f1b3";
  13787. }
  13788. i.icon.cut:before {
  13789. content: "\f0c4";
  13790. }
  13791. i.icon.database:before {
  13792. content: "\f1c0";
  13793. }
  13794. i.icon.deaf:before {
  13795. content: "\f2a4";
  13796. }
  13797. i.icon.democrat:before {
  13798. content: "\f747";
  13799. }
  13800. i.icon.desktop:before {
  13801. content: "\f108";
  13802. }
  13803. i.icon.dharmachakra:before {
  13804. content: "\f655";
  13805. }
  13806. i.icon.diagnoses:before {
  13807. content: "\f470";
  13808. }
  13809. i.icon.dice:before {
  13810. content: "\f522";
  13811. }
  13812. i.icon.dice.d20:before {
  13813. content: "\f6cf";
  13814. }
  13815. i.icon.dice.d6:before {
  13816. content: "\f6d1";
  13817. }
  13818. i.icon.dice.five:before {
  13819. content: "\f523";
  13820. }
  13821. i.icon.dice.four:before {
  13822. content: "\f524";
  13823. }
  13824. i.icon.dice.one:before {
  13825. content: "\f525";
  13826. }
  13827. i.icon.dice.six:before {
  13828. content: "\f526";
  13829. }
  13830. i.icon.dice.three:before {
  13831. content: "\f527";
  13832. }
  13833. i.icon.dice.two:before {
  13834. content: "\f528";
  13835. }
  13836. i.icon.digital.tachograph:before {
  13837. content: "\f566";
  13838. }
  13839. i.icon.directions:before {
  13840. content: "\f5eb";
  13841. }
  13842. i.icon.disease:before {
  13843. content: "\f7fa";
  13844. }
  13845. i.icon.divide:before {
  13846. content: "\f529";
  13847. }
  13848. i.icon.dizzy:before {
  13849. content: "\f567";
  13850. }
  13851. i.icon.dna:before {
  13852. content: "\f471";
  13853. }
  13854. i.icon.dog:before {
  13855. content: "\f6d3";
  13856. }
  13857. i.icon.dollar.sign:before {
  13858. content: "\f155";
  13859. }
  13860. i.icon.dolly:before {
  13861. content: "\f472";
  13862. }
  13863. i.icon.dolly.flatbed:before {
  13864. content: "\f474";
  13865. }
  13866. i.icon.donate:before {
  13867. content: "\f4b9";
  13868. }
  13869. i.icon.door.closed:before {
  13870. content: "\f52a";
  13871. }
  13872. i.icon.door.open:before {
  13873. content: "\f52b";
  13874. }
  13875. i.icon.dot.circle:before {
  13876. content: "\f192";
  13877. }
  13878. i.icon.dove:before {
  13879. content: "\f4ba";
  13880. }
  13881. i.icon.download:before {
  13882. content: "\f019";
  13883. }
  13884. i.icon.drafting.compass:before {
  13885. content: "\f568";
  13886. }
  13887. i.icon.dragon:before {
  13888. content: "\f6d5";
  13889. }
  13890. i.icon.draw.polygon:before {
  13891. content: "\f5ee";
  13892. }
  13893. i.icon.drum:before {
  13894. content: "\f569";
  13895. }
  13896. i.icon.drum.steelpan:before {
  13897. content: "\f56a";
  13898. }
  13899. i.icon.drumstick.bite:before {
  13900. content: "\f6d7";
  13901. }
  13902. i.icon.dumbbell:before {
  13903. content: "\f44b";
  13904. }
  13905. i.icon.dumpster:before {
  13906. content: "\f793";
  13907. }
  13908. i.icon.dumpster.fire:before {
  13909. content: "\f794";
  13910. }
  13911. i.icon.dungeon:before {
  13912. content: "\f6d9";
  13913. }
  13914. i.icon.edit:before {
  13915. content: "\f044";
  13916. }
  13917. i.icon.egg:before {
  13918. content: "\f7fb";
  13919. }
  13920. i.icon.eject:before {
  13921. content: "\f052";
  13922. }
  13923. i.icon.ellipsis.horizontal:before {
  13924. content: "\f141";
  13925. }
  13926. i.icon.ellipsis.vertical:before {
  13927. content: "\f142";
  13928. }
  13929. i.icon.envelope:before {
  13930. content: "\f0e0";
  13931. }
  13932. i.icon.envelope.open:before {
  13933. content: "\f2b6";
  13934. }
  13935. i.icon.envelope.open.text:before {
  13936. content: "\f658";
  13937. }
  13938. i.icon.envelope.square:before {
  13939. content: "\f199";
  13940. }
  13941. i.icon.equals:before {
  13942. content: "\f52c";
  13943. }
  13944. i.icon.eraser:before {
  13945. content: "\f12d";
  13946. }
  13947. i.icon.ethernet:before {
  13948. content: "\f796";
  13949. }
  13950. i.icon.euro.sign:before {
  13951. content: "\f153";
  13952. }
  13953. i.icon.exchange.alternate:before {
  13954. content: "\f362";
  13955. }
  13956. i.icon.exclamation:before {
  13957. content: "\f12a";
  13958. }
  13959. i.icon.exclamation.circle:before {
  13960. content: "\f06a";
  13961. }
  13962. i.icon.exclamation.triangle:before {
  13963. content: "\f071";
  13964. }
  13965. i.icon.expand:before {
  13966. content: "\f065";
  13967. }
  13968. i.icon.expand.alternate:before {
  13969. content: "\f424";
  13970. }
  13971. i.icon.expand.arrows.alternate:before {
  13972. content: "\f31e";
  13973. }
  13974. i.icon.external.alternate:before {
  13975. content: "\f35d";
  13976. }
  13977. i.icon.external.link.square.alternate:before {
  13978. content: "\f360";
  13979. }
  13980. i.icon.eye:before {
  13981. content: "\f06e";
  13982. }
  13983. i.icon.eye.dropper:before {
  13984. content: "\f1fb";
  13985. }
  13986. i.icon.eye.slash:before {
  13987. content: "\f070";
  13988. }
  13989. i.icon.fan:before {
  13990. content: "\f863";
  13991. }
  13992. i.icon.fast.backward:before {
  13993. content: "\f049";
  13994. }
  13995. i.icon.fast.forward:before {
  13996. content: "\f050";
  13997. }
  13998. i.icon.faucet:before {
  13999. content: "\f905";
  14000. }
  14001. i.icon.fax:before {
  14002. content: "\f1ac";
  14003. }
  14004. i.icon.feather:before {
  14005. content: "\f52d";
  14006. }
  14007. i.icon.feather.alternate:before {
  14008. content: "\f56b";
  14009. }
  14010. i.icon.female:before {
  14011. content: "\f182";
  14012. }
  14013. i.icon.fighter.jet:before {
  14014. content: "\f0fb";
  14015. }
  14016. i.icon.file:before {
  14017. content: "\f15b";
  14018. }
  14019. i.icon.file.alternate:before {
  14020. content: "\f15c";
  14021. }
  14022. i.icon.file.archive:before {
  14023. content: "\f1c6";
  14024. }
  14025. i.icon.file.audio:before {
  14026. content: "\f1c7";
  14027. }
  14028. i.icon.file.code:before {
  14029. content: "\f1c9";
  14030. }
  14031. i.icon.file.contract:before {
  14032. content: "\f56c";
  14033. }
  14034. i.icon.file.csv:before {
  14035. content: "\f6dd";
  14036. }
  14037. i.icon.file.download:before {
  14038. content: "\f56d";
  14039. }
  14040. i.icon.file.excel:before {
  14041. content: "\f1c3";
  14042. }
  14043. i.icon.file.export:before {
  14044. content: "\f56e";
  14045. }
  14046. i.icon.file.image:before {
  14047. content: "\f1c5";
  14048. }
  14049. i.icon.file.import:before {
  14050. content: "\f56f";
  14051. }
  14052. i.icon.file.invoice:before {
  14053. content: "\f570";
  14054. }
  14055. i.icon.file.invoice.dollar:before {
  14056. content: "\f571";
  14057. }
  14058. i.icon.file.medical:before {
  14059. content: "\f477";
  14060. }
  14061. i.icon.file.medical.alternate:before {
  14062. content: "\f478";
  14063. }
  14064. i.icon.file.pdf:before {
  14065. content: "\f1c1";
  14066. }
  14067. i.icon.file.powerpoint:before {
  14068. content: "\f1c4";
  14069. }
  14070. i.icon.file.prescription:before {
  14071. content: "\f572";
  14072. }
  14073. i.icon.file.signature:before {
  14074. content: "\f573";
  14075. }
  14076. i.icon.file.upload:before {
  14077. content: "\f574";
  14078. }
  14079. i.icon.file.video:before {
  14080. content: "\f1c8";
  14081. }
  14082. i.icon.file.word:before {
  14083. content: "\f1c2";
  14084. }
  14085. i.icon.fill:before {
  14086. content: "\f575";
  14087. }
  14088. i.icon.fill.drip:before {
  14089. content: "\f576";
  14090. }
  14091. i.icon.film:before {
  14092. content: "\f008";
  14093. }
  14094. i.icon.filter:before {
  14095. content: "\f0b0";
  14096. }
  14097. i.icon.fingerprint:before {
  14098. content: "\f577";
  14099. }
  14100. i.icon.fire:before {
  14101. content: "\f06d";
  14102. }
  14103. i.icon.fire.alternate:before {
  14104. content: "\f7e4";
  14105. }
  14106. i.icon.fire.extinguisher:before {
  14107. content: "\f134";
  14108. }
  14109. i.icon.first.aid:before {
  14110. content: "\f479";
  14111. }
  14112. i.icon.fish:before {
  14113. content: "\f578";
  14114. }
  14115. i.icon.fist.raised:before {
  14116. content: "\f6de";
  14117. }
  14118. i.icon.flag:before {
  14119. content: "\f024";
  14120. }
  14121. i.icon.flag.checkered:before {
  14122. content: "\f11e";
  14123. }
  14124. i.icon.flag.usa:before {
  14125. content: "\f74d";
  14126. }
  14127. i.icon.flask:before {
  14128. content: "\f0c3";
  14129. }
  14130. i.icon.flushed:before {
  14131. content: "\f579";
  14132. }
  14133. i.icon.folder:before {
  14134. content: "\f07b";
  14135. }
  14136. i.icon.folder.minus:before {
  14137. content: "\f65d";
  14138. }
  14139. i.icon.folder.open:before {
  14140. content: "\f07c";
  14141. }
  14142. i.icon.folder.plus:before {
  14143. content: "\f65e";
  14144. }
  14145. i.icon.font:before {
  14146. content: "\f031";
  14147. }
  14148. i.icon.football.ball:before {
  14149. content: "\f44e";
  14150. }
  14151. i.icon.forward:before {
  14152. content: "\f04e";
  14153. }
  14154. i.icon.frog:before {
  14155. content: "\f52e";
  14156. }
  14157. i.icon.frown:before {
  14158. content: "\f119";
  14159. }
  14160. i.icon.frown.open:before {
  14161. content: "\f57a";
  14162. }
  14163. i.icon.fruit-apple:before {
  14164. content: "\f5d1";
  14165. }
  14166. i.icon.funnel.dollar:before {
  14167. content: "\f662";
  14168. }
  14169. i.icon.futbol:before {
  14170. content: "\f1e3";
  14171. }
  14172. i.icon.gamepad:before {
  14173. content: "\f11b";
  14174. }
  14175. i.icon.gas.pump:before {
  14176. content: "\f52f";
  14177. }
  14178. i.icon.gavel:before {
  14179. content: "\f0e3";
  14180. }
  14181. i.icon.gem:before {
  14182. content: "\f3a5";
  14183. }
  14184. i.icon.genderless:before {
  14185. content: "\f22d";
  14186. }
  14187. i.icon.ghost:before {
  14188. content: "\f6e2";
  14189. }
  14190. i.icon.gift:before {
  14191. content: "\f06b";
  14192. }
  14193. i.icon.gifts:before {
  14194. content: "\f79c";
  14195. }
  14196. i.icon.glass.cheers:before {
  14197. content: "\f79f";
  14198. }
  14199. i.icon.glass.martini:before {
  14200. content: "\f000";
  14201. }
  14202. i.icon.glass.martini.alternate:before {
  14203. content: "\f57b";
  14204. }
  14205. i.icon.glass.whiskey:before {
  14206. content: "\f7a0";
  14207. }
  14208. i.icon.glasses:before {
  14209. content: "\f530";
  14210. }
  14211. i.icon.globe:before {
  14212. content: "\f0ac";
  14213. }
  14214. i.icon.globe.africa:before {
  14215. content: "\f57c";
  14216. }
  14217. i.icon.globe.americas:before {
  14218. content: "\f57d";
  14219. }
  14220. i.icon.globe.asia:before {
  14221. content: "\f57e";
  14222. }
  14223. i.icon.globe.europe:before {
  14224. content: "\f7a2";
  14225. }
  14226. i.icon.golf.ball:before {
  14227. content: "\f450";
  14228. }
  14229. i.icon.gopuram:before {
  14230. content: "\f664";
  14231. }
  14232. i.icon.graduation.cap:before {
  14233. content: "\f19d";
  14234. }
  14235. i.icon.greater.than:before {
  14236. content: "\f531";
  14237. }
  14238. i.icon.greater.than.equal:before {
  14239. content: "\f532";
  14240. }
  14241. i.icon.grimace:before {
  14242. content: "\f57f";
  14243. }
  14244. i.icon.grin:before {
  14245. content: "\f580";
  14246. }
  14247. i.icon.grin.alternate:before {
  14248. content: "\f581";
  14249. }
  14250. i.icon.grin.beam:before {
  14251. content: "\f582";
  14252. }
  14253. i.icon.grin.beam.sweat:before {
  14254. content: "\f583";
  14255. }
  14256. i.icon.grin.hearts:before {
  14257. content: "\f584";
  14258. }
  14259. i.icon.grin.squint:before {
  14260. content: "\f585";
  14261. }
  14262. i.icon.grin.squint.tears:before {
  14263. content: "\f586";
  14264. }
  14265. i.icon.grin.stars:before {
  14266. content: "\f587";
  14267. }
  14268. i.icon.grin.tears:before {
  14269. content: "\f588";
  14270. }
  14271. i.icon.grin.tongue:before {
  14272. content: "\f589";
  14273. }
  14274. i.icon.grin.tongue.squint:before {
  14275. content: "\f58a";
  14276. }
  14277. i.icon.grin.tongue.wink:before {
  14278. content: "\f58b";
  14279. }
  14280. i.icon.grin.wink:before {
  14281. content: "\f58c";
  14282. }
  14283. i.icon.grip.horizontal:before {
  14284. content: "\f58d";
  14285. }
  14286. i.icon.grip.lines:before {
  14287. content: "\f7a4";
  14288. }
  14289. i.icon.grip.lines.vertical:before {
  14290. content: "\f7a5";
  14291. }
  14292. i.icon.grip.vertical:before {
  14293. content: "\f58e";
  14294. }
  14295. i.icon.guitar:before {
  14296. content: "\f7a6";
  14297. }
  14298. i.icon.h.square:before {
  14299. content: "\f0fd";
  14300. }
  14301. i.icon.hamburger:before {
  14302. content: "\f805";
  14303. }
  14304. i.icon.hammer:before {
  14305. content: "\f6e3";
  14306. }
  14307. i.icon.hamsa:before {
  14308. content: "\f665";
  14309. }
  14310. i.icon.hand.holding:before {
  14311. content: "\f4bd";
  14312. }
  14313. i.icon.hand.holding.heart:before {
  14314. content: "\f4be";
  14315. }
  14316. i.icon.hand.holding.medical:before {
  14317. content: "\f95c";
  14318. }
  14319. i.icon.hand.holding.usd:before {
  14320. content: "\f4c0";
  14321. }
  14322. i.icon.hand.holding.water:before {
  14323. content: "\f4c1";
  14324. }
  14325. i.icon.hand.lizard:before {
  14326. content: "\f258";
  14327. }
  14328. i.icon.hand.middle.finger:before {
  14329. content: "\f806";
  14330. }
  14331. i.icon.hand.paper:before {
  14332. content: "\f256";
  14333. }
  14334. i.icon.hand.peace:before {
  14335. content: "\f25b";
  14336. }
  14337. i.icon.hand.point.down:before {
  14338. content: "\f0a7";
  14339. }
  14340. i.icon.hand.point.left:before {
  14341. content: "\f0a5";
  14342. }
  14343. i.icon.hand.point.right:before {
  14344. content: "\f0a4";
  14345. }
  14346. i.icon.hand.point.up:before {
  14347. content: "\f0a6";
  14348. }
  14349. i.icon.hand.pointer:before {
  14350. content: "\f25a";
  14351. }
  14352. i.icon.hand.rock:before {
  14353. content: "\f255";
  14354. }
  14355. i.icon.hand.scissors:before {
  14356. content: "\f257";
  14357. }
  14358. i.icon.hand.sparkles:before {
  14359. content: "\f95d";
  14360. }
  14361. i.icon.hand.spock:before {
  14362. content: "\f259";
  14363. }
  14364. i.icon.hands:before {
  14365. content: "\f4c2";
  14366. }
  14367. i.icon.hands.helping:before {
  14368. content: "\f4c4";
  14369. }
  14370. i.icon.hands.wash:before {
  14371. content: "\f95e";
  14372. }
  14373. i.icon.handshake:before {
  14374. content: "\f2b5";
  14375. }
  14376. i.icon.handshake.alternate.slash:before {
  14377. content: "\f95f";
  14378. }
  14379. i.icon.handshake.slash:before {
  14380. content: "\f960";
  14381. }
  14382. i.icon.hanukiah:before {
  14383. content: "\f6e6";
  14384. }
  14385. i.icon.hard.hat:before {
  14386. content: "\f807";
  14387. }
  14388. i.icon.hashtag:before {
  14389. content: "\f292";
  14390. }
  14391. i.icon.hat.cowboy:before {
  14392. content: "\f8c0";
  14393. }
  14394. i.icon.hat.cowboy.side:before {
  14395. content: "\f8c1";
  14396. }
  14397. i.icon.hat.wizard:before {
  14398. content: "\f6e8";
  14399. }
  14400. i.icon.hdd:before {
  14401. content: "\f0a0";
  14402. }
  14403. i.icon.head.side.cough:before {
  14404. content: "\f961";
  14405. }
  14406. i.icon.head.side.cough.slash:before {
  14407. content: "\f962";
  14408. }
  14409. i.icon.head.side.mask:before {
  14410. content: "\f963";
  14411. }
  14412. i.icon.head.side.virus:before {
  14413. content: "\f964";
  14414. }
  14415. i.icon.heading:before {
  14416. content: "\f1dc";
  14417. }
  14418. i.icon.headphones:before {
  14419. content: "\f025";
  14420. }
  14421. i.icon.headphones.alternate:before {
  14422. content: "\f58f";
  14423. }
  14424. i.icon.headset:before {
  14425. content: "\f590";
  14426. }
  14427. i.icon.heart:before {
  14428. content: "\f004";
  14429. }
  14430. i.icon.heart.broken:before {
  14431. content: "\f7a9";
  14432. }
  14433. i.icon.heartbeat:before {
  14434. content: "\f21e";
  14435. }
  14436. i.icon.helicopter:before {
  14437. content: "\f533";
  14438. }
  14439. i.icon.highlighter:before {
  14440. content: "\f591";
  14441. }
  14442. i.icon.hiking:before {
  14443. content: "\f6ec";
  14444. }
  14445. i.icon.hippo:before {
  14446. content: "\f6ed";
  14447. }
  14448. i.icon.history:before {
  14449. content: "\f1da";
  14450. }
  14451. i.icon.hockey.puck:before {
  14452. content: "\f453";
  14453. }
  14454. i.icon.holly.berry:before {
  14455. content: "\f7aa";
  14456. }
  14457. i.icon.home:before {
  14458. content: "\f015";
  14459. }
  14460. i.icon.horse:before {
  14461. content: "\f6f0";
  14462. }
  14463. i.icon.horse.head:before {
  14464. content: "\f7ab";
  14465. }
  14466. i.icon.hospital:before {
  14467. content: "\f0f8";
  14468. }
  14469. i.icon.hospital.alternate:before {
  14470. content: "\f47d";
  14471. }
  14472. i.icon.hospital.symbol:before {
  14473. content: "\f47e";
  14474. }
  14475. i.icon.hospital.user:before {
  14476. content: "\f80d";
  14477. }
  14478. i.icon.hot.tub:before {
  14479. content: "\f593";
  14480. }
  14481. i.icon.hotdog:before {
  14482. content: "\f80f";
  14483. }
  14484. i.icon.hotel:before {
  14485. content: "\f594";
  14486. }
  14487. i.icon.hourglass:before {
  14488. content: "\f254";
  14489. }
  14490. i.icon.hourglass.end:before {
  14491. content: "\f253";
  14492. }
  14493. i.icon.hourglass.half:before {
  14494. content: "\f252";
  14495. }
  14496. i.icon.hourglass.start:before {
  14497. content: "\f251";
  14498. }
  14499. i.icon.house.damage:before {
  14500. content: "\f6f1";
  14501. }
  14502. i.icon.house.user:before {
  14503. content: "\f965";
  14504. }
  14505. i.icon.hryvnia:before {
  14506. content: "\f6f2";
  14507. }
  14508. i.icon.i.cursor:before {
  14509. content: "\f246";
  14510. }
  14511. i.icon.ice.cream:before {
  14512. content: "\f810";
  14513. }
  14514. i.icon.icicles:before {
  14515. content: "\f7ad";
  14516. }
  14517. i.icon.icons:before {
  14518. content: "\f86d";
  14519. }
  14520. i.icon.id.badge:before {
  14521. content: "\f2c1";
  14522. }
  14523. i.icon.id.card:before {
  14524. content: "\f2c2";
  14525. }
  14526. i.icon.id.card.alternate:before {
  14527. content: "\f47f";
  14528. }
  14529. i.icon.igloo:before {
  14530. content: "\f7ae";
  14531. }
  14532. i.icon.image:before {
  14533. content: "\f03e";
  14534. }
  14535. i.icon.images:before {
  14536. content: "\f302";
  14537. }
  14538. i.icon.inbox:before {
  14539. content: "\f01c";
  14540. }
  14541. i.icon.indent:before {
  14542. content: "\f03c";
  14543. }
  14544. i.icon.industry:before {
  14545. content: "\f275";
  14546. }
  14547. i.icon.infinity:before {
  14548. content: "\f534";
  14549. }
  14550. i.icon.info:before {
  14551. content: "\f129";
  14552. }
  14553. i.icon.info.circle:before {
  14554. content: "\f05a";
  14555. }
  14556. i.icon.italic:before {
  14557. content: "\f033";
  14558. }
  14559. i.icon.jedi:before {
  14560. content: "\f669";
  14561. }
  14562. i.icon.joint:before {
  14563. content: "\f595";
  14564. }
  14565. i.icon.journal.whills:before {
  14566. content: "\f66a";
  14567. }
  14568. i.icon.kaaba:before {
  14569. content: "\f66b";
  14570. }
  14571. i.icon.key:before {
  14572. content: "\f084";
  14573. }
  14574. i.icon.keyboard:before {
  14575. content: "\f11c";
  14576. }
  14577. i.icon.khanda:before {
  14578. content: "\f66d";
  14579. }
  14580. i.icon.kiss:before {
  14581. content: "\f596";
  14582. }
  14583. i.icon.kiss.beam:before {
  14584. content: "\f597";
  14585. }
  14586. i.icon.kiss.wink.heart:before {
  14587. content: "\f598";
  14588. }
  14589. i.icon.kiwi.bird:before {
  14590. content: "\f535";
  14591. }
  14592. i.icon.landmark:before {
  14593. content: "\f66f";
  14594. }
  14595. i.icon.language:before {
  14596. content: "\f1ab";
  14597. }
  14598. i.icon.laptop:before {
  14599. content: "\f109";
  14600. }
  14601. i.icon.laptop.code:before {
  14602. content: "\f5fc";
  14603. }
  14604. i.icon.laptop.house:before {
  14605. content: "\f966";
  14606. }
  14607. i.icon.laptop.medical:before {
  14608. content: "\f812";
  14609. }
  14610. i.icon.laugh:before {
  14611. content: "\f599";
  14612. }
  14613. i.icon.laugh.beam:before {
  14614. content: "\f59a";
  14615. }
  14616. i.icon.laugh.squint:before {
  14617. content: "\f59b";
  14618. }
  14619. i.icon.laugh.wink:before {
  14620. content: "\f59c";
  14621. }
  14622. i.icon.layer.group:before {
  14623. content: "\f5fd";
  14624. }
  14625. i.icon.leaf:before {
  14626. content: "\f06c";
  14627. }
  14628. i.icon.lemon:before {
  14629. content: "\f094";
  14630. }
  14631. i.icon.less.than:before {
  14632. content: "\f536";
  14633. }
  14634. i.icon.less.than.equal:before {
  14635. content: "\f537";
  14636. }
  14637. i.icon.level.down.alternate:before {
  14638. content: "\f3be";
  14639. }
  14640. i.icon.level.up.alternate:before {
  14641. content: "\f3bf";
  14642. }
  14643. i.icon.life.ring:before {
  14644. content: "\f1cd";
  14645. }
  14646. i.icon.lightbulb:before {
  14647. content: "\f0eb";
  14648. }
  14649. i.icon.linkify:before {
  14650. content: "\f0c1";
  14651. }
  14652. i.icon.lira.sign:before {
  14653. content: "\f195";
  14654. }
  14655. i.icon.list:before {
  14656. content: "\f03a";
  14657. }
  14658. i.icon.list.alternate:before {
  14659. content: "\f022";
  14660. }
  14661. i.icon.list.ol:before {
  14662. content: "\f0cb";
  14663. }
  14664. i.icon.list.ul:before {
  14665. content: "\f0ca";
  14666. }
  14667. i.icon.location.arrow:before {
  14668. content: "\f124";
  14669. }
  14670. i.icon.lock:before {
  14671. content: "\f023";
  14672. }
  14673. i.icon.lock.open:before {
  14674. content: "\f3c1";
  14675. }
  14676. i.icon.long.arrow.alternate.down:before {
  14677. content: "\f309";
  14678. }
  14679. i.icon.long.arrow.alternate.left:before {
  14680. content: "\f30a";
  14681. }
  14682. i.icon.long.arrow.alternate.right:before {
  14683. content: "\f30b";
  14684. }
  14685. i.icon.long.arrow.alternate.up:before {
  14686. content: "\f30c";
  14687. }
  14688. i.icon.low.vision:before {
  14689. content: "\f2a8";
  14690. }
  14691. i.icon.luggage.cart:before {
  14692. content: "\f59d";
  14693. }
  14694. i.icon.lungs:before {
  14695. content: "\f604";
  14696. }
  14697. i.icon.lungs.virus:before {
  14698. content: "\f967";
  14699. }
  14700. i.icon.magic:before {
  14701. content: "\f0d0";
  14702. }
  14703. i.icon.magnet:before {
  14704. content: "\f076";
  14705. }
  14706. i.icon.mail.bulk:before {
  14707. content: "\f674";
  14708. }
  14709. i.icon.male:before {
  14710. content: "\f183";
  14711. }
  14712. i.icon.map:before {
  14713. content: "\f279";
  14714. }
  14715. i.icon.map.marked:before {
  14716. content: "\f59f";
  14717. }
  14718. i.icon.map.marked.alternate:before {
  14719. content: "\f5a0";
  14720. }
  14721. i.icon.map.marker:before {
  14722. content: "\f041";
  14723. }
  14724. i.icon.map.marker.alternate:before {
  14725. content: "\f3c5";
  14726. }
  14727. i.icon.map.pin:before {
  14728. content: "\f276";
  14729. }
  14730. i.icon.map.signs:before {
  14731. content: "\f277";
  14732. }
  14733. i.icon.marker:before {
  14734. content: "\f5a1";
  14735. }
  14736. i.icon.mars:before {
  14737. content: "\f222";
  14738. }
  14739. i.icon.mars.double:before {
  14740. content: "\f227";
  14741. }
  14742. i.icon.mars.stroke:before {
  14743. content: "\f229";
  14744. }
  14745. i.icon.mars.stroke.horizontal:before {
  14746. content: "\f22b";
  14747. }
  14748. i.icon.mars.stroke.vertical:before {
  14749. content: "\f22a";
  14750. }
  14751. i.icon.mask:before {
  14752. content: "\f6fa";
  14753. }
  14754. i.icon.medal:before {
  14755. content: "\f5a2";
  14756. }
  14757. i.icon.medkit:before {
  14758. content: "\f0fa";
  14759. }
  14760. i.icon.meh:before {
  14761. content: "\f11a";
  14762. }
  14763. i.icon.meh.blank:before {
  14764. content: "\f5a4";
  14765. }
  14766. i.icon.meh.rolling.eyes:before {
  14767. content: "\f5a5";
  14768. }
  14769. i.icon.memory:before {
  14770. content: "\f538";
  14771. }
  14772. i.icon.menorah:before {
  14773. content: "\f676";
  14774. }
  14775. i.icon.mercury:before {
  14776. content: "\f223";
  14777. }
  14778. i.icon.meteor:before {
  14779. content: "\f753";
  14780. }
  14781. i.icon.microchip:before {
  14782. content: "\f2db";
  14783. }
  14784. i.icon.microphone:before {
  14785. content: "\f130";
  14786. }
  14787. i.icon.microphone.alternate:before {
  14788. content: "\f3c9";
  14789. }
  14790. i.icon.microphone.alternate.slash:before {
  14791. content: "\f539";
  14792. }
  14793. i.icon.microphone.slash:before {
  14794. content: "\f131";
  14795. }
  14796. i.icon.microscope:before {
  14797. content: "\f610";
  14798. }
  14799. i.icon.minus:before {
  14800. content: "\f068";
  14801. }
  14802. i.icon.minus.circle:before {
  14803. content: "\f056";
  14804. }
  14805. i.icon.minus.square:before {
  14806. content: "\f146";
  14807. }
  14808. i.icon.mitten:before {
  14809. content: "\f7b5";
  14810. }
  14811. i.icon.mobile:before {
  14812. content: "\f10b";
  14813. }
  14814. i.icon.mobile.alternate:before {
  14815. content: "\f3cd";
  14816. }
  14817. i.icon.money.bill:before {
  14818. content: "\f0d6";
  14819. }
  14820. i.icon.money.bill.alternate:before {
  14821. content: "\f3d1";
  14822. }
  14823. i.icon.money.bill.wave:before {
  14824. content: "\f53a";
  14825. }
  14826. i.icon.money.bill.wave.alternate:before {
  14827. content: "\f53b";
  14828. }
  14829. i.icon.money.check:before {
  14830. content: "\f53c";
  14831. }
  14832. i.icon.money.check.alternate:before {
  14833. content: "\f53d";
  14834. }
  14835. i.icon.monument:before {
  14836. content: "\f5a6";
  14837. }
  14838. i.icon.moon:before {
  14839. content: "\f186";
  14840. }
  14841. i.icon.mortar.pestle:before {
  14842. content: "\f5a7";
  14843. }
  14844. i.icon.mosque:before {
  14845. content: "\f678";
  14846. }
  14847. i.icon.motorcycle:before {
  14848. content: "\f21c";
  14849. }
  14850. i.icon.mountain:before {
  14851. content: "\f6fc";
  14852. }
  14853. i.icon.mouse:before {
  14854. content: "\f8cc";
  14855. }
  14856. i.icon.mouse.pointer:before {
  14857. content: "\f245";
  14858. }
  14859. i.icon.mug.hot:before {
  14860. content: "\f7b6";
  14861. }
  14862. i.icon.music:before {
  14863. content: "\f001";
  14864. }
  14865. i.icon.network.wired:before {
  14866. content: "\f6ff";
  14867. }
  14868. i.icon.neuter:before {
  14869. content: "\f22c";
  14870. }
  14871. i.icon.newspaper:before {
  14872. content: "\f1ea";
  14873. }
  14874. i.icon.not.equal:before {
  14875. content: "\f53e";
  14876. }
  14877. i.icon.notes.medical:before {
  14878. content: "\f481";
  14879. }
  14880. i.icon.object.group:before {
  14881. content: "\f247";
  14882. }
  14883. i.icon.object.ungroup:before {
  14884. content: "\f248";
  14885. }
  14886. i.icon.oil.can:before {
  14887. content: "\f613";
  14888. }
  14889. i.icon.om:before {
  14890. content: "\f679";
  14891. }
  14892. i.icon.otter:before {
  14893. content: "\f700";
  14894. }
  14895. i.icon.outdent:before {
  14896. content: "\f03b";
  14897. }
  14898. i.icon.pager:before {
  14899. content: "\f815";
  14900. }
  14901. i.icon.paint.brush:before {
  14902. content: "\f1fc";
  14903. }
  14904. i.icon.paint.roller:before {
  14905. content: "\f5aa";
  14906. }
  14907. i.icon.palette:before {
  14908. content: "\f53f";
  14909. }
  14910. i.icon.pallet:before {
  14911. content: "\f482";
  14912. }
  14913. i.icon.paper.plane:before {
  14914. content: "\f1d8";
  14915. }
  14916. i.icon.paperclip:before {
  14917. content: "\f0c6";
  14918. }
  14919. i.icon.parachute.box:before {
  14920. content: "\f4cd";
  14921. }
  14922. i.icon.paragraph:before {
  14923. content: "\f1dd";
  14924. }
  14925. i.icon.parking:before {
  14926. content: "\f540";
  14927. }
  14928. i.icon.passport:before {
  14929. content: "\f5ab";
  14930. }
  14931. i.icon.pastafarianism:before {
  14932. content: "\f67b";
  14933. }
  14934. i.icon.paste:before {
  14935. content: "\f0ea";
  14936. }
  14937. i.icon.pause:before {
  14938. content: "\f04c";
  14939. }
  14940. i.icon.pause.circle:before {
  14941. content: "\f28b";
  14942. }
  14943. i.icon.paw:before {
  14944. content: "\f1b0";
  14945. }
  14946. i.icon.peace:before {
  14947. content: "\f67c";
  14948. }
  14949. i.icon.pen:before {
  14950. content: "\f304";
  14951. }
  14952. i.icon.pen.alternate:before {
  14953. content: "\f305";
  14954. }
  14955. i.icon.pen.fancy:before {
  14956. content: "\f5ac";
  14957. }
  14958. i.icon.pen.nib:before {
  14959. content: "\f5ad";
  14960. }
  14961. i.icon.pen.square:before {
  14962. content: "\f14b";
  14963. }
  14964. i.icon.pencil.alternate:before {
  14965. content: "\f303";
  14966. }
  14967. i.icon.pencil.ruler:before {
  14968. content: "\f5ae";
  14969. }
  14970. i.icon.people.arrows:before {
  14971. content: "\f968";
  14972. }
  14973. i.icon.people.carry:before {
  14974. content: "\f4ce";
  14975. }
  14976. i.icon.pepper.hot:before {
  14977. content: "\f816";
  14978. }
  14979. i.icon.percent:before {
  14980. content: "\f295";
  14981. }
  14982. i.icon.percentage:before {
  14983. content: "\f541";
  14984. }
  14985. i.icon.person.booth:before {
  14986. content: "\f756";
  14987. }
  14988. i.icon.phone:before {
  14989. content: "\f095";
  14990. }
  14991. i.icon.phone.alternate:before {
  14992. content: "\f879";
  14993. }
  14994. i.icon.phone.slash:before {
  14995. content: "\f3dd";
  14996. }
  14997. i.icon.phone.square:before {
  14998. content: "\f098";
  14999. }
  15000. i.icon.phone.square.alternate:before {
  15001. content: "\f87b";
  15002. }
  15003. i.icon.phone.volume:before {
  15004. content: "\f2a0";
  15005. }
  15006. i.icon.photo.video:before {
  15007. content: "\f87c";
  15008. }
  15009. i.icon.piggy.bank:before {
  15010. content: "\f4d3";
  15011. }
  15012. i.icon.pills:before {
  15013. content: "\f484";
  15014. }
  15015. i.icon.pizza.slice:before {
  15016. content: "\f818";
  15017. }
  15018. i.icon.place.of.worship:before {
  15019. content: "\f67f";
  15020. }
  15021. i.icon.plane:before {
  15022. content: "\f072";
  15023. }
  15024. i.icon.plane.arrival:before {
  15025. content: "\f5af";
  15026. }
  15027. i.icon.plane.departure:before {
  15028. content: "\f5b0";
  15029. }
  15030. i.icon.plane.slash:before {
  15031. content: "\f969";
  15032. }
  15033. i.icon.play:before {
  15034. content: "\f04b";
  15035. }
  15036. i.icon.play.circle:before {
  15037. content: "\f144";
  15038. }
  15039. i.icon.plug:before {
  15040. content: "\f1e6";
  15041. }
  15042. i.icon.plus:before {
  15043. content: "\f067";
  15044. }
  15045. i.icon.plus.circle:before {
  15046. content: "\f055";
  15047. }
  15048. i.icon.plus.square:before {
  15049. content: "\f0fe";
  15050. }
  15051. i.icon.podcast:before {
  15052. content: "\f2ce";
  15053. }
  15054. i.icon.poll:before {
  15055. content: "\f681";
  15056. }
  15057. i.icon.poll.horizontal:before {
  15058. content: "\f682";
  15059. }
  15060. i.icon.poo:before {
  15061. content: "\f2fe";
  15062. }
  15063. i.icon.poo.storm:before {
  15064. content: "\f75a";
  15065. }
  15066. i.icon.poop:before {
  15067. content: "\f619";
  15068. }
  15069. i.icon.portrait:before {
  15070. content: "\f3e0";
  15071. }
  15072. i.icon.pound.sign:before {
  15073. content: "\f154";
  15074. }
  15075. i.icon.power.off:before {
  15076. content: "\f011";
  15077. }
  15078. i.icon.pray:before {
  15079. content: "\f683";
  15080. }
  15081. i.icon.praying.hands:before {
  15082. content: "\f684";
  15083. }
  15084. i.icon.prescription:before {
  15085. content: "\f5b1";
  15086. }
  15087. i.icon.prescription.bottle:before {
  15088. content: "\f485";
  15089. }
  15090. i.icon.prescription.bottle.alternate:before {
  15091. content: "\f486";
  15092. }
  15093. i.icon.print:before {
  15094. content: "\f02f";
  15095. }
  15096. i.icon.procedures:before {
  15097. content: "\f487";
  15098. }
  15099. i.icon.project.diagram:before {
  15100. content: "\f542";
  15101. }
  15102. i.icon.pump.medical:before {
  15103. content: "\f96a";
  15104. }
  15105. i.icon.pump.soap:before {
  15106. content: "\f96b";
  15107. }
  15108. i.icon.puzzle.piece:before {
  15109. content: "\f12e";
  15110. }
  15111. i.icon.qrcode:before {
  15112. content: "\f029";
  15113. }
  15114. i.icon.question:before {
  15115. content: "\f128";
  15116. }
  15117. i.icon.question.circle:before {
  15118. content: "\f059";
  15119. }
  15120. i.icon.quidditch:before {
  15121. content: "\f458";
  15122. }
  15123. i.icon.quote.left:before {
  15124. content: "\f10d";
  15125. }
  15126. i.icon.quote.right:before {
  15127. content: "\f10e";
  15128. }
  15129. i.icon.quran:before {
  15130. content: "\f687";
  15131. }
  15132. i.icon.radiation:before {
  15133. content: "\f7b9";
  15134. }
  15135. i.icon.radiation.alternate:before {
  15136. content: "\f7ba";
  15137. }
  15138. i.icon.rainbow:before {
  15139. content: "\f75b";
  15140. }
  15141. i.icon.random:before {
  15142. content: "\f074";
  15143. }
  15144. i.icon.receipt:before {
  15145. content: "\f543";
  15146. }
  15147. i.icon.record.vinyl:before {
  15148. content: "\f8d9";
  15149. }
  15150. i.icon.recycle:before {
  15151. content: "\f1b8";
  15152. }
  15153. i.icon.redo:before {
  15154. content: "\f01e";
  15155. }
  15156. i.icon.redo.alternate:before {
  15157. content: "\f2f9";
  15158. }
  15159. i.icon.registered:before {
  15160. content: "\f25d";
  15161. }
  15162. i.icon.remove.format:before {
  15163. content: "\f87d";
  15164. }
  15165. i.icon.reply:before {
  15166. content: "\f3e5";
  15167. }
  15168. i.icon.reply.all:before {
  15169. content: "\f122";
  15170. }
  15171. i.icon.republican:before {
  15172. content: "\f75e";
  15173. }
  15174. i.icon.restroom:before {
  15175. content: "\f7bd";
  15176. }
  15177. i.icon.retweet:before {
  15178. content: "\f079";
  15179. }
  15180. i.icon.ribbon:before {
  15181. content: "\f4d6";
  15182. }
  15183. i.icon.ring:before {
  15184. content: "\f70b";
  15185. }
  15186. i.icon.road:before {
  15187. content: "\f018";
  15188. }
  15189. i.icon.robot:before {
  15190. content: "\f544";
  15191. }
  15192. i.icon.rocket:before {
  15193. content: "\f135";
  15194. }
  15195. i.icon.route:before {
  15196. content: "\f4d7";
  15197. }
  15198. i.icon.rss:before {
  15199. content: "\f09e";
  15200. }
  15201. i.icon.rss.square:before {
  15202. content: "\f143";
  15203. }
  15204. i.icon.ruble.sign:before {
  15205. content: "\f158";
  15206. }
  15207. i.icon.ruler:before {
  15208. content: "\f545";
  15209. }
  15210. i.icon.ruler.combined:before {
  15211. content: "\f546";
  15212. }
  15213. i.icon.ruler.horizontal:before {
  15214. content: "\f547";
  15215. }
  15216. i.icon.ruler.vertical:before {
  15217. content: "\f548";
  15218. }
  15219. i.icon.running:before {
  15220. content: "\f70c";
  15221. }
  15222. i.icon.rupee.sign:before {
  15223. content: "\f156";
  15224. }
  15225. i.icon.sad.cry:before {
  15226. content: "\f5b3";
  15227. }
  15228. i.icon.sad.tear:before {
  15229. content: "\f5b4";
  15230. }
  15231. i.icon.satellite:before {
  15232. content: "\f7bf";
  15233. }
  15234. i.icon.satellite.dish:before {
  15235. content: "\f7c0";
  15236. }
  15237. i.icon.save:before {
  15238. content: "\f0c7";
  15239. }
  15240. i.icon.school:before {
  15241. content: "\f549";
  15242. }
  15243. i.icon.screwdriver:before {
  15244. content: "\f54a";
  15245. }
  15246. i.icon.scroll:before {
  15247. content: "\f70e";
  15248. }
  15249. i.icon.sd.card:before {
  15250. content: "\f7c2";
  15251. }
  15252. i.icon.search:before {
  15253. content: "\f002";
  15254. }
  15255. i.icon.search.dollar:before {
  15256. content: "\f688";
  15257. }
  15258. i.icon.search.location:before {
  15259. content: "\f689";
  15260. }
  15261. i.icon.search.minus:before {
  15262. content: "\f010";
  15263. }
  15264. i.icon.search.plus:before {
  15265. content: "\f00e";
  15266. }
  15267. i.icon.seedling:before {
  15268. content: "\f4d8";
  15269. }
  15270. i.icon.server:before {
  15271. content: "\f233";
  15272. }
  15273. i.icon.shapes:before {
  15274. content: "\f61f";
  15275. }
  15276. i.icon.share:before {
  15277. content: "\f064";
  15278. }
  15279. i.icon.share.alternate:before {
  15280. content: "\f1e0";
  15281. }
  15282. i.icon.share.alternate.square:before {
  15283. content: "\f1e1";
  15284. }
  15285. i.icon.share.square:before {
  15286. content: "\f14d";
  15287. }
  15288. i.icon.shekel.sign:before {
  15289. content: "\f20b";
  15290. }
  15291. i.icon.shield.alternate:before {
  15292. content: "\f3ed";
  15293. }
  15294. i.icon.shield.virus:before {
  15295. content: "\f96c";
  15296. }
  15297. i.icon.ship:before {
  15298. content: "\f21a";
  15299. }
  15300. i.icon.shipping.fast:before {
  15301. content: "\f48b";
  15302. }
  15303. i.icon.shoe.prints:before {
  15304. content: "\f54b";
  15305. }
  15306. i.icon.shopping.bag:before {
  15307. content: "\f290";
  15308. }
  15309. i.icon.shopping.basket:before {
  15310. content: "\f291";
  15311. }
  15312. i.icon.shopping.cart:before {
  15313. content: "\f07a";
  15314. }
  15315. i.icon.shower:before {
  15316. content: "\f2cc";
  15317. }
  15318. i.icon.shuttle.van:before {
  15319. content: "\f5b6";
  15320. }
  15321. i.icon.sign:before {
  15322. content: "\f4d9";
  15323. }
  15324. i.icon.sign.in.alternate:before {
  15325. content: "\f2f6";
  15326. }
  15327. i.icon.sign.language:before {
  15328. content: "\f2a7";
  15329. }
  15330. i.icon.sign.out.alternate:before {
  15331. content: "\f2f5";
  15332. }
  15333. i.icon.signal:before {
  15334. content: "\f012";
  15335. }
  15336. i.icon.signature:before {
  15337. content: "\f5b7";
  15338. }
  15339. i.icon.sim.card:before {
  15340. content: "\f7c4";
  15341. }
  15342. i.icon.sitemap:before {
  15343. content: "\f0e8";
  15344. }
  15345. i.icon.skating:before {
  15346. content: "\f7c5";
  15347. }
  15348. i.icon.skiing:before {
  15349. content: "\f7c9";
  15350. }
  15351. i.icon.skiing.nordic:before {
  15352. content: "\f7ca";
  15353. }
  15354. i.icon.skull:before {
  15355. content: "\f54c";
  15356. }
  15357. i.icon.skull.crossbones:before {
  15358. content: "\f714";
  15359. }
  15360. i.icon.slash:before {
  15361. content: "\f715";
  15362. }
  15363. i.icon.sleigh:before {
  15364. content: "\f7cc";
  15365. }
  15366. i.icon.sliders.horizontal:before {
  15367. content: "\f1de";
  15368. }
  15369. i.icon.smile:before {
  15370. content: "\f118";
  15371. }
  15372. i.icon.smile.beam:before {
  15373. content: "\f5b8";
  15374. }
  15375. i.icon.smile.wink:before {
  15376. content: "\f4da";
  15377. }
  15378. i.icon.smog:before {
  15379. content: "\f75f";
  15380. }
  15381. i.icon.smoking:before {
  15382. content: "\f48d";
  15383. }
  15384. i.icon.smoking.ban:before {
  15385. content: "\f54d";
  15386. }
  15387. i.icon.sms:before {
  15388. content: "\f7cd";
  15389. }
  15390. i.icon.snowboarding:before {
  15391. content: "\f7ce";
  15392. }
  15393. i.icon.snowflake:before {
  15394. content: "\f2dc";
  15395. }
  15396. i.icon.snowman:before {
  15397. content: "\f7d0";
  15398. }
  15399. i.icon.snowplow:before {
  15400. content: "\f7d2";
  15401. }
  15402. i.icon.soap:before {
  15403. content: "\f96e";
  15404. }
  15405. i.icon.socks:before {
  15406. content: "\f696";
  15407. }
  15408. i.icon.solar.panel:before {
  15409. content: "\f5ba";
  15410. }
  15411. i.icon.sort:before {
  15412. content: "\f0dc";
  15413. }
  15414. i.icon.sort.alphabet.down:before {
  15415. content: "\f15d";
  15416. }
  15417. i.icon.sort.alphabet.down.alternate:before {
  15418. content: "\f881";
  15419. }
  15420. i.icon.sort.alphabet.up:before {
  15421. content: "\f15e";
  15422. }
  15423. i.icon.sort.alphabet.up.alternate:before {
  15424. content: "\f882";
  15425. }
  15426. i.icon.sort.amount.down:before {
  15427. content: "\f160";
  15428. }
  15429. i.icon.sort.amount.down.alternate:before {
  15430. content: "\f884";
  15431. }
  15432. i.icon.sort.amount.up:before {
  15433. content: "\f161";
  15434. }
  15435. i.icon.sort.amount.up.alternate:before {
  15436. content: "\f885";
  15437. }
  15438. i.icon.sort.down:before {
  15439. content: "\f0dd";
  15440. }
  15441. i.icon.sort.numeric.down:before {
  15442. content: "\f162";
  15443. }
  15444. i.icon.sort.numeric.down.alternate:before {
  15445. content: "\f886";
  15446. }
  15447. i.icon.sort.numeric.up:before {
  15448. content: "\f163";
  15449. }
  15450. i.icon.sort.numeric.up.alternate:before {
  15451. content: "\f887";
  15452. }
  15453. i.icon.sort.up:before {
  15454. content: "\f0de";
  15455. }
  15456. i.icon.spa:before {
  15457. content: "\f5bb";
  15458. }
  15459. i.icon.space.shuttle:before {
  15460. content: "\f197";
  15461. }
  15462. i.icon.spell.check:before {
  15463. content: "\f891";
  15464. }
  15465. i.icon.spider:before {
  15466. content: "\f717";
  15467. }
  15468. i.icon.spinner:before {
  15469. content: "\f110";
  15470. }
  15471. i.icon.splotch:before {
  15472. content: "\f5bc";
  15473. }
  15474. i.icon.spray.can:before {
  15475. content: "\f5bd";
  15476. }
  15477. i.icon.square:before {
  15478. content: "\f0c8";
  15479. }
  15480. i.icon.square.full:before {
  15481. content: "\f45c";
  15482. }
  15483. i.icon.square.root.alternate:before {
  15484. content: "\f698";
  15485. }
  15486. i.icon.stamp:before {
  15487. content: "\f5bf";
  15488. }
  15489. i.icon.star:before {
  15490. content: "\f005";
  15491. }
  15492. i.icon.star.and.crescent:before {
  15493. content: "\f699";
  15494. }
  15495. i.icon.star.half:before {
  15496. content: "\f089";
  15497. }
  15498. i.icon.star.half.alternate:before {
  15499. content: "\f5c0";
  15500. }
  15501. i.icon.star.of.david:before {
  15502. content: "\f69a";
  15503. }
  15504. i.icon.star.of.life:before {
  15505. content: "\f621";
  15506. }
  15507. i.icon.step.backward:before {
  15508. content: "\f048";
  15509. }
  15510. i.icon.step.forward:before {
  15511. content: "\f051";
  15512. }
  15513. i.icon.stethoscope:before {
  15514. content: "\f0f1";
  15515. }
  15516. i.icon.sticky.note:before {
  15517. content: "\f249";
  15518. }
  15519. i.icon.stop:before {
  15520. content: "\f04d";
  15521. }
  15522. i.icon.stop.circle:before {
  15523. content: "\f28d";
  15524. }
  15525. i.icon.stopwatch:before {
  15526. content: "\f2f2";
  15527. }
  15528. i.icon.stopwatch.twenty:before {
  15529. content: "\f96f";
  15530. }
  15531. i.icon.store:before {
  15532. content: "\f54e";
  15533. }
  15534. i.icon.store.alternate:before {
  15535. content: "\f54f";
  15536. }
  15537. i.icon.store.alternate.slash:before {
  15538. content: "\f970";
  15539. }
  15540. i.icon.store.slash:before {
  15541. content: "\f971";
  15542. }
  15543. i.icon.stream:before {
  15544. content: "\f550";
  15545. }
  15546. i.icon.street.view:before {
  15547. content: "\f21d";
  15548. }
  15549. i.icon.strikethrough:before {
  15550. content: "\f0cc";
  15551. }
  15552. i.icon.stroopwafel:before {
  15553. content: "\f551";
  15554. }
  15555. i.icon.subscript:before {
  15556. content: "\f12c";
  15557. }
  15558. i.icon.subway:before {
  15559. content: "\f239";
  15560. }
  15561. i.icon.suitcase:before {
  15562. content: "\f0f2";
  15563. }
  15564. i.icon.suitcase.rolling:before {
  15565. content: "\f5c1";
  15566. }
  15567. i.icon.sun:before {
  15568. content: "\f185";
  15569. }
  15570. i.icon.superscript:before {
  15571. content: "\f12b";
  15572. }
  15573. i.icon.surprise:before {
  15574. content: "\f5c2";
  15575. }
  15576. i.icon.swatchbook:before {
  15577. content: "\f5c3";
  15578. }
  15579. i.icon.swimmer:before {
  15580. content: "\f5c4";
  15581. }
  15582. i.icon.swimming.pool:before {
  15583. content: "\f5c5";
  15584. }
  15585. i.icon.synagogue:before {
  15586. content: "\f69b";
  15587. }
  15588. i.icon.sync:before {
  15589. content: "\f021";
  15590. }
  15591. i.icon.sync.alternate:before {
  15592. content: "\f2f1";
  15593. }
  15594. i.icon.syringe:before {
  15595. content: "\f48e";
  15596. }
  15597. i.icon.table:before {
  15598. content: "\f0ce";
  15599. }
  15600. i.icon.table.tennis:before {
  15601. content: "\f45d";
  15602. }
  15603. i.icon.tablet:before {
  15604. content: "\f10a";
  15605. }
  15606. i.icon.tablet.alternate:before {
  15607. content: "\f3fa";
  15608. }
  15609. i.icon.tablets:before {
  15610. content: "\f490";
  15611. }
  15612. i.icon.tachometer.alternate:before {
  15613. content: "\f3fd";
  15614. }
  15615. i.icon.tag:before {
  15616. content: "\f02b";
  15617. }
  15618. i.icon.tags:before {
  15619. content: "\f02c";
  15620. }
  15621. i.icon.tape:before {
  15622. content: "\f4db";
  15623. }
  15624. i.icon.tasks:before {
  15625. content: "\f0ae";
  15626. }
  15627. i.icon.taxi:before {
  15628. content: "\f1ba";
  15629. }
  15630. i.icon.teeth:before {
  15631. content: "\f62e";
  15632. }
  15633. i.icon.teeth.open:before {
  15634. content: "\f62f";
  15635. }
  15636. i.icon.temperature.high:before {
  15637. content: "\f769";
  15638. }
  15639. i.icon.temperature.low:before {
  15640. content: "\f76b";
  15641. }
  15642. i.icon.tenge:before {
  15643. content: "\f7d7";
  15644. }
  15645. i.icon.terminal:before {
  15646. content: "\f120";
  15647. }
  15648. i.icon.text.height:before {
  15649. content: "\f034";
  15650. }
  15651. i.icon.text.width:before {
  15652. content: "\f035";
  15653. }
  15654. i.icon.th:before {
  15655. content: "\f00a";
  15656. }
  15657. i.icon.th.large:before {
  15658. content: "\f009";
  15659. }
  15660. i.icon.th.list:before {
  15661. content: "\f00b";
  15662. }
  15663. i.icon.theater.masks:before {
  15664. content: "\f630";
  15665. }
  15666. i.icon.thermometer:before {
  15667. content: "\f491";
  15668. }
  15669. i.icon.thermometer.empty:before {
  15670. content: "\f2cb";
  15671. }
  15672. i.icon.thermometer.full:before {
  15673. content: "\f2c7";
  15674. }
  15675. i.icon.thermometer.half:before {
  15676. content: "\f2c9";
  15677. }
  15678. i.icon.thermometer.quarter:before {
  15679. content: "\f2ca";
  15680. }
  15681. i.icon.thermometer.three.quarters:before {
  15682. content: "\f2c8";
  15683. }
  15684. i.icon.thumbs.down:before {
  15685. content: "\f165";
  15686. }
  15687. i.icon.thumbs.up:before {
  15688. content: "\f164";
  15689. }
  15690. i.icon.thumbtack:before {
  15691. content: "\f08d";
  15692. }
  15693. i.icon.ticket.alternate:before {
  15694. content: "\f3ff";
  15695. }
  15696. i.icon.times:before {
  15697. content: "\f00d";
  15698. }
  15699. i.icon.times.circle:before {
  15700. content: "\f057";
  15701. }
  15702. i.icon.tint:before {
  15703. content: "\f043";
  15704. }
  15705. i.icon.tint.slash:before {
  15706. content: "\f5c7";
  15707. }
  15708. i.icon.tired:before {
  15709. content: "\f5c8";
  15710. }
  15711. i.icon.toggle.off:before {
  15712. content: "\f204";
  15713. }
  15714. i.icon.toggle.on:before {
  15715. content: "\f205";
  15716. }
  15717. i.icon.toilet:before {
  15718. content: "\f7d8";
  15719. }
  15720. i.icon.toilet.paper:before {
  15721. content: "\f71e";
  15722. }
  15723. i.icon.toilet.paper.slash:before {
  15724. content: "\f972";
  15725. }
  15726. i.icon.toolbox:before {
  15727. content: "\f552";
  15728. }
  15729. i.icon.tools:before {
  15730. content: "\f7d9";
  15731. }
  15732. i.icon.tooth:before {
  15733. content: "\f5c9";
  15734. }
  15735. i.icon.torah:before {
  15736. content: "\f6a0";
  15737. }
  15738. i.icon.torii.gate:before {
  15739. content: "\f6a1";
  15740. }
  15741. i.icon.tractor:before {
  15742. content: "\f722";
  15743. }
  15744. i.icon.trademark:before {
  15745. content: "\f25c";
  15746. }
  15747. i.icon.traffic.light:before {
  15748. content: "\f637";
  15749. }
  15750. i.icon.trailer:before {
  15751. content: "\f941";
  15752. }
  15753. i.icon.train:before {
  15754. content: "\f238";
  15755. }
  15756. i.icon.tram:before {
  15757. content: "\f7da";
  15758. }
  15759. i.icon.transgender:before {
  15760. content: "\f224";
  15761. }
  15762. i.icon.transgender.alternate:before {
  15763. content: "\f225";
  15764. }
  15765. i.icon.trash:before {
  15766. content: "\f1f8";
  15767. }
  15768. i.icon.trash.alternate:before {
  15769. content: "\f2ed";
  15770. }
  15771. i.icon.trash.restore:before {
  15772. content: "\f829";
  15773. }
  15774. i.icon.trash.restore.alternate:before {
  15775. content: "\f82a";
  15776. }
  15777. i.icon.tree:before {
  15778. content: "\f1bb";
  15779. }
  15780. i.icon.trophy:before {
  15781. content: "\f091";
  15782. }
  15783. i.icon.truck:before {
  15784. content: "\f0d1";
  15785. }
  15786. i.icon.truck.monster:before {
  15787. content: "\f63b";
  15788. }
  15789. i.icon.truck.moving:before {
  15790. content: "\f4df";
  15791. }
  15792. i.icon.truck.packing:before {
  15793. content: "\f4de";
  15794. }
  15795. i.icon.truck.pickup:before {
  15796. content: "\f63c";
  15797. }
  15798. i.icon.tshirt:before {
  15799. content: "\f553";
  15800. }
  15801. i.icon.tty:before {
  15802. content: "\f1e4";
  15803. }
  15804. i.icon.tv:before {
  15805. content: "\f26c";
  15806. }
  15807. i.icon.umbrella:before {
  15808. content: "\f0e9";
  15809. }
  15810. i.icon.umbrella.beach:before {
  15811. content: "\f5ca";
  15812. }
  15813. i.icon.underline:before {
  15814. content: "\f0cd";
  15815. }
  15816. i.icon.undo:before {
  15817. content: "\f0e2";
  15818. }
  15819. i.icon.undo.alternate:before {
  15820. content: "\f2ea";
  15821. }
  15822. i.icon.universal.access:before {
  15823. content: "\f29a";
  15824. }
  15825. i.icon.university:before {
  15826. content: "\f19c";
  15827. }
  15828. i.icon.unlink:before {
  15829. content: "\f127";
  15830. }
  15831. i.icon.unlock:before {
  15832. content: "\f09c";
  15833. }
  15834. i.icon.unlock.alternate:before {
  15835. content: "\f13e";
  15836. }
  15837. i.icon.upload:before {
  15838. content: "\f093";
  15839. }
  15840. i.icon.user:before {
  15841. content: "\f007";
  15842. }
  15843. i.icon.user.alternate:before {
  15844. content: "\f406";
  15845. }
  15846. i.icon.user.alternate.slash:before {
  15847. content: "\f4fa";
  15848. }
  15849. i.icon.user.astronaut:before {
  15850. content: "\f4fb";
  15851. }
  15852. i.icon.user.check:before {
  15853. content: "\f4fc";
  15854. }
  15855. i.icon.user.circle:before {
  15856. content: "\f2bd";
  15857. }
  15858. i.icon.user.clock:before {
  15859. content: "\f4fd";
  15860. }
  15861. i.icon.user.cog:before {
  15862. content: "\f4fe";
  15863. }
  15864. i.icon.user.edit:before {
  15865. content: "\f4ff";
  15866. }
  15867. i.icon.user.friends:before {
  15868. content: "\f500";
  15869. }
  15870. i.icon.user.graduate:before {
  15871. content: "\f501";
  15872. }
  15873. i.icon.user.injured:before {
  15874. content: "\f728";
  15875. }
  15876. i.icon.user.lock:before {
  15877. content: "\f502";
  15878. }
  15879. i.icon.user.md:before {
  15880. content: "\f0f0";
  15881. }
  15882. i.icon.user.minus:before {
  15883. content: "\f503";
  15884. }
  15885. i.icon.user.ninja:before {
  15886. content: "\f504";
  15887. }
  15888. i.icon.user.nurse:before {
  15889. content: "\f82f";
  15890. }
  15891. i.icon.user.plus:before {
  15892. content: "\f234";
  15893. }
  15894. i.icon.user.secret:before {
  15895. content: "\f21b";
  15896. }
  15897. i.icon.user.shield:before {
  15898. content: "\f505";
  15899. }
  15900. i.icon.user.slash:before {
  15901. content: "\f506";
  15902. }
  15903. i.icon.user.tag:before {
  15904. content: "\f507";
  15905. }
  15906. i.icon.user.tie:before {
  15907. content: "\f508";
  15908. }
  15909. i.icon.user.times:before {
  15910. content: "\f235";
  15911. }
  15912. i.icon.users:before {
  15913. content: "\f0c0";
  15914. }
  15915. i.icon.users.cog:before {
  15916. content: "\f509";
  15917. }
  15918. i.icon.utensil.spoon:before {
  15919. content: "\f2e5";
  15920. }
  15921. i.icon.utensils:before {
  15922. content: "\f2e7";
  15923. }
  15924. i.icon.vector.square:before {
  15925. content: "\f5cb";
  15926. }
  15927. i.icon.venus:before {
  15928. content: "\f221";
  15929. }
  15930. i.icon.venus.double:before {
  15931. content: "\f226";
  15932. }
  15933. i.icon.venus.mars:before {
  15934. content: "\f228";
  15935. }
  15936. i.icon.vial:before {
  15937. content: "\f492";
  15938. }
  15939. i.icon.vials:before {
  15940. content: "\f493";
  15941. }
  15942. i.icon.video:before {
  15943. content: "\f03d";
  15944. }
  15945. i.icon.video.slash:before {
  15946. content: "\f4e2";
  15947. }
  15948. i.icon.vihara:before {
  15949. content: "\f6a7";
  15950. }
  15951. i.icon.virus:before {
  15952. content: "\f974";
  15953. }
  15954. i.icon.virus.slash:before {
  15955. content: "\f975";
  15956. }
  15957. i.icon.viruses:before {
  15958. content: "\f976";
  15959. }
  15960. i.icon.voicemail:before {
  15961. content: "\f897";
  15962. }
  15963. i.icon.volleyball.ball:before {
  15964. content: "\f45f";
  15965. }
  15966. i.icon.volume.down:before {
  15967. content: "\f027";
  15968. }
  15969. i.icon.volume.mute:before {
  15970. content: "\f6a9";
  15971. }
  15972. i.icon.volume.off:before {
  15973. content: "\f026";
  15974. }
  15975. i.icon.volume.up:before {
  15976. content: "\f028";
  15977. }
  15978. i.icon.vote.yea:before {
  15979. content: "\f772";
  15980. }
  15981. i.icon.vr.cardboard:before {
  15982. content: "\f729";
  15983. }
  15984. i.icon.walking:before {
  15985. content: "\f554";
  15986. }
  15987. i.icon.wallet:before {
  15988. content: "\f555";
  15989. }
  15990. i.icon.warehouse:before {
  15991. content: "\f494";
  15992. }
  15993. i.icon.water:before {
  15994. content: "\f773";
  15995. }
  15996. i.icon.wave.square:before {
  15997. content: "\f83e";
  15998. }
  15999. i.icon.weight:before {
  16000. content: "\f496";
  16001. }
  16002. i.icon.weight.hanging:before {
  16003. content: "\f5cd";
  16004. }
  16005. i.icon.wheelchair:before {
  16006. content: "\f193";
  16007. }
  16008. i.icon.wifi:before {
  16009. content: "\f1eb";
  16010. }
  16011. i.icon.wind:before {
  16012. content: "\f72e";
  16013. }
  16014. i.icon.window.close:before {
  16015. content: "\f410";
  16016. }
  16017. i.icon.window.maximize:before {
  16018. content: "\f2d0";
  16019. }
  16020. i.icon.window.minimize:before {
  16021. content: "\f2d1";
  16022. }
  16023. i.icon.window.restore:before {
  16024. content: "\f2d2";
  16025. }
  16026. i.icon.wine.bottle:before {
  16027. content: "\f72f";
  16028. }
  16029. i.icon.wine.glass:before {
  16030. content: "\f4e3";
  16031. }
  16032. i.icon.wine.glass.alternate:before {
  16033. content: "\f5ce";
  16034. }
  16035. i.icon.won.sign:before {
  16036. content: "\f159";
  16037. }
  16038. i.icon.wrench:before {
  16039. content: "\f0ad";
  16040. }
  16041. i.icon.x.ray:before {
  16042. content: "\f497";
  16043. }
  16044. i.icon.yen.sign:before {
  16045. content: "\f157";
  16046. }
  16047. i.icon.yin.yang:before {
  16048. content: "\f6ad";
  16049. }
  16050. /* Aliases */
  16051. i.icon.add:before {
  16052. content: "\f067";
  16053. }
  16054. i.icon.add.circle:before {
  16055. content: "\f055";
  16056. }
  16057. i.icon.add.square:before {
  16058. content: "\f0fe";
  16059. }
  16060. i.icon.add.to.calendar:before {
  16061. content: "\f271";
  16062. }
  16063. i.icon.add.to.cart:before {
  16064. content: "\f217";
  16065. }
  16066. i.icon.add.user:before {
  16067. content: "\f234";
  16068. }
  16069. i.icon.alarm:before {
  16070. content: "\f0f3";
  16071. }
  16072. i.icon.alarm.mute:before {
  16073. content: "\f1f6";
  16074. }
  16075. i.icon.ald:before {
  16076. content: "\f2a2";
  16077. }
  16078. i.icon.als:before {
  16079. content: "\f2a2";
  16080. }
  16081. i.icon.announcement:before {
  16082. content: "\f0a1";
  16083. }
  16084. i.icon.area.chart:before {
  16085. content: "\f1fe";
  16086. }
  16087. i.icon.area.graph:before {
  16088. content: "\f1fe";
  16089. }
  16090. i.icon.arrow.down.cart:before {
  16091. content: "\f218";
  16092. }
  16093. i.icon.asexual:before {
  16094. content: "\f22d";
  16095. }
  16096. i.icon.asl:before {
  16097. content: "\f2a3";
  16098. }
  16099. i.icon.asl.interpreting:before {
  16100. content: "\f2a3";
  16101. }
  16102. i.icon.assistive.listening.devices:before {
  16103. content: "\f2a2";
  16104. }
  16105. i.icon.attach:before {
  16106. content: "\f0c6";
  16107. }
  16108. i.icon.attention:before {
  16109. content: "\f06a";
  16110. }
  16111. i.icon.balance:before {
  16112. content: "\f24e";
  16113. }
  16114. i.icon.bar:before {
  16115. content: "\f0fc";
  16116. }
  16117. i.icon.bathtub:before {
  16118. content: "\f2cd";
  16119. }
  16120. i.icon.battery.four:before {
  16121. content: "\f240";
  16122. }
  16123. i.icon.battery.high:before {
  16124. content: "\f241";
  16125. }
  16126. i.icon.battery.low:before {
  16127. content: "\f243";
  16128. }
  16129. i.icon.battery.medium:before {
  16130. content: "\f242";
  16131. }
  16132. i.icon.battery.one:before {
  16133. content: "\f243";
  16134. }
  16135. i.icon.battery.three:before {
  16136. content: "\f241";
  16137. }
  16138. i.icon.battery.two:before {
  16139. content: "\f242";
  16140. }
  16141. i.icon.battery.zero:before {
  16142. content: "\f244";
  16143. }
  16144. i.icon.birthday:before {
  16145. content: "\f1fd";
  16146. }
  16147. i.icon.block.layout:before {
  16148. content: "\f009";
  16149. }
  16150. i.icon.broken.chain:before {
  16151. content: "\f127";
  16152. }
  16153. i.icon.browser:before {
  16154. content: "\f022";
  16155. }
  16156. i.icon.call:before {
  16157. content: "\f095";
  16158. }
  16159. i.icon.call.square:before {
  16160. content: "\f098";
  16161. }
  16162. i.icon.cancel:before {
  16163. content: "\f00d";
  16164. }
  16165. i.icon.cart:before {
  16166. content: "\f07a";
  16167. }
  16168. i.icon.cc:before {
  16169. content: "\f20a";
  16170. }
  16171. i.icon.chain:before {
  16172. content: "\f0c1";
  16173. }
  16174. i.icon.chat:before {
  16175. content: "\f075";
  16176. }
  16177. i.icon.checked.calendar:before {
  16178. content: "\f274";
  16179. }
  16180. i.icon.checkmark:before {
  16181. content: "\f00c";
  16182. }
  16183. i.icon.checkmark.box:before {
  16184. content: "\f14a";
  16185. }
  16186. i.icon.chess.rock:before {
  16187. content: "\f447";
  16188. }
  16189. i.icon.circle.notched:before {
  16190. content: "\f1ce";
  16191. }
  16192. i.icon.circle.thin:before {
  16193. content: "\f111";
  16194. }
  16195. i.icon.close:before {
  16196. content: "\f00d";
  16197. }
  16198. i.icon.cloud.download:before {
  16199. content: "\f381";
  16200. }
  16201. i.icon.cloud.upload:before {
  16202. content: "\f382";
  16203. }
  16204. i.icon.cny:before {
  16205. content: "\f157";
  16206. }
  16207. i.icon.cocktail:before {
  16208. content: "\f000";
  16209. }
  16210. i.icon.commenting:before {
  16211. content: "\f27a";
  16212. }
  16213. i.icon.compose:before {
  16214. content: "\f303";
  16215. }
  16216. i.icon.computer:before {
  16217. content: "\f108";
  16218. }
  16219. i.icon.configure:before {
  16220. content: "\f0ad";
  16221. }
  16222. i.icon.content:before {
  16223. content: "\f0c9";
  16224. }
  16225. i.icon.conversation:before {
  16226. content: "\f086";
  16227. }
  16228. i.icon.credit.card.alternative:before {
  16229. content: "\f09d";
  16230. }
  16231. i.icon.currency:before {
  16232. content: "\f3d1";
  16233. }
  16234. i.icon.dashboard:before {
  16235. content: "\f3fd";
  16236. }
  16237. i.icon.deafness:before {
  16238. content: "\f2a4";
  16239. }
  16240. i.icon.delete:before {
  16241. content: "\f00d";
  16242. }
  16243. i.icon.delete.calendar:before {
  16244. content: "\f273";
  16245. }
  16246. i.icon.detective:before {
  16247. content: "\f21b";
  16248. }
  16249. i.icon.diamond:before {
  16250. content: "\f3a5";
  16251. }
  16252. i.icon.discussions:before {
  16253. content: "\f086";
  16254. }
  16255. i.icon.disk:before {
  16256. content: "\f0a0";
  16257. }
  16258. i.icon.doctor:before {
  16259. content: "\f0f0";
  16260. }
  16261. i.icon.dollar:before {
  16262. content: "\f155";
  16263. }
  16264. i.icon.dont:before {
  16265. content: "\f05e";
  16266. }
  16267. i.icon.drivers.license:before {
  16268. content: "\f2c2";
  16269. }
  16270. i.icon.dropdown:before {
  16271. content: "\f0d7";
  16272. }
  16273. i.icon.emergency:before {
  16274. content: "\f0f9";
  16275. }
  16276. i.icon.erase:before {
  16277. content: "\f12d";
  16278. }
  16279. i.icon.eur:before {
  16280. content: "\f153";
  16281. }
  16282. i.icon.euro:before {
  16283. content: "\f153";
  16284. }
  16285. i.icon.exchange:before {
  16286. content: "\f362";
  16287. }
  16288. i.icon.external:before {
  16289. content: "\f35d";
  16290. }
  16291. i.icon.external.share:before {
  16292. content: "\f14d";
  16293. }
  16294. i.icon.external.square:before {
  16295. content: "\f360";
  16296. }
  16297. i.icon.eyedropper:before {
  16298. content: "\f1fb";
  16299. }
  16300. i.icon.factory:before {
  16301. content: "\f275";
  16302. }
  16303. i.icon.favorite:before {
  16304. content: "\f005";
  16305. }
  16306. i.icon.feed:before {
  16307. content: "\f09e";
  16308. }
  16309. i.icon.female.homosexual:before {
  16310. content: "\f226";
  16311. }
  16312. i.icon.file.text:before {
  16313. content: "\f15c";
  16314. }
  16315. i.icon.find:before {
  16316. content: "\f1e5";
  16317. }
  16318. i.icon.first.aid:before {
  16319. content: "\f0fa";
  16320. }
  16321. i.icon.food:before {
  16322. content: "\f2e7";
  16323. }
  16324. i.icon.fork:before {
  16325. content: "\f126";
  16326. }
  16327. i.icon.game:before {
  16328. content: "\f11b";
  16329. }
  16330. i.icon.gay:before {
  16331. content: "\f227";
  16332. }
  16333. i.icon.gbp:before {
  16334. content: "\f154";
  16335. }
  16336. i.icon.grab:before {
  16337. content: "\f255";
  16338. }
  16339. i.icon.graduation:before {
  16340. content: "\f19d";
  16341. }
  16342. i.icon.grid.layout:before {
  16343. content: "\f00a";
  16344. }
  16345. i.icon.group:before {
  16346. content: "\f0c0";
  16347. }
  16348. i.icon.h:before {
  16349. content: "\f0fd";
  16350. }
  16351. i.icon.hamburger:before {
  16352. content: "\f0c9";
  16353. }
  16354. i.icon.hand.victory:before {
  16355. content: "\f25b";
  16356. }
  16357. i.icon.handicap:before {
  16358. content: "\f193";
  16359. }
  16360. i.icon.hard.of.hearing:before {
  16361. content: "\f2a4";
  16362. }
  16363. i.icon.header:before {
  16364. content: "\f1dc";
  16365. }
  16366. i.icon.heart.empty:before {
  16367. content: "\f004";
  16368. }
  16369. i.icon.help:before {
  16370. content: "\f128";
  16371. }
  16372. i.icon.help.circle:before {
  16373. content: "\f059";
  16374. }
  16375. i.icon.heterosexual:before {
  16376. content: "\f228";
  16377. }
  16378. i.icon.hide:before {
  16379. content: "\f070";
  16380. }
  16381. i.icon.hotel:before {
  16382. content: "\f236";
  16383. }
  16384. i.icon.hourglass.four:before {
  16385. content: "\f254";
  16386. }
  16387. i.icon.hourglass.full:before {
  16388. content: "\f254";
  16389. }
  16390. i.icon.hourglass.one:before {
  16391. content: "\f251";
  16392. }
  16393. i.icon.hourglass.three:before {
  16394. content: "\f253";
  16395. }
  16396. i.icon.hourglass.two:before {
  16397. content: "\f252";
  16398. }
  16399. i.icon.hourglass.zero:before {
  16400. content: "\f253";
  16401. }
  16402. i.icon.idea:before {
  16403. content: "\f0eb";
  16404. }
  16405. i.icon.ils:before {
  16406. content: "\f20b";
  16407. }
  16408. i.icon.in.cart:before {
  16409. content: "\f218";
  16410. }
  16411. i.icon.inr:before {
  16412. content: "\f156";
  16413. }
  16414. i.icon.intergender:before {
  16415. content: "\f224";
  16416. }
  16417. i.icon.intersex:before {
  16418. content: "\f224";
  16419. }
  16420. i.icon.jpy:before {
  16421. content: "\f157";
  16422. }
  16423. i.icon.krw:before {
  16424. content: "\f159";
  16425. }
  16426. i.icon.lab:before {
  16427. content: "\f0c3";
  16428. }
  16429. i.icon.law:before {
  16430. content: "\f24e";
  16431. }
  16432. i.icon.legal:before {
  16433. content: "\f0e3";
  16434. }
  16435. i.icon.lesbian:before {
  16436. content: "\f226";
  16437. }
  16438. i.icon.level.down:before {
  16439. content: "\f3be";
  16440. }
  16441. i.icon.level.up:before {
  16442. content: "\f3bf";
  16443. }
  16444. i.icon.lightning:before {
  16445. content: "\f0e7";
  16446. }
  16447. i.icon.like:before {
  16448. content: "\f004";
  16449. }
  16450. i.icon.line.graph:before {
  16451. content: "\f201";
  16452. }
  16453. i.icon.linegraph:before {
  16454. content: "\f201";
  16455. }
  16456. i.icon.linkify:before {
  16457. content: "\f0c1";
  16458. }
  16459. i.icon.lira:before {
  16460. content: "\f195";
  16461. }
  16462. i.icon.list.layout:before {
  16463. content: "\f00b";
  16464. }
  16465. i.icon.log.out:before {
  16466. content: "\f2f5";
  16467. }
  16468. i.icon.magnify:before {
  16469. content: "\f00e";
  16470. }
  16471. i.icon.mail:before {
  16472. content: "\f0e0";
  16473. }
  16474. i.icon.mail.forward:before {
  16475. content: "\f064";
  16476. }
  16477. i.icon.mail.square:before {
  16478. content: "\f199";
  16479. }
  16480. i.icon.male.homosexual:before {
  16481. content: "\f227";
  16482. }
  16483. i.icon.man:before {
  16484. content: "\f222";
  16485. }
  16486. i.icon.marker:before {
  16487. content: "\f041";
  16488. }
  16489. i.icon.mars.alternate:before {
  16490. content: "\f229";
  16491. }
  16492. i.icon.mars.horizontal:before {
  16493. content: "\f22b";
  16494. }
  16495. i.icon.mars.vertical:before {
  16496. content: "\f22a";
  16497. }
  16498. i.icon.meanpath:before {
  16499. content: "\f0c8";
  16500. }
  16501. i.icon.military:before {
  16502. content: "\f0fb";
  16503. }
  16504. i.icon.money:before {
  16505. content: "\f3d1";
  16506. }
  16507. i.icon.move:before {
  16508. content: "\f0b2";
  16509. }
  16510. i.icon.mute:before {
  16511. content: "\f131";
  16512. }
  16513. i.icon.non.binary.transgender:before {
  16514. content: "\f223";
  16515. }
  16516. i.icon.numbered.list:before {
  16517. content: "\f0cb";
  16518. }
  16519. i.icon.options:before {
  16520. content: "\f1de";
  16521. }
  16522. i.icon.ordered.list:before {
  16523. content: "\f0cb";
  16524. }
  16525. i.icon.other.gender:before {
  16526. content: "\f229";
  16527. }
  16528. i.icon.other.gender.horizontal:before {
  16529. content: "\f22b";
  16530. }
  16531. i.icon.other.gender.vertical:before {
  16532. content: "\f22a";
  16533. }
  16534. i.icon.payment:before {
  16535. content: "\f09d";
  16536. }
  16537. i.icon.pencil:before {
  16538. content: "\f303";
  16539. }
  16540. i.icon.pencil.square:before {
  16541. content: "\f14b";
  16542. }
  16543. i.icon.photo:before {
  16544. content: "\f030";
  16545. }
  16546. i.icon.picture:before {
  16547. content: "\f03e";
  16548. }
  16549. i.icon.pie.chart:before {
  16550. content: "\f200";
  16551. }
  16552. i.icon.pie.graph:before {
  16553. content: "\f200";
  16554. }
  16555. i.icon.pin:before {
  16556. content: "\f08d";
  16557. }
  16558. i.icon.plus.cart:before {
  16559. content: "\f217";
  16560. }
  16561. i.icon.point:before {
  16562. content: "\f041";
  16563. }
  16564. i.icon.pointing.down:before {
  16565. content: "\f0a7";
  16566. }
  16567. i.icon.pointing.left:before {
  16568. content: "\f0a5";
  16569. }
  16570. i.icon.pointing.right:before {
  16571. content: "\f0a4";
  16572. }
  16573. i.icon.pointing.up:before {
  16574. content: "\f0a6";
  16575. }
  16576. i.icon.pound:before {
  16577. content: "\f154";
  16578. }
  16579. i.icon.power:before {
  16580. content: "\f011";
  16581. }
  16582. i.icon.power.cord:before {
  16583. content: "\f1e6";
  16584. }
  16585. i.icon.privacy:before {
  16586. content: "\f084";
  16587. }
  16588. i.icon.protect:before {
  16589. content: "\f023";
  16590. }
  16591. i.icon.puzzle:before {
  16592. content: "\f12e";
  16593. }
  16594. i.icon.r.circle:before {
  16595. content: "\f25d";
  16596. }
  16597. i.icon.radio:before {
  16598. content: "\f192";
  16599. }
  16600. i.icon.rain:before {
  16601. content: "\f0e9";
  16602. }
  16603. i.icon.record:before {
  16604. content: "\f03d";
  16605. }
  16606. i.icon.refresh:before {
  16607. content: "\f021";
  16608. }
  16609. i.icon.remove:before {
  16610. content: "\f00d";
  16611. }
  16612. i.icon.remove.bookmark:before {
  16613. content: "\f02e";
  16614. }
  16615. i.icon.remove.circle:before {
  16616. content: "\f057";
  16617. }
  16618. i.icon.remove.from.calendar:before {
  16619. content: "\f272";
  16620. }
  16621. i.icon.remove.user:before {
  16622. content: "\f235";
  16623. }
  16624. i.icon.repeat:before {
  16625. content: "\f01e";
  16626. }
  16627. i.icon.resize.horizontal:before {
  16628. content: "\f337";
  16629. }
  16630. i.icon.resize.vertical:before {
  16631. content: "\f338";
  16632. }
  16633. i.icon.rmb:before {
  16634. content: "\f157";
  16635. }
  16636. i.icon.rouble:before {
  16637. content: "\f158";
  16638. }
  16639. i.icon.rub:before {
  16640. content: "\f158";
  16641. }
  16642. i.icon.ruble:before {
  16643. content: "\f158";
  16644. }
  16645. i.icon.rupee:before {
  16646. content: "\f156";
  16647. }
  16648. i.icon.s15:before {
  16649. content: "\f2cd";
  16650. }
  16651. i.icon.selected.radio:before {
  16652. content: "\f192";
  16653. }
  16654. i.icon.send:before {
  16655. content: "\f1d8";
  16656. }
  16657. i.icon.setting:before {
  16658. content: "\f013";
  16659. }
  16660. i.icon.settings:before {
  16661. content: "\f085";
  16662. }
  16663. i.icon.shekel:before {
  16664. content: "\f20b";
  16665. }
  16666. i.icon.sheqel:before {
  16667. content: "\f20b";
  16668. }
  16669. i.icon.shield:before {
  16670. content: "\f3ed";
  16671. }
  16672. i.icon.shipping:before {
  16673. content: "\f0d1";
  16674. }
  16675. i.icon.shop:before {
  16676. content: "\f07a";
  16677. }
  16678. i.icon.shuffle:before {
  16679. content: "\f074";
  16680. }
  16681. i.icon.shutdown:before {
  16682. content: "\f011";
  16683. }
  16684. i.icon.sidebar:before {
  16685. content: "\f0c9";
  16686. }
  16687. i.icon.sign.in:before {
  16688. content: "\f2f6";
  16689. }
  16690. i.icon.sign.out:before {
  16691. content: "\f2f5";
  16692. }
  16693. i.icon.signing:before {
  16694. content: "\f2a7";
  16695. }
  16696. i.icon.signup:before {
  16697. content: "\f044";
  16698. }
  16699. i.icon.sliders:before {
  16700. content: "\f1de";
  16701. }
  16702. i.icon.soccer:before {
  16703. content: "\f1e3";
  16704. }
  16705. i.icon.sort.alphabet.ascending:before {
  16706. content: "\f15d";
  16707. }
  16708. i.icon.sort.alphabet.descending:before {
  16709. content: "\f15e";
  16710. }
  16711. i.icon.sort.ascending:before {
  16712. content: "\f0de";
  16713. }
  16714. i.icon.sort.content.ascending:before {
  16715. content: "\f160";
  16716. }
  16717. i.icon.sort.content.descending:before {
  16718. content: "\f161";
  16719. }
  16720. i.icon.sort.descending:before {
  16721. content: "\f0dd";
  16722. }
  16723. i.icon.sort.numeric.ascending:before {
  16724. content: "\f162";
  16725. }
  16726. i.icon.sort.numeric.descending:before {
  16727. content: "\f163";
  16728. }
  16729. i.icon.sound:before {
  16730. content: "\f025";
  16731. }
  16732. i.icon.spoon:before {
  16733. content: "\f2e5";
  16734. }
  16735. i.icon.spy:before {
  16736. content: "\f21b";
  16737. }
  16738. i.icon.star.empty:before {
  16739. content: "\f005";
  16740. }
  16741. i.icon.star.half.empty:before {
  16742. content: "\f089";
  16743. }
  16744. i.icon.star.half.full:before {
  16745. content: "\f089";
  16746. }
  16747. i.icon.student:before {
  16748. content: "\f19d";
  16749. }
  16750. i.icon.talk:before {
  16751. content: "\f27a";
  16752. }
  16753. i.icon.target:before {
  16754. content: "\f140";
  16755. }
  16756. i.icon.teletype:before {
  16757. content: "\f1e4";
  16758. }
  16759. i.icon.television:before {
  16760. content: "\f26c";
  16761. }
  16762. i.icon.text.cursor:before {
  16763. content: "\f246";
  16764. }
  16765. i.icon.text.telephone:before {
  16766. content: "\f1e4";
  16767. }
  16768. i.icon.theme:before {
  16769. content: "\f043";
  16770. }
  16771. i.icon.thermometer:before {
  16772. content: "\f2c7";
  16773. }
  16774. i.icon.thumb.tack:before {
  16775. content: "\f08d";
  16776. }
  16777. i.icon.ticket:before {
  16778. content: "\f3ff";
  16779. }
  16780. i.icon.time:before {
  16781. content: "\f017";
  16782. }
  16783. i.icon.times.rectangle:before {
  16784. content: "\f410";
  16785. }
  16786. i.icon.tm:before {
  16787. content: "\f25c";
  16788. }
  16789. i.icon.toggle.down:before {
  16790. content: "\f150";
  16791. }
  16792. i.icon.toggle.left:before {
  16793. content: "\f191";
  16794. }
  16795. i.icon.toggle.right:before {
  16796. content: "\f152";
  16797. }
  16798. i.icon.toggle.up:before {
  16799. content: "\f151";
  16800. }
  16801. i.icon.translate:before {
  16802. content: "\f1ab";
  16803. }
  16804. i.icon.travel:before {
  16805. content: "\f0b1";
  16806. }
  16807. i.icon.treatment:before {
  16808. content: "\f0f1";
  16809. }
  16810. i.icon.triangle.down:before {
  16811. content: "\f0d7";
  16812. }
  16813. i.icon.triangle.left:before {
  16814. content: "\f0d9";
  16815. }
  16816. i.icon.triangle.right:before {
  16817. content: "\f0da";
  16818. }
  16819. i.icon.triangle.up:before {
  16820. content: "\f0d8";
  16821. }
  16822. i.icon.try:before {
  16823. content: "\f195";
  16824. }
  16825. i.icon.unhide:before {
  16826. content: "\f06e";
  16827. }
  16828. i.icon.unlinkify:before {
  16829. content: "\f127";
  16830. }
  16831. i.icon.unmute:before {
  16832. content: "\f130";
  16833. }
  16834. i.icon.unordered.list:before {
  16835. content: "\f0ca";
  16836. }
  16837. i.icon.usd:before {
  16838. content: "\f155";
  16839. }
  16840. i.icon.user.cancel:before {
  16841. content: "\f235";
  16842. }
  16843. i.icon.user.close:before {
  16844. content: "\f235";
  16845. }
  16846. i.icon.user.delete:before {
  16847. content: "\f235";
  16848. }
  16849. i.icon.user.doctor:before {
  16850. content: "\f0f0";
  16851. }
  16852. i.icon.user.x:before {
  16853. content: "\f235";
  16854. }
  16855. i.icon.vcard:before {
  16856. content: "\f2bb";
  16857. }
  16858. i.icon.video.camera:before {
  16859. content: "\f03d";
  16860. }
  16861. i.icon.video.play:before {
  16862. content: "\f144";
  16863. }
  16864. i.icon.volume.control.phone:before {
  16865. content: "\f2a0";
  16866. }
  16867. i.icon.wait:before {
  16868. content: "\f017";
  16869. }
  16870. i.icon.warning:before {
  16871. content: "\f12a";
  16872. }
  16873. i.icon.warning.circle:before {
  16874. content: "\f06a";
  16875. }
  16876. i.icon.warning.sign:before {
  16877. content: "\f071";
  16878. }
  16879. i.icon.wi.fi:before {
  16880. content: "\f1eb";
  16881. }
  16882. i.icon.winner:before {
  16883. content: "\f091";
  16884. }
  16885. i.icon.wizard:before {
  16886. content: "\f0d0";
  16887. }
  16888. i.icon.woman:before {
  16889. content: "\f221";
  16890. }
  16891. i.icon.won:before {
  16892. content: "\f159";
  16893. }
  16894. i.icon.world:before {
  16895. content: "\f0ac";
  16896. }
  16897. i.icon.write:before {
  16898. content: "\f303";
  16899. }
  16900. i.icon.write.square:before {
  16901. content: "\f14b";
  16902. }
  16903. i.icon.x:before {
  16904. content: "\f00d";
  16905. }
  16906. i.icon.yen:before {
  16907. content: "\f157";
  16908. }
  16909. i.icon.zip:before {
  16910. content: "\f187";
  16911. }
  16912. i.icon.zoom:before {
  16913. content: "\f00e";
  16914. }
  16915. i.icon.zoom.in:before {
  16916. content: "\f00e";
  16917. }
  16918. i.icon.zoom.out:before {
  16919. content: "\f010";
  16920. }
  16921. /*******************************
  16922. Outline Icons
  16923. *******************************/
  16924. /* Outline Icon */
  16925. /* Load & Define Icon Font */
  16926. @font-face {
  16927. font-family: 'outline-icons';
  16928. src: url("./themes/default/assets/fonts/outline-icons.eot");
  16929. src: url("./themes/default/assets/fonts/outline-icons.eot?#iefix") format('embedded-opentype'), url("./themes/default/assets/fonts/outline-icons.woff2") format('woff2'), url("./themes/default/assets/fonts/outline-icons.woff") format('woff'), url("./themes/default/assets/fonts/outline-icons.ttf") format('truetype'), url("./themes/default/assets/fonts/outline-icons.svg#icons") format('svg');
  16930. font-style: normal;
  16931. font-weight: normal;
  16932. font-variant: normal;
  16933. text-decoration: inherit;
  16934. text-transform: none;
  16935. }
  16936. i.icon.outline {
  16937. font-family: 'outline-icons';
  16938. }
  16939. /* Icons */
  16940. i.icon.address.book.outline:before {
  16941. content: "\f2b9";
  16942. }
  16943. i.icon.address.card.outline:before {
  16944. content: "\f2bb";
  16945. }
  16946. i.icon.angry.outline:before {
  16947. content: "\f556";
  16948. }
  16949. i.icon.arrow.alternate.circle.down.outline:before {
  16950. content: "\f358";
  16951. }
  16952. i.icon.arrow.alternate.circle.left.outline:before {
  16953. content: "\f359";
  16954. }
  16955. i.icon.arrow.alternate.circle.right.outline:before {
  16956. content: "\f35a";
  16957. }
  16958. i.icon.arrow.alternate.circle.up.outline:before {
  16959. content: "\f35b";
  16960. }
  16961. i.icon.bell.outline:before {
  16962. content: "\f0f3";
  16963. }
  16964. i.icon.bell.slash.outline:before {
  16965. content: "\f1f6";
  16966. }
  16967. i.icon.bookmark.outline:before {
  16968. content: "\f02e";
  16969. }
  16970. i.icon.building.outline:before {
  16971. content: "\f1ad";
  16972. }
  16973. i.icon.calendar.alternate.outline:before {
  16974. content: "\f073";
  16975. }
  16976. i.icon.calendar.check.outline:before {
  16977. content: "\f274";
  16978. }
  16979. i.icon.calendar.minus.outline:before {
  16980. content: "\f272";
  16981. }
  16982. i.icon.calendar.outline:before {
  16983. content: "\f133";
  16984. }
  16985. i.icon.calendar.plus.outline:before {
  16986. content: "\f271";
  16987. }
  16988. i.icon.calendar.times.outline:before {
  16989. content: "\f273";
  16990. }
  16991. i.icon.caret.square.down.outline:before {
  16992. content: "\f150";
  16993. }
  16994. i.icon.caret.square.left.outline:before {
  16995. content: "\f191";
  16996. }
  16997. i.icon.caret.square.right.outline:before {
  16998. content: "\f152";
  16999. }
  17000. i.icon.caret.square.up.outline:before {
  17001. content: "\f151";
  17002. }
  17003. i.icon.chart.bar.outline:before {
  17004. content: "\f080";
  17005. }
  17006. i.icon.check.circle.outline:before {
  17007. content: "\f058";
  17008. }
  17009. i.icon.check.square.outline:before {
  17010. content: "\f14a";
  17011. }
  17012. i.icon.circle.outline:before {
  17013. content: "\f111";
  17014. }
  17015. i.icon.clipboard.outline:before {
  17016. content: "\f328";
  17017. }
  17018. i.icon.clock.outline:before {
  17019. content: "\f017";
  17020. }
  17021. i.icon.clone.outline:before {
  17022. content: "\f24d";
  17023. }
  17024. i.icon.closed.captioning.outline:before {
  17025. content: "\f20a";
  17026. }
  17027. i.icon.comment.alternate.outline:before {
  17028. content: "\f27a";
  17029. }
  17030. i.icon.comment.dots.outline:before {
  17031. content: "\f4ad";
  17032. }
  17033. i.icon.comment.outline:before {
  17034. content: "\f075";
  17035. }
  17036. i.icon.comments.outline:before {
  17037. content: "\f086";
  17038. }
  17039. i.icon.compass.outline:before {
  17040. content: "\f14e";
  17041. }
  17042. i.icon.copy.outline:before {
  17043. content: "\f0c5";
  17044. }
  17045. i.icon.copyright.outline:before {
  17046. content: "\f1f9";
  17047. }
  17048. i.icon.credit.card.outline:before {
  17049. content: "\f09d";
  17050. }
  17051. i.icon.dizzy.outline:before {
  17052. content: "\f567";
  17053. }
  17054. i.icon.dot.circle.outline:before {
  17055. content: "\f192";
  17056. }
  17057. i.icon.edit.outline:before {
  17058. content: "\f044";
  17059. }
  17060. i.icon.envelope.open.outline:before {
  17061. content: "\f2b6";
  17062. }
  17063. i.icon.envelope.outline:before {
  17064. content: "\f0e0";
  17065. }
  17066. i.icon.eye.outline:before {
  17067. content: "\f06e";
  17068. }
  17069. i.icon.eye.slash.outline:before {
  17070. content: "\f070";
  17071. }
  17072. i.icon.file.alternate.outline:before {
  17073. content: "\f15c";
  17074. }
  17075. i.icon.file.archive.outline:before {
  17076. content: "\f1c6";
  17077. }
  17078. i.icon.file.audio.outline:before {
  17079. content: "\f1c7";
  17080. }
  17081. i.icon.file.code.outline:before {
  17082. content: "\f1c9";
  17083. }
  17084. i.icon.file.excel.outline:before {
  17085. content: "\f1c3";
  17086. }
  17087. i.icon.file.image.outline:before {
  17088. content: "\f1c5";
  17089. }
  17090. i.icon.file.outline:before {
  17091. content: "\f15b";
  17092. }
  17093. i.icon.file.pdf.outline:before {
  17094. content: "\f1c1";
  17095. }
  17096. i.icon.file.powerpoint.outline:before {
  17097. content: "\f1c4";
  17098. }
  17099. i.icon.file.video.outline:before {
  17100. content: "\f1c8";
  17101. }
  17102. i.icon.file.word.outline:before {
  17103. content: "\f1c2";
  17104. }
  17105. i.icon.flag.outline:before {
  17106. content: "\f024";
  17107. }
  17108. i.icon.flushed.outline:before {
  17109. content: "\f579";
  17110. }
  17111. i.icon.folder.open.outline:before {
  17112. content: "\f07c";
  17113. }
  17114. i.icon.folder.outline:before {
  17115. content: "\f07b";
  17116. }
  17117. i.icon.frown.open.outline:before {
  17118. content: "\f57a";
  17119. }
  17120. i.icon.frown.outline:before {
  17121. content: "\f119";
  17122. }
  17123. i.icon.futbol.outline:before {
  17124. content: "\f1e3";
  17125. }
  17126. i.icon.gem.outline:before {
  17127. content: "\f3a5";
  17128. }
  17129. i.icon.grimace.outline:before {
  17130. content: "\f57f";
  17131. }
  17132. i.icon.grin.alternate.outline:before {
  17133. content: "\f581";
  17134. }
  17135. i.icon.grin.beam.outline:before {
  17136. content: "\f582";
  17137. }
  17138. i.icon.grin.beam.sweat.outline:before {
  17139. content: "\f583";
  17140. }
  17141. i.icon.grin.hearts.outline:before {
  17142. content: "\f584";
  17143. }
  17144. i.icon.grin.outline:before {
  17145. content: "\f580";
  17146. }
  17147. i.icon.grin.squint.outline:before {
  17148. content: "\f585";
  17149. }
  17150. i.icon.grin.squint.tears.outline:before {
  17151. content: "\f586";
  17152. }
  17153. i.icon.grin.stars.outline:before {
  17154. content: "\f587";
  17155. }
  17156. i.icon.grin.tears.outline:before {
  17157. content: "\f588";
  17158. }
  17159. i.icon.grin.tongue.outline:before {
  17160. content: "\f589";
  17161. }
  17162. i.icon.grin.tongue.squint.outline:before {
  17163. content: "\f58a";
  17164. }
  17165. i.icon.grin.tongue.wink.outline:before {
  17166. content: "\f58b";
  17167. }
  17168. i.icon.grin.wink.outline:before {
  17169. content: "\f58c";
  17170. }
  17171. i.icon.hand.lizard.outline:before {
  17172. content: "\f258";
  17173. }
  17174. i.icon.hand.paper.outline:before {
  17175. content: "\f256";
  17176. }
  17177. i.icon.hand.peace.outline:before {
  17178. content: "\f25b";
  17179. }
  17180. i.icon.hand.point.down.outline:before {
  17181. content: "\f0a7";
  17182. }
  17183. i.icon.hand.point.left.outline:before {
  17184. content: "\f0a5";
  17185. }
  17186. i.icon.hand.point.right.outline:before {
  17187. content: "\f0a4";
  17188. }
  17189. i.icon.hand.point.up.outline:before {
  17190. content: "\f0a6";
  17191. }
  17192. i.icon.hand.pointer.outline:before {
  17193. content: "\f25a";
  17194. }
  17195. i.icon.hand.rock.outline:before {
  17196. content: "\f255";
  17197. }
  17198. i.icon.hand.scissors.outline:before {
  17199. content: "\f257";
  17200. }
  17201. i.icon.hand.spock.outline:before {
  17202. content: "\f259";
  17203. }
  17204. i.icon.handshake.outline:before {
  17205. content: "\f2b5";
  17206. }
  17207. i.icon.hdd.outline:before {
  17208. content: "\f0a0";
  17209. }
  17210. i.icon.heart.outline:before {
  17211. content: "\f004";
  17212. }
  17213. i.icon.hospital.outline:before {
  17214. content: "\f0f8";
  17215. }
  17216. i.icon.hourglass.outline:before {
  17217. content: "\f254";
  17218. }
  17219. i.icon.id.badge.outline:before {
  17220. content: "\f2c1";
  17221. }
  17222. i.icon.id.card.outline:before {
  17223. content: "\f2c2";
  17224. }
  17225. i.icon.image.outline:before {
  17226. content: "\f03e";
  17227. }
  17228. i.icon.images.outline:before {
  17229. content: "\f302";
  17230. }
  17231. i.icon.keyboard.outline:before {
  17232. content: "\f11c";
  17233. }
  17234. i.icon.kiss.beam.outline:before {
  17235. content: "\f597";
  17236. }
  17237. i.icon.kiss.outline:before {
  17238. content: "\f596";
  17239. }
  17240. i.icon.kiss.wink.heart.outline:before {
  17241. content: "\f598";
  17242. }
  17243. i.icon.laugh.beam.outline:before {
  17244. content: "\f59a";
  17245. }
  17246. i.icon.laugh.outline:before {
  17247. content: "\f599";
  17248. }
  17249. i.icon.laugh.squint.outline:before {
  17250. content: "\f59b";
  17251. }
  17252. i.icon.laugh.wink.outline:before {
  17253. content: "\f59c";
  17254. }
  17255. i.icon.lemon.outline:before {
  17256. content: "\f094";
  17257. }
  17258. i.icon.life.ring.outline:before {
  17259. content: "\f1cd";
  17260. }
  17261. i.icon.lightbulb.outline:before {
  17262. content: "\f0eb";
  17263. }
  17264. i.icon.list.alternate.outline:before {
  17265. content: "\f022";
  17266. }
  17267. i.icon.map.outline:before {
  17268. content: "\f279";
  17269. }
  17270. i.icon.meh.blank.outline:before {
  17271. content: "\f5a4";
  17272. }
  17273. i.icon.meh.outline:before {
  17274. content: "\f11a";
  17275. }
  17276. i.icon.meh.rolling.eyes.outline:before {
  17277. content: "\f5a5";
  17278. }
  17279. i.icon.minus.square.outline:before {
  17280. content: "\f146";
  17281. }
  17282. i.icon.money.bill.alternate.outline:before {
  17283. content: "\f3d1";
  17284. }
  17285. i.icon.moon.outline:before {
  17286. content: "\f186";
  17287. }
  17288. i.icon.newspaper.outline:before {
  17289. content: "\f1ea";
  17290. }
  17291. i.icon.object.group.outline:before {
  17292. content: "\f247";
  17293. }
  17294. i.icon.object.ungroup.outline:before {
  17295. content: "\f248";
  17296. }
  17297. i.icon.paper.plane.outline:before {
  17298. content: "\f1d8";
  17299. }
  17300. i.icon.pause.circle.outline:before {
  17301. content: "\f28b";
  17302. }
  17303. i.icon.play.circle.outline:before {
  17304. content: "\f144";
  17305. }
  17306. i.icon.plus.square.outline:before {
  17307. content: "\f0fe";
  17308. }
  17309. i.icon.question.circle.outline:before {
  17310. content: "\f059";
  17311. }
  17312. i.icon.registered.outline:before {
  17313. content: "\f25d";
  17314. }
  17315. i.icon.sad.cry.outline:before {
  17316. content: "\f5b3";
  17317. }
  17318. i.icon.sad.tear.outline:before {
  17319. content: "\f5b4";
  17320. }
  17321. i.icon.save.outline:before {
  17322. content: "\f0c7";
  17323. }
  17324. i.icon.share.square.outline:before {
  17325. content: "\f14d";
  17326. }
  17327. i.icon.smile.beam.outline:before {
  17328. content: "\f5b8";
  17329. }
  17330. i.icon.smile.outline:before {
  17331. content: "\f118";
  17332. }
  17333. i.icon.smile.wink.outline:before {
  17334. content: "\f4da";
  17335. }
  17336. i.icon.snowflake.outline:before {
  17337. content: "\f2dc";
  17338. }
  17339. i.icon.square.outline:before {
  17340. content: "\f0c8";
  17341. }
  17342. i.icon.star.half.outline:before {
  17343. content: "\f089";
  17344. }
  17345. i.icon.star.outline:before {
  17346. content: "\f005";
  17347. }
  17348. i.icon.sticky.note.outline:before {
  17349. content: "\f249";
  17350. }
  17351. i.icon.stop.circle.outline:before {
  17352. content: "\f28d";
  17353. }
  17354. i.icon.sun.outline:before {
  17355. content: "\f185";
  17356. }
  17357. i.icon.surprise.outline:before {
  17358. content: "\f5c2";
  17359. }
  17360. i.icon.thumbs.down.outline:before {
  17361. content: "\f165";
  17362. }
  17363. i.icon.thumbs.up.outline:before {
  17364. content: "\f164";
  17365. }
  17366. i.icon.times.circle.outline:before {
  17367. content: "\f057";
  17368. }
  17369. i.icon.tired.outline:before {
  17370. content: "\f5c8";
  17371. }
  17372. i.icon.trash.alternate.outline:before {
  17373. content: "\f2ed";
  17374. }
  17375. i.icon.user.circle.outline:before {
  17376. content: "\f2bd";
  17377. }
  17378. i.icon.user.outline:before {
  17379. content: "\f007";
  17380. }
  17381. i.icon.window.close.outline:before {
  17382. content: "\f410";
  17383. }
  17384. i.icon.window.maximize.outline:before {
  17385. content: "\f2d0";
  17386. }
  17387. i.icon.window.minimize.outline:before {
  17388. content: "\f2d1";
  17389. }
  17390. i.icon.window.restore.outline:before {
  17391. content: "\f2d2";
  17392. }
  17393. /*******************************
  17394. Brand Icons
  17395. *******************************/
  17396. /* Load & Define Brand Font */
  17397. @font-face {
  17398. font-family: 'brand-icons';
  17399. src: url("./themes/default/assets/fonts/brand-icons.eot");
  17400. src: url("./themes/default/assets/fonts/brand-icons.eot?#iefix") format('embedded-opentype'), url("./themes/default/assets/fonts/brand-icons.woff2") format('woff2'), url("./themes/default/assets/fonts/brand-icons.woff") format('woff'), url("./themes/default/assets/fonts/brand-icons.ttf") format('truetype'), url("./themes/default/assets/fonts/brand-icons.svg#icons") format('svg');
  17401. font-style: normal;
  17402. font-weight: normal;
  17403. font-variant: normal;
  17404. text-decoration: inherit;
  17405. text-transform: none;
  17406. }
  17407. /* Icons */
  17408. i.icon.\35 00px:before {
  17409. content: "\f26e";
  17410. font-family: 'brand-icons';
  17411. }
  17412. i.icon.accessible:before {
  17413. content: "\f368";
  17414. font-family: 'brand-icons';
  17415. }
  17416. i.icon.accusoft:before {
  17417. content: "\f369";
  17418. font-family: 'brand-icons';
  17419. }
  17420. i.icon.acquisitions.incorporated:before {
  17421. content: "\f6af";
  17422. font-family: 'brand-icons';
  17423. }
  17424. i.icon.adn:before {
  17425. content: "\f170";
  17426. font-family: 'brand-icons';
  17427. }
  17428. i.icon.adobe:before {
  17429. content: "\f778";
  17430. font-family: 'brand-icons';
  17431. }
  17432. i.icon.adversal:before {
  17433. content: "\f36a";
  17434. font-family: 'brand-icons';
  17435. }
  17436. i.icon.affiliatetheme:before {
  17437. content: "\f36b";
  17438. font-family: 'brand-icons';
  17439. }
  17440. i.icon.airbnb:before {
  17441. content: "\f834";
  17442. font-family: 'brand-icons';
  17443. }
  17444. i.icon.algolia:before {
  17445. content: "\f36c";
  17446. font-family: 'brand-icons';
  17447. }
  17448. i.icon.alipay:before {
  17449. content: "\f642";
  17450. font-family: 'brand-icons';
  17451. }
  17452. i.icon.amazon:before {
  17453. content: "\f270";
  17454. font-family: 'brand-icons';
  17455. }
  17456. i.icon.amazon.pay:before {
  17457. content: "\f42c";
  17458. font-family: 'brand-icons';
  17459. }
  17460. i.icon.amilia:before {
  17461. content: "\f36d";
  17462. font-family: 'brand-icons';
  17463. }
  17464. i.icon.android:before {
  17465. content: "\f17b";
  17466. font-family: 'brand-icons';
  17467. }
  17468. i.icon.angellist:before {
  17469. content: "\f209";
  17470. font-family: 'brand-icons';
  17471. }
  17472. i.icon.angrycreative:before {
  17473. content: "\f36e";
  17474. font-family: 'brand-icons';
  17475. }
  17476. i.icon.angular:before {
  17477. content: "\f420";
  17478. font-family: 'brand-icons';
  17479. }
  17480. i.icon.app.store:before {
  17481. content: "\f36f";
  17482. font-family: 'brand-icons';
  17483. }
  17484. i.icon.app.store.ios:before {
  17485. content: "\f370";
  17486. font-family: 'brand-icons';
  17487. }
  17488. i.icon.apper:before {
  17489. content: "\f371";
  17490. font-family: 'brand-icons';
  17491. }
  17492. i.icon.apple:before {
  17493. content: "\f179";
  17494. font-family: 'brand-icons';
  17495. }
  17496. i.icon.apple.pay:before {
  17497. content: "\f415";
  17498. font-family: 'brand-icons';
  17499. }
  17500. i.icon.artstation:before {
  17501. content: "\f77a";
  17502. font-family: 'brand-icons';
  17503. }
  17504. i.icon.asymmetrik:before {
  17505. content: "\f372";
  17506. font-family: 'brand-icons';
  17507. }
  17508. i.icon.atlassian:before {
  17509. content: "\f77b";
  17510. font-family: 'brand-icons';
  17511. }
  17512. i.icon.audible:before {
  17513. content: "\f373";
  17514. font-family: 'brand-icons';
  17515. }
  17516. i.icon.autoprefixer:before {
  17517. content: "\f41c";
  17518. font-family: 'brand-icons';
  17519. }
  17520. i.icon.avianex:before {
  17521. content: "\f374";
  17522. font-family: 'brand-icons';
  17523. }
  17524. i.icon.aviato:before {
  17525. content: "\f421";
  17526. font-family: 'brand-icons';
  17527. }
  17528. i.icon.aws:before {
  17529. content: "\f375";
  17530. font-family: 'brand-icons';
  17531. }
  17532. i.icon.bandcamp:before {
  17533. content: "\f2d5";
  17534. font-family: 'brand-icons';
  17535. }
  17536. i.icon.battle.net:before {
  17537. content: "\f835";
  17538. font-family: 'brand-icons';
  17539. }
  17540. i.icon.behance:before {
  17541. content: "\f1b4";
  17542. font-family: 'brand-icons';
  17543. }
  17544. i.icon.behance.square:before {
  17545. content: "\f1b5";
  17546. font-family: 'brand-icons';
  17547. }
  17548. i.icon.bimobject:before {
  17549. content: "\f378";
  17550. font-family: 'brand-icons';
  17551. }
  17552. i.icon.bitbucket:before {
  17553. content: "\f171";
  17554. font-family: 'brand-icons';
  17555. }
  17556. i.icon.bitcoin:before {
  17557. content: "\f379";
  17558. font-family: 'brand-icons';
  17559. }
  17560. i.icon.bity:before {
  17561. content: "\f37a";
  17562. font-family: 'brand-icons';
  17563. }
  17564. i.icon.black.tie:before {
  17565. content: "\f27e";
  17566. font-family: 'brand-icons';
  17567. }
  17568. i.icon.blackberry:before {
  17569. content: "\f37b";
  17570. font-family: 'brand-icons';
  17571. }
  17572. i.icon.blogger:before {
  17573. content: "\f37c";
  17574. font-family: 'brand-icons';
  17575. }
  17576. i.icon.blogger.b:before {
  17577. content: "\f37d";
  17578. font-family: 'brand-icons';
  17579. }
  17580. i.icon.bluetooth:before {
  17581. content: "\f293";
  17582. font-family: 'brand-icons';
  17583. }
  17584. i.icon.bluetooth.b:before {
  17585. content: "\f294";
  17586. font-family: 'brand-icons';
  17587. }
  17588. i.icon.bootstrap:before {
  17589. content: "\f836";
  17590. font-family: 'brand-icons';
  17591. }
  17592. i.icon.btc:before {
  17593. content: "\f15a";
  17594. font-family: 'brand-icons';
  17595. }
  17596. i.icon.buffer:before {
  17597. content: "\f837";
  17598. font-family: 'brand-icons';
  17599. }
  17600. i.icon.buromobelexperte:before {
  17601. content: "\f37f";
  17602. font-family: 'brand-icons';
  17603. }
  17604. i.icon.buy.n.large:before {
  17605. content: "\f8a6";
  17606. font-family: 'brand-icons';
  17607. }
  17608. i.icon.buysellads:before {
  17609. content: "\f20d";
  17610. font-family: 'brand-icons';
  17611. }
  17612. i.icon.canadian.maple.leaf:before {
  17613. content: "\f785";
  17614. font-family: 'brand-icons';
  17615. }
  17616. i.icon.cc.amazon.pay:before {
  17617. content: "\f42d";
  17618. font-family: 'brand-icons';
  17619. }
  17620. i.icon.cc.amex:before {
  17621. content: "\f1f3";
  17622. font-family: 'brand-icons';
  17623. }
  17624. i.icon.cc.apple.pay:before {
  17625. content: "\f416";
  17626. font-family: 'brand-icons';
  17627. }
  17628. i.icon.cc.diners.club:before {
  17629. content: "\f24c";
  17630. font-family: 'brand-icons';
  17631. }
  17632. i.icon.cc.discover:before {
  17633. content: "\f1f2";
  17634. font-family: 'brand-icons';
  17635. }
  17636. i.icon.cc.jcb:before {
  17637. content: "\f24b";
  17638. font-family: 'brand-icons';
  17639. }
  17640. i.icon.cc.mastercard:before {
  17641. content: "\f1f1";
  17642. font-family: 'brand-icons';
  17643. }
  17644. i.icon.cc.paypal:before {
  17645. content: "\f1f4";
  17646. font-family: 'brand-icons';
  17647. }
  17648. i.icon.cc.stripe:before {
  17649. content: "\f1f5";
  17650. font-family: 'brand-icons';
  17651. }
  17652. i.icon.cc.visa:before {
  17653. content: "\f1f0";
  17654. font-family: 'brand-icons';
  17655. }
  17656. i.icon.centercode:before {
  17657. content: "\f380";
  17658. font-family: 'brand-icons';
  17659. }
  17660. i.icon.centos:before {
  17661. content: "\f789";
  17662. font-family: 'brand-icons';
  17663. }
  17664. i.icon.chrome:before {
  17665. content: "\f268";
  17666. font-family: 'brand-icons';
  17667. }
  17668. i.icon.chromecast:before {
  17669. content: "\f838";
  17670. font-family: 'brand-icons';
  17671. }
  17672. i.icon.cloudscale:before {
  17673. content: "\f383";
  17674. font-family: 'brand-icons';
  17675. }
  17676. i.icon.cloudsmith:before {
  17677. content: "\f384";
  17678. font-family: 'brand-icons';
  17679. }
  17680. i.icon.cloudversify:before {
  17681. content: "\f385";
  17682. font-family: 'brand-icons';
  17683. }
  17684. i.icon.codepen:before {
  17685. content: "\f1cb";
  17686. font-family: 'brand-icons';
  17687. }
  17688. i.icon.codiepie:before {
  17689. content: "\f284";
  17690. font-family: 'brand-icons';
  17691. }
  17692. i.icon.confluence:before {
  17693. content: "\f78d";
  17694. font-family: 'brand-icons';
  17695. }
  17696. i.icon.connectdevelop:before {
  17697. content: "\f20e";
  17698. font-family: 'brand-icons';
  17699. }
  17700. i.icon.contao:before {
  17701. content: "\f26d";
  17702. font-family: 'brand-icons';
  17703. }
  17704. i.icon.cotton.bureau:before {
  17705. content: "\f89e";
  17706. font-family: 'brand-icons';
  17707. }
  17708. i.icon.cpanel:before {
  17709. content: "\f388";
  17710. font-family: 'brand-icons';
  17711. }
  17712. i.icon.creative.commons:before {
  17713. content: "\f25e";
  17714. font-family: 'brand-icons';
  17715. }
  17716. i.icon.creative.commons.by:before {
  17717. content: "\f4e7";
  17718. font-family: 'brand-icons';
  17719. }
  17720. i.icon.creative.commons.nc:before {
  17721. content: "\f4e8";
  17722. font-family: 'brand-icons';
  17723. }
  17724. i.icon.creative.commons.nc.eu:before {
  17725. content: "\f4e9";
  17726. font-family: 'brand-icons';
  17727. }
  17728. i.icon.creative.commons.nc.jp:before {
  17729. content: "\f4ea";
  17730. font-family: 'brand-icons';
  17731. }
  17732. i.icon.creative.commons.nd:before {
  17733. content: "\f4eb";
  17734. font-family: 'brand-icons';
  17735. }
  17736. i.icon.creative.commons.pd:before {
  17737. content: "\f4ec";
  17738. font-family: 'brand-icons';
  17739. }
  17740. i.icon.creative.commons.pd.alternate:before {
  17741. content: "\f4ed";
  17742. font-family: 'brand-icons';
  17743. }
  17744. i.icon.creative.commons.remix:before {
  17745. content: "\f4ee";
  17746. font-family: 'brand-icons';
  17747. }
  17748. i.icon.creative.commons.sa:before {
  17749. content: "\f4ef";
  17750. font-family: 'brand-icons';
  17751. }
  17752. i.icon.creative.commons.sampling:before {
  17753. content: "\f4f0";
  17754. font-family: 'brand-icons';
  17755. }
  17756. i.icon.creative.commons.sampling.plus:before {
  17757. content: "\f4f1";
  17758. font-family: 'brand-icons';
  17759. }
  17760. i.icon.creative.commons.share:before {
  17761. content: "\f4f2";
  17762. font-family: 'brand-icons';
  17763. }
  17764. i.icon.creative.commons.zero:before {
  17765. content: "\f4f3";
  17766. font-family: 'brand-icons';
  17767. }
  17768. i.icon.critical.role:before {
  17769. content: "\f6c9";
  17770. font-family: 'brand-icons';
  17771. }
  17772. i.icon.css3:before {
  17773. content: "\f13c";
  17774. font-family: 'brand-icons';
  17775. }
  17776. i.icon.css3.alternate:before {
  17777. content: "\f38b";
  17778. font-family: 'brand-icons';
  17779. }
  17780. i.icon.cuttlefish:before {
  17781. content: "\f38c";
  17782. font-family: 'brand-icons';
  17783. }
  17784. i.icon.d.and.d:before {
  17785. content: "\f38d";
  17786. font-family: 'brand-icons';
  17787. }
  17788. i.icon.d.and.d.beyond:before {
  17789. content: "\f6ca";
  17790. font-family: 'brand-icons';
  17791. }
  17792. i.icon.dailymotion:before {
  17793. content: "\f952";
  17794. font-family: 'brand-icons';
  17795. }
  17796. i.icon.dashcube:before {
  17797. content: "\f210";
  17798. font-family: 'brand-icons';
  17799. }
  17800. i.icon.delicious:before {
  17801. content: "\f1a5";
  17802. font-family: 'brand-icons';
  17803. }
  17804. i.icon.deploydog:before {
  17805. content: "\f38e";
  17806. font-family: 'brand-icons';
  17807. }
  17808. i.icon.deskpro:before {
  17809. content: "\f38f";
  17810. font-family: 'brand-icons';
  17811. }
  17812. i.icon.dev:before {
  17813. content: "\f6cc";
  17814. font-family: 'brand-icons';
  17815. }
  17816. i.icon.deviantart:before {
  17817. content: "\f1bd";
  17818. font-family: 'brand-icons';
  17819. }
  17820. i.icon.dhl:before {
  17821. content: "\f790";
  17822. font-family: 'brand-icons';
  17823. }
  17824. i.icon.diaspora:before {
  17825. content: "\f791";
  17826. font-family: 'brand-icons';
  17827. }
  17828. i.icon.digg:before {
  17829. content: "\f1a6";
  17830. font-family: 'brand-icons';
  17831. }
  17832. i.icon.digital.ocean:before {
  17833. content: "\f391";
  17834. font-family: 'brand-icons';
  17835. }
  17836. i.icon.discord:before {
  17837. content: "\f392";
  17838. font-family: 'brand-icons';
  17839. }
  17840. i.icon.discourse:before {
  17841. content: "\f393";
  17842. font-family: 'brand-icons';
  17843. }
  17844. i.icon.dochub:before {
  17845. content: "\f394";
  17846. font-family: 'brand-icons';
  17847. }
  17848. i.icon.docker:before {
  17849. content: "\f395";
  17850. font-family: 'brand-icons';
  17851. }
  17852. i.icon.draft2digital:before {
  17853. content: "\f396";
  17854. font-family: 'brand-icons';
  17855. }
  17856. i.icon.dribbble:before {
  17857. content: "\f17d";
  17858. font-family: 'brand-icons';
  17859. }
  17860. i.icon.dribbble.square:before {
  17861. content: "\f397";
  17862. font-family: 'brand-icons';
  17863. }
  17864. i.icon.dropbox:before {
  17865. content: "\f16b";
  17866. font-family: 'brand-icons';
  17867. }
  17868. i.icon.drupal:before {
  17869. content: "\f1a9";
  17870. font-family: 'brand-icons';
  17871. }
  17872. i.icon.dyalog:before {
  17873. content: "\f399";
  17874. font-family: 'brand-icons';
  17875. }
  17876. i.icon.earlybirds:before {
  17877. content: "\f39a";
  17878. font-family: 'brand-icons';
  17879. }
  17880. i.icon.ebay:before {
  17881. content: "\f4f4";
  17882. font-family: 'brand-icons';
  17883. }
  17884. i.icon.edge:before {
  17885. content: "\f282";
  17886. font-family: 'brand-icons';
  17887. }
  17888. i.icon.elementor:before {
  17889. content: "\f430";
  17890. font-family: 'brand-icons';
  17891. }
  17892. i.icon.ello:before {
  17893. content: "\f5f1";
  17894. font-family: 'brand-icons';
  17895. }
  17896. i.icon.ember:before {
  17897. content: "\f423";
  17898. font-family: 'brand-icons';
  17899. }
  17900. i.icon.empire:before {
  17901. content: "\f1d1";
  17902. font-family: 'brand-icons';
  17903. }
  17904. i.icon.envira:before {
  17905. content: "\f299";
  17906. font-family: 'brand-icons';
  17907. }
  17908. i.icon.erlang:before {
  17909. content: "\f39d";
  17910. font-family: 'brand-icons';
  17911. }
  17912. i.icon.ethereum:before {
  17913. content: "\f42e";
  17914. font-family: 'brand-icons';
  17915. }
  17916. i.icon.etsy:before {
  17917. content: "\f2d7";
  17918. font-family: 'brand-icons';
  17919. }
  17920. i.icon.evernote:before {
  17921. content: "\f839";
  17922. font-family: 'brand-icons';
  17923. }
  17924. i.icon.expeditedssl:before {
  17925. content: "\f23e";
  17926. font-family: 'brand-icons';
  17927. }
  17928. i.icon.facebook:before {
  17929. content: "\f09a";
  17930. font-family: 'brand-icons';
  17931. }
  17932. i.icon.facebook.f:before {
  17933. content: "\f39e";
  17934. font-family: 'brand-icons';
  17935. }
  17936. i.icon.facebook.messenger:before {
  17937. content: "\f39f";
  17938. font-family: 'brand-icons';
  17939. }
  17940. i.icon.facebook.square:before {
  17941. content: "\f082";
  17942. font-family: 'brand-icons';
  17943. }
  17944. i.icon.fantasy.flight.games:before {
  17945. content: "\f6dc";
  17946. font-family: 'brand-icons';
  17947. }
  17948. i.icon.fedex:before {
  17949. content: "\f797";
  17950. font-family: 'brand-icons';
  17951. }
  17952. i.icon.fedora:before {
  17953. content: "\f798";
  17954. font-family: 'brand-icons';
  17955. }
  17956. i.icon.figma:before {
  17957. content: "\f799";
  17958. font-family: 'brand-icons';
  17959. }
  17960. i.icon.firefox:before {
  17961. content: "\f269";
  17962. font-family: 'brand-icons';
  17963. }
  17964. i.icon.firefox.browser:before {
  17965. content: "\f907";
  17966. font-family: 'brand-icons';
  17967. }
  17968. i.icon.first.order:before {
  17969. content: "\f2b0";
  17970. font-family: 'brand-icons';
  17971. }
  17972. i.icon.first.order.alternate:before {
  17973. content: "\f50a";
  17974. font-family: 'brand-icons';
  17975. }
  17976. i.icon.firstdraft:before {
  17977. content: "\f3a1";
  17978. font-family: 'brand-icons';
  17979. }
  17980. i.icon.flickr:before {
  17981. content: "\f16e";
  17982. font-family: 'brand-icons';
  17983. }
  17984. i.icon.flipboard:before {
  17985. content: "\f44d";
  17986. font-family: 'brand-icons';
  17987. }
  17988. i.icon.fly:before {
  17989. content: "\f417";
  17990. font-family: 'brand-icons';
  17991. }
  17992. i.icon.font.awesome:before {
  17993. content: "\f2b4";
  17994. font-family: 'brand-icons';
  17995. }
  17996. i.icon.font.awesome.alternate:before {
  17997. content: "\f35c";
  17998. font-family: 'brand-icons';
  17999. }
  18000. i.icon.font.awesome.flag:before {
  18001. content: "\f425";
  18002. font-family: 'brand-icons';
  18003. }
  18004. i.icon.fonticons:before {
  18005. content: "\f280";
  18006. font-family: 'brand-icons';
  18007. }
  18008. i.icon.fonticons.fi:before {
  18009. content: "\f3a2";
  18010. font-family: 'brand-icons';
  18011. }
  18012. i.icon.fort.awesome:before {
  18013. content: "\f286";
  18014. font-family: 'brand-icons';
  18015. }
  18016. i.icon.fort.awesome.alternate:before {
  18017. content: "\f3a3";
  18018. font-family: 'brand-icons';
  18019. }
  18020. i.icon.forumbee:before {
  18021. content: "\f211";
  18022. font-family: 'brand-icons';
  18023. }
  18024. i.icon.foursquare:before {
  18025. content: "\f180";
  18026. font-family: 'brand-icons';
  18027. }
  18028. i.icon.free.code.camp:before {
  18029. content: "\f2c5";
  18030. font-family: 'brand-icons';
  18031. }
  18032. i.icon.freebsd:before {
  18033. content: "\f3a4";
  18034. font-family: 'brand-icons';
  18035. }
  18036. i.icon.fulcrum:before {
  18037. content: "\f50b";
  18038. font-family: 'brand-icons';
  18039. }
  18040. i.icon.galactic.republic:before {
  18041. content: "\f50c";
  18042. font-family: 'brand-icons';
  18043. }
  18044. i.icon.galactic.senate:before {
  18045. content: "\f50d";
  18046. font-family: 'brand-icons';
  18047. }
  18048. i.icon.get.pocket:before {
  18049. content: "\f265";
  18050. font-family: 'brand-icons';
  18051. }
  18052. i.icon.gg:before {
  18053. content: "\f260";
  18054. font-family: 'brand-icons';
  18055. }
  18056. i.icon.gg.circle:before {
  18057. content: "\f261";
  18058. font-family: 'brand-icons';
  18059. }
  18060. i.icon.git:before {
  18061. content: "\f1d3";
  18062. font-family: 'brand-icons';
  18063. }
  18064. i.icon.git.alternate:before {
  18065. content: "\f841";
  18066. font-family: 'brand-icons';
  18067. }
  18068. i.icon.git.square:before {
  18069. content: "\f1d2";
  18070. font-family: 'brand-icons';
  18071. }
  18072. i.icon.github:before {
  18073. content: "\f09b";
  18074. font-family: 'brand-icons';
  18075. }
  18076. i.icon.github.alternate:before {
  18077. content: "\f113";
  18078. font-family: 'brand-icons';
  18079. }
  18080. i.icon.github.square:before {
  18081. content: "\f092";
  18082. font-family: 'brand-icons';
  18083. }
  18084. i.icon.gitkraken:before {
  18085. content: "\f3a6";
  18086. font-family: 'brand-icons';
  18087. }
  18088. i.icon.gitlab:before {
  18089. content: "\f296";
  18090. font-family: 'brand-icons';
  18091. }
  18092. i.icon.gitter:before {
  18093. content: "\f426";
  18094. font-family: 'brand-icons';
  18095. }
  18096. i.icon.glide:before {
  18097. content: "\f2a5";
  18098. font-family: 'brand-icons';
  18099. }
  18100. i.icon.glide.g:before {
  18101. content: "\f2a6";
  18102. font-family: 'brand-icons';
  18103. }
  18104. i.icon.gofore:before {
  18105. content: "\f3a7";
  18106. font-family: 'brand-icons';
  18107. }
  18108. i.icon.goodreads:before {
  18109. content: "\f3a8";
  18110. font-family: 'brand-icons';
  18111. }
  18112. i.icon.goodreads.g:before {
  18113. content: "\f3a9";
  18114. font-family: 'brand-icons';
  18115. }
  18116. i.icon.google:before {
  18117. content: "\f1a0";
  18118. font-family: 'brand-icons';
  18119. }
  18120. i.icon.google.drive:before {
  18121. content: "\f3aa";
  18122. font-family: 'brand-icons';
  18123. }
  18124. i.icon.google.play:before {
  18125. content: "\f3ab";
  18126. font-family: 'brand-icons';
  18127. }
  18128. i.icon.google.plus:before {
  18129. content: "\f2b3";
  18130. font-family: 'brand-icons';
  18131. }
  18132. i.icon.google.plus.g:before {
  18133. content: "\f0d5";
  18134. font-family: 'brand-icons';
  18135. }
  18136. i.icon.google.plus.square:before {
  18137. content: "\f0d4";
  18138. font-family: 'brand-icons';
  18139. }
  18140. i.icon.google.wallet:before {
  18141. content: "\f1ee";
  18142. font-family: 'brand-icons';
  18143. }
  18144. i.icon.gratipay:before {
  18145. content: "\f184";
  18146. font-family: 'brand-icons';
  18147. }
  18148. i.icon.grav:before {
  18149. content: "\f2d6";
  18150. font-family: 'brand-icons';
  18151. }
  18152. i.icon.gripfire:before {
  18153. content: "\f3ac";
  18154. font-family: 'brand-icons';
  18155. }
  18156. i.icon.grunt:before {
  18157. content: "\f3ad";
  18158. font-family: 'brand-icons';
  18159. }
  18160. i.icon.gulp:before {
  18161. content: "\f3ae";
  18162. font-family: 'brand-icons';
  18163. }
  18164. i.icon.hacker.news:before {
  18165. content: "\f1d4";
  18166. font-family: 'brand-icons';
  18167. }
  18168. i.icon.hacker.news.square:before {
  18169. content: "\f3af";
  18170. font-family: 'brand-icons';
  18171. }
  18172. i.icon.hackerrank:before {
  18173. content: "\f5f7";
  18174. font-family: 'brand-icons';
  18175. }
  18176. i.icon.hips:before {
  18177. content: "\f452";
  18178. font-family: 'brand-icons';
  18179. }
  18180. i.icon.hire.a.helper:before {
  18181. content: "\f3b0";
  18182. font-family: 'brand-icons';
  18183. }
  18184. i.icon.hooli:before {
  18185. content: "\f427";
  18186. font-family: 'brand-icons';
  18187. }
  18188. i.icon.hornbill:before {
  18189. content: "\f592";
  18190. font-family: 'brand-icons';
  18191. }
  18192. i.icon.hotjar:before {
  18193. content: "\f3b1";
  18194. font-family: 'brand-icons';
  18195. }
  18196. i.icon.houzz:before {
  18197. content: "\f27c";
  18198. font-family: 'brand-icons';
  18199. }
  18200. i.icon.html5:before {
  18201. content: "\f13b";
  18202. font-family: 'brand-icons';
  18203. }
  18204. i.icon.hubspot:before {
  18205. content: "\f3b2";
  18206. font-family: 'brand-icons';
  18207. }
  18208. i.icon.ideal:before {
  18209. content: "\f913";
  18210. font-family: 'brand-icons';
  18211. }
  18212. i.icon.imdb:before {
  18213. content: "\f2d8";
  18214. font-family: 'brand-icons';
  18215. }
  18216. i.icon.instagram:before {
  18217. content: "\f16d";
  18218. font-family: 'brand-icons';
  18219. }
  18220. i.icon.instagram.square:before {
  18221. content: "\f955";
  18222. font-family: 'brand-icons';
  18223. }
  18224. i.icon.intercom:before {
  18225. content: "\f7af";
  18226. font-family: 'brand-icons';
  18227. }
  18228. i.icon.internet.explorer:before {
  18229. content: "\f26b";
  18230. font-family: 'brand-icons';
  18231. }
  18232. i.icon.invision:before {
  18233. content: "\f7b0";
  18234. font-family: 'brand-icons';
  18235. }
  18236. i.icon.ioxhost:before {
  18237. content: "\f208";
  18238. font-family: 'brand-icons';
  18239. }
  18240. i.icon.itch.io:before {
  18241. content: "\f83a";
  18242. font-family: 'brand-icons';
  18243. }
  18244. i.icon.itunes:before {
  18245. content: "\f3b4";
  18246. font-family: 'brand-icons';
  18247. }
  18248. i.icon.itunes.note:before {
  18249. content: "\f3b5";
  18250. font-family: 'brand-icons';
  18251. }
  18252. i.icon.java:before {
  18253. content: "\f4e4";
  18254. font-family: 'brand-icons';
  18255. }
  18256. i.icon.jedi.order:before {
  18257. content: "\f50e";
  18258. font-family: 'brand-icons';
  18259. }
  18260. i.icon.jenkins:before {
  18261. content: "\f3b6";
  18262. font-family: 'brand-icons';
  18263. }
  18264. i.icon.jira:before {
  18265. content: "\f7b1";
  18266. font-family: 'brand-icons';
  18267. }
  18268. i.icon.joget:before {
  18269. content: "\f3b7";
  18270. font-family: 'brand-icons';
  18271. }
  18272. i.icon.joomla:before {
  18273. content: "\f1aa";
  18274. font-family: 'brand-icons';
  18275. }
  18276. i.icon.js:before {
  18277. content: "\f3b8";
  18278. font-family: 'brand-icons';
  18279. }
  18280. i.icon.js.square:before {
  18281. content: "\f3b9";
  18282. font-family: 'brand-icons';
  18283. }
  18284. i.icon.jsfiddle:before {
  18285. content: "\f1cc";
  18286. font-family: 'brand-icons';
  18287. }
  18288. i.icon.kaggle:before {
  18289. content: "\f5fa";
  18290. font-family: 'brand-icons';
  18291. }
  18292. i.icon.keybase:before {
  18293. content: "\f4f5";
  18294. font-family: 'brand-icons';
  18295. }
  18296. i.icon.keycdn:before {
  18297. content: "\f3ba";
  18298. font-family: 'brand-icons';
  18299. }
  18300. i.icon.kickstarter:before {
  18301. content: "\f3bb";
  18302. font-family: 'brand-icons';
  18303. }
  18304. i.icon.kickstarter.k:before {
  18305. content: "\f3bc";
  18306. font-family: 'brand-icons';
  18307. }
  18308. i.icon.korvue:before {
  18309. content: "\f42f";
  18310. font-family: 'brand-icons';
  18311. }
  18312. i.icon.laravel:before {
  18313. content: "\f3bd";
  18314. font-family: 'brand-icons';
  18315. }
  18316. i.icon.lastfm:before {
  18317. content: "\f202";
  18318. font-family: 'brand-icons';
  18319. }
  18320. i.icon.lastfm.square:before {
  18321. content: "\f203";
  18322. font-family: 'brand-icons';
  18323. }
  18324. i.icon.leanpub:before {
  18325. content: "\f212";
  18326. font-family: 'brand-icons';
  18327. }
  18328. i.icon.lesscss:before {
  18329. content: "\f41d";
  18330. font-family: 'brand-icons';
  18331. }
  18332. i.icon.linechat:before {
  18333. content: "\f3c0";
  18334. font-family: 'brand-icons';
  18335. }
  18336. i.icon.linkedin:before {
  18337. content: "\f08c";
  18338. font-family: 'brand-icons';
  18339. }
  18340. i.icon.linkedin.in:before {
  18341. content: "\f0e1";
  18342. font-family: 'brand-icons';
  18343. }
  18344. i.icon.linode:before {
  18345. content: "\f2b8";
  18346. font-family: 'brand-icons';
  18347. }
  18348. i.icon.linux:before {
  18349. content: "\f17c";
  18350. font-family: 'brand-icons';
  18351. }
  18352. i.icon.lyft:before {
  18353. content: "\f3c3";
  18354. font-family: 'brand-icons';
  18355. }
  18356. i.icon.magento:before {
  18357. content: "\f3c4";
  18358. font-family: 'brand-icons';
  18359. }
  18360. i.icon.mailchimp:before {
  18361. content: "\f59e";
  18362. font-family: 'brand-icons';
  18363. }
  18364. i.icon.mandalorian:before {
  18365. content: "\f50f";
  18366. font-family: 'brand-icons';
  18367. }
  18368. i.icon.markdown:before {
  18369. content: "\f60f";
  18370. font-family: 'brand-icons';
  18371. }
  18372. i.icon.mastodon:before {
  18373. content: "\f4f6";
  18374. font-family: 'brand-icons';
  18375. }
  18376. i.icon.maxcdn:before {
  18377. content: "\f136";
  18378. font-family: 'brand-icons';
  18379. }
  18380. i.icon.mdb:before {
  18381. content: "\f8ca";
  18382. font-family: 'brand-icons';
  18383. }
  18384. i.icon.medapps:before {
  18385. content: "\f3c6";
  18386. font-family: 'brand-icons';
  18387. }
  18388. i.icon.medium:before {
  18389. content: "\f23a";
  18390. font-family: 'brand-icons';
  18391. }
  18392. i.icon.medium.m:before {
  18393. content: "\f3c7";
  18394. font-family: 'brand-icons';
  18395. }
  18396. i.icon.medrt:before {
  18397. content: "\f3c8";
  18398. font-family: 'brand-icons';
  18399. }
  18400. i.icon.meetup:before {
  18401. content: "\f2e0";
  18402. font-family: 'brand-icons';
  18403. }
  18404. i.icon.megaport:before {
  18405. content: "\f5a3";
  18406. font-family: 'brand-icons';
  18407. }
  18408. i.icon.mendeley:before {
  18409. content: "\f7b3";
  18410. font-family: 'brand-icons';
  18411. }
  18412. i.icon.microblog:before {
  18413. content: "\f91a";
  18414. font-family: 'brand-icons';
  18415. }
  18416. i.icon.microsoft:before {
  18417. content: "\f3ca";
  18418. font-family: 'brand-icons';
  18419. }
  18420. i.icon.mix:before {
  18421. content: "\f3cb";
  18422. font-family: 'brand-icons';
  18423. }
  18424. i.icon.mixcloud:before {
  18425. content: "\f289";
  18426. font-family: 'brand-icons';
  18427. }
  18428. i.icon.mixer:before {
  18429. content: "\f956";
  18430. font-family: 'brand-icons';
  18431. }
  18432. i.icon.mizuni:before {
  18433. content: "\f3cc";
  18434. font-family: 'brand-icons';
  18435. }
  18436. i.icon.modx:before {
  18437. content: "\f285";
  18438. font-family: 'brand-icons';
  18439. }
  18440. i.icon.monero:before {
  18441. content: "\f3d0";
  18442. font-family: 'brand-icons';
  18443. }
  18444. i.icon.napster:before {
  18445. content: "\f3d2";
  18446. font-family: 'brand-icons';
  18447. }
  18448. i.icon.neos:before {
  18449. content: "\f612";
  18450. font-family: 'brand-icons';
  18451. }
  18452. i.icon.nimblr:before {
  18453. content: "\f5a8";
  18454. font-family: 'brand-icons';
  18455. }
  18456. i.icon.node:before {
  18457. content: "\f419";
  18458. font-family: 'brand-icons';
  18459. }
  18460. i.icon.node.js:before {
  18461. content: "\f3d3";
  18462. font-family: 'brand-icons';
  18463. }
  18464. i.icon.npm:before {
  18465. content: "\f3d4";
  18466. font-family: 'brand-icons';
  18467. }
  18468. i.icon.ns8:before {
  18469. content: "\f3d5";
  18470. font-family: 'brand-icons';
  18471. }
  18472. i.icon.nutritionix:before {
  18473. content: "\f3d6";
  18474. font-family: 'brand-icons';
  18475. }
  18476. i.icon.odnoklassniki:before {
  18477. content: "\f263";
  18478. font-family: 'brand-icons';
  18479. }
  18480. i.icon.odnoklassniki.square:before {
  18481. content: "\f264";
  18482. font-family: 'brand-icons';
  18483. }
  18484. i.icon.old.republic:before {
  18485. content: "\f510";
  18486. font-family: 'brand-icons';
  18487. }
  18488. i.icon.opencart:before {
  18489. content: "\f23d";
  18490. font-family: 'brand-icons';
  18491. }
  18492. i.icon.openid:before {
  18493. content: "\f19b";
  18494. font-family: 'brand-icons';
  18495. }
  18496. i.icon.opera:before {
  18497. content: "\f26a";
  18498. font-family: 'brand-icons';
  18499. }
  18500. i.icon.optin.monster:before {
  18501. content: "\f23c";
  18502. font-family: 'brand-icons';
  18503. }
  18504. i.icon.orcid:before {
  18505. content: "\f8d2";
  18506. font-family: 'brand-icons';
  18507. }
  18508. i.icon.osi:before {
  18509. content: "\f41a";
  18510. font-family: 'brand-icons';
  18511. }
  18512. i.icon.page4:before {
  18513. content: "\f3d7";
  18514. font-family: 'brand-icons';
  18515. }
  18516. i.icon.pagelines:before {
  18517. content: "\f18c";
  18518. font-family: 'brand-icons';
  18519. }
  18520. i.icon.palfed:before {
  18521. content: "\f3d8";
  18522. font-family: 'brand-icons';
  18523. }
  18524. i.icon.patreon:before {
  18525. content: "\f3d9";
  18526. font-family: 'brand-icons';
  18527. }
  18528. i.icon.paypal:before {
  18529. content: "\f1ed";
  18530. font-family: 'brand-icons';
  18531. }
  18532. i.icon.penny.arcade:before {
  18533. content: "\f704";
  18534. font-family: 'brand-icons';
  18535. }
  18536. i.icon.periscope:before {
  18537. content: "\f3da";
  18538. font-family: 'brand-icons';
  18539. }
  18540. i.icon.phabricator:before {
  18541. content: "\f3db";
  18542. font-family: 'brand-icons';
  18543. }
  18544. i.icon.phoenix.framework:before {
  18545. content: "\f3dc";
  18546. font-family: 'brand-icons';
  18547. }
  18548. i.icon.phoenix.squadron:before {
  18549. content: "\f511";
  18550. font-family: 'brand-icons';
  18551. }
  18552. i.icon.php:before {
  18553. content: "\f457";
  18554. font-family: 'brand-icons';
  18555. }
  18556. i.icon.pied.piper:before {
  18557. content: "\f2ae";
  18558. font-family: 'brand-icons';
  18559. }
  18560. i.icon.pied.piper.alternate:before {
  18561. content: "\f1a8";
  18562. font-family: 'brand-icons';
  18563. }
  18564. i.icon.pied.piper.hat:before {
  18565. content: "\f4e5";
  18566. font-family: 'brand-icons';
  18567. }
  18568. i.icon.pied.piper.pp:before {
  18569. content: "\f1a7";
  18570. font-family: 'brand-icons';
  18571. }
  18572. i.icon.pied.piper.square:before {
  18573. content: "\f91e";
  18574. font-family: 'brand-icons';
  18575. }
  18576. i.icon.pinterest:before {
  18577. content: "\f0d2";
  18578. font-family: 'brand-icons';
  18579. }
  18580. i.icon.pinterest.p:before {
  18581. content: "\f231";
  18582. font-family: 'brand-icons';
  18583. }
  18584. i.icon.pinterest.square:before {
  18585. content: "\f0d3";
  18586. font-family: 'brand-icons';
  18587. }
  18588. i.icon.playstation:before {
  18589. content: "\f3df";
  18590. font-family: 'brand-icons';
  18591. }
  18592. i.icon.product.hunt:before {
  18593. content: "\f288";
  18594. font-family: 'brand-icons';
  18595. }
  18596. i.icon.pushed:before {
  18597. content: "\f3e1";
  18598. font-family: 'brand-icons';
  18599. }
  18600. i.icon.python:before {
  18601. content: "\f3e2";
  18602. font-family: 'brand-icons';
  18603. }
  18604. i.icon.qq:before {
  18605. content: "\f1d6";
  18606. font-family: 'brand-icons';
  18607. }
  18608. i.icon.quinscape:before {
  18609. content: "\f459";
  18610. font-family: 'brand-icons';
  18611. }
  18612. i.icon.quora:before {
  18613. content: "\f2c4";
  18614. font-family: 'brand-icons';
  18615. }
  18616. i.icon.r.project:before {
  18617. content: "\f4f7";
  18618. font-family: 'brand-icons';
  18619. }
  18620. i.icon.raspberry.pi:before {
  18621. content: "\f7bb";
  18622. font-family: 'brand-icons';
  18623. }
  18624. i.icon.ravelry:before {
  18625. content: "\f2d9";
  18626. font-family: 'brand-icons';
  18627. }
  18628. i.icon.react:before {
  18629. content: "\f41b";
  18630. font-family: 'brand-icons';
  18631. }
  18632. i.icon.reacteurope:before {
  18633. content: "\f75d";
  18634. font-family: 'brand-icons';
  18635. }
  18636. i.icon.readme:before {
  18637. content: "\f4d5";
  18638. font-family: 'brand-icons';
  18639. }
  18640. i.icon.rebel:before {
  18641. content: "\f1d0";
  18642. font-family: 'brand-icons';
  18643. }
  18644. i.icon.reddit:before {
  18645. content: "\f1a1";
  18646. font-family: 'brand-icons';
  18647. }
  18648. i.icon.reddit.alien:before {
  18649. content: "\f281";
  18650. font-family: 'brand-icons';
  18651. }
  18652. i.icon.reddit.square:before {
  18653. content: "\f1a2";
  18654. font-family: 'brand-icons';
  18655. }
  18656. i.icon.redhat:before {
  18657. content: "\f7bc";
  18658. font-family: 'brand-icons';
  18659. }
  18660. i.icon.redriver:before {
  18661. content: "\f3e3";
  18662. font-family: 'brand-icons';
  18663. }
  18664. i.icon.redyeti:before {
  18665. content: "\f69d";
  18666. font-family: 'brand-icons';
  18667. }
  18668. i.icon.renren:before {
  18669. content: "\f18b";
  18670. font-family: 'brand-icons';
  18671. }
  18672. i.icon.replyd:before {
  18673. content: "\f3e6";
  18674. font-family: 'brand-icons';
  18675. }
  18676. i.icon.researchgate:before {
  18677. content: "\f4f8";
  18678. font-family: 'brand-icons';
  18679. }
  18680. i.icon.resolving:before {
  18681. content: "\f3e7";
  18682. font-family: 'brand-icons';
  18683. }
  18684. i.icon.rev:before {
  18685. content: "\f5b2";
  18686. font-family: 'brand-icons';
  18687. }
  18688. i.icon.rocketchat:before {
  18689. content: "\f3e8";
  18690. font-family: 'brand-icons';
  18691. }
  18692. i.icon.rockrms:before {
  18693. content: "\f3e9";
  18694. font-family: 'brand-icons';
  18695. }
  18696. i.icon.safari:before {
  18697. content: "\f267";
  18698. font-family: 'brand-icons';
  18699. }
  18700. i.icon.salesforce:before {
  18701. content: "\f83b";
  18702. font-family: 'brand-icons';
  18703. }
  18704. i.icon.sass:before {
  18705. content: "\f41e";
  18706. font-family: 'brand-icons';
  18707. }
  18708. i.icon.schlix:before {
  18709. content: "\f3ea";
  18710. font-family: 'brand-icons';
  18711. }
  18712. i.icon.scribd:before {
  18713. content: "\f28a";
  18714. font-family: 'brand-icons';
  18715. }
  18716. i.icon.searchengin:before {
  18717. content: "\f3eb";
  18718. font-family: 'brand-icons';
  18719. }
  18720. i.icon.sellcast:before {
  18721. content: "\f2da";
  18722. font-family: 'brand-icons';
  18723. }
  18724. i.icon.sellsy:before {
  18725. content: "\f213";
  18726. font-family: 'brand-icons';
  18727. }
  18728. i.icon.servicestack:before {
  18729. content: "\f3ec";
  18730. font-family: 'brand-icons';
  18731. }
  18732. i.icon.shirtsinbulk:before {
  18733. content: "\f214";
  18734. font-family: 'brand-icons';
  18735. }
  18736. i.icon.shopify:before {
  18737. content: "\f957";
  18738. font-family: 'brand-icons';
  18739. }
  18740. i.icon.shopware:before {
  18741. content: "\f5b5";
  18742. font-family: 'brand-icons';
  18743. }
  18744. i.icon.simplybuilt:before {
  18745. content: "\f215";
  18746. font-family: 'brand-icons';
  18747. }
  18748. i.icon.sistrix:before {
  18749. content: "\f3ee";
  18750. font-family: 'brand-icons';
  18751. }
  18752. i.icon.sith:before {
  18753. content: "\f512";
  18754. font-family: 'brand-icons';
  18755. }
  18756. i.icon.sketch:before {
  18757. content: "\f7c6";
  18758. font-family: 'brand-icons';
  18759. }
  18760. i.icon.skyatlas:before {
  18761. content: "\f216";
  18762. font-family: 'brand-icons';
  18763. }
  18764. i.icon.skype:before {
  18765. content: "\f17e";
  18766. font-family: 'brand-icons';
  18767. }
  18768. i.icon.slack:before {
  18769. content: "\f198";
  18770. font-family: 'brand-icons';
  18771. }
  18772. i.icon.slack.hash:before {
  18773. content: "\f3ef";
  18774. font-family: 'brand-icons';
  18775. }
  18776. i.icon.slideshare:before {
  18777. content: "\f1e7";
  18778. font-family: 'brand-icons';
  18779. }
  18780. i.icon.snapchat:before {
  18781. content: "\f2ab";
  18782. font-family: 'brand-icons';
  18783. }
  18784. i.icon.snapchat.ghost:before {
  18785. content: "\f2ac";
  18786. font-family: 'brand-icons';
  18787. }
  18788. i.icon.snapchat.square:before {
  18789. content: "\f2ad";
  18790. font-family: 'brand-icons';
  18791. }
  18792. i.icon.soundcloud:before {
  18793. content: "\f1be";
  18794. font-family: 'brand-icons';
  18795. }
  18796. i.icon.sourcetree:before {
  18797. content: "\f7d3";
  18798. font-family: 'brand-icons';
  18799. }
  18800. i.icon.speakap:before {
  18801. content: "\f3f3";
  18802. font-family: 'brand-icons';
  18803. }
  18804. i.icon.speaker.deck:before {
  18805. content: "\f83c";
  18806. font-family: 'brand-icons';
  18807. }
  18808. i.icon.spotify:before {
  18809. content: "\f1bc";
  18810. font-family: 'brand-icons';
  18811. }
  18812. i.icon.squarespace:before {
  18813. content: "\f5be";
  18814. font-family: 'brand-icons';
  18815. }
  18816. i.icon.stack.exchange:before {
  18817. content: "\f18d";
  18818. font-family: 'brand-icons';
  18819. }
  18820. i.icon.stack.overflow:before {
  18821. content: "\f16c";
  18822. font-family: 'brand-icons';
  18823. }
  18824. i.icon.stackpath:before {
  18825. content: "\f842";
  18826. font-family: 'brand-icons';
  18827. }
  18828. i.icon.staylinked:before {
  18829. content: "\f3f5";
  18830. font-family: 'brand-icons';
  18831. }
  18832. i.icon.steam:before {
  18833. content: "\f1b6";
  18834. font-family: 'brand-icons';
  18835. }
  18836. i.icon.steam.square:before {
  18837. content: "\f1b7";
  18838. font-family: 'brand-icons';
  18839. }
  18840. i.icon.steam.symbol:before {
  18841. content: "\f3f6";
  18842. font-family: 'brand-icons';
  18843. }
  18844. i.icon.sticker.mule:before {
  18845. content: "\f3f7";
  18846. font-family: 'brand-icons';
  18847. }
  18848. i.icon.strava:before {
  18849. content: "\f428";
  18850. font-family: 'brand-icons';
  18851. }
  18852. i.icon.stripe:before {
  18853. content: "\f429";
  18854. font-family: 'brand-icons';
  18855. }
  18856. i.icon.stripe.s:before {
  18857. content: "\f42a";
  18858. font-family: 'brand-icons';
  18859. }
  18860. i.icon.studiovinari:before {
  18861. content: "\f3f8";
  18862. font-family: 'brand-icons';
  18863. }
  18864. i.icon.stumbleupon:before {
  18865. content: "\f1a4";
  18866. font-family: 'brand-icons';
  18867. }
  18868. i.icon.stumbleupon.circle:before {
  18869. content: "\f1a3";
  18870. font-family: 'brand-icons';
  18871. }
  18872. i.icon.superpowers:before {
  18873. content: "\f2dd";
  18874. font-family: 'brand-icons';
  18875. }
  18876. i.icon.supple:before {
  18877. content: "\f3f9";
  18878. font-family: 'brand-icons';
  18879. }
  18880. i.icon.suse:before {
  18881. content: "\f7d6";
  18882. font-family: 'brand-icons';
  18883. }
  18884. i.icon.swift:before {
  18885. content: "\f8e1";
  18886. font-family: 'brand-icons';
  18887. }
  18888. i.icon.symfony:before {
  18889. content: "\f83d";
  18890. font-family: 'brand-icons';
  18891. }
  18892. i.icon.teamspeak:before {
  18893. content: "\f4f9";
  18894. font-family: 'brand-icons';
  18895. }
  18896. i.icon.telegram:before {
  18897. content: "\f2c6";
  18898. font-family: 'brand-icons';
  18899. }
  18900. i.icon.telegram.plane:before {
  18901. content: "\f3fe";
  18902. font-family: 'brand-icons';
  18903. }
  18904. i.icon.tencent.weibo:before {
  18905. content: "\f1d5";
  18906. font-family: 'brand-icons';
  18907. }
  18908. i.icon.themeco:before {
  18909. content: "\f5c6";
  18910. font-family: 'brand-icons';
  18911. }
  18912. i.icon.themeisle:before {
  18913. content: "\f2b2";
  18914. font-family: 'brand-icons';
  18915. }
  18916. i.icon.think.peaks:before {
  18917. content: "\f731";
  18918. font-family: 'brand-icons';
  18919. }
  18920. i.icon.trade.federation:before {
  18921. content: "\f513";
  18922. font-family: 'brand-icons';
  18923. }
  18924. i.icon.trello:before {
  18925. content: "\f181";
  18926. font-family: 'brand-icons';
  18927. }
  18928. i.icon.tripadvisor:before {
  18929. content: "\f262";
  18930. font-family: 'brand-icons';
  18931. }
  18932. i.icon.tumblr:before {
  18933. content: "\f173";
  18934. font-family: 'brand-icons';
  18935. }
  18936. i.icon.tumblr.square:before {
  18937. content: "\f174";
  18938. font-family: 'brand-icons';
  18939. }
  18940. i.icon.twitch:before {
  18941. content: "\f1e8";
  18942. font-family: 'brand-icons';
  18943. }
  18944. i.icon.twitter:before {
  18945. content: "\f099";
  18946. font-family: 'brand-icons';
  18947. }
  18948. i.icon.twitter.square:before {
  18949. content: "\f081";
  18950. font-family: 'brand-icons';
  18951. }
  18952. i.icon.typo3:before {
  18953. content: "\f42b";
  18954. font-family: 'brand-icons';
  18955. }
  18956. i.icon.uber:before {
  18957. content: "\f402";
  18958. font-family: 'brand-icons';
  18959. }
  18960. i.icon.ubuntu:before {
  18961. content: "\f7df";
  18962. font-family: 'brand-icons';
  18963. }
  18964. i.icon.uikit:before {
  18965. content: "\f403";
  18966. font-family: 'brand-icons';
  18967. }
  18968. i.icon.umbraco:before {
  18969. content: "\f8e8";
  18970. font-family: 'brand-icons';
  18971. }
  18972. i.icon.uniregistry:before {
  18973. content: "\f404";
  18974. font-family: 'brand-icons';
  18975. }
  18976. i.icon.unity:before {
  18977. content: "\f949";
  18978. font-family: 'brand-icons';
  18979. }
  18980. i.icon.untappd:before {
  18981. content: "\f405";
  18982. font-family: 'brand-icons';
  18983. }
  18984. i.icon.ups:before {
  18985. content: "\f7e0";
  18986. font-family: 'brand-icons';
  18987. }
  18988. i.icon.usb:before {
  18989. content: "\f287";
  18990. font-family: 'brand-icons';
  18991. }
  18992. i.icon.usps:before {
  18993. content: "\f7e1";
  18994. font-family: 'brand-icons';
  18995. }
  18996. i.icon.ussunnah:before {
  18997. content: "\f407";
  18998. font-family: 'brand-icons';
  18999. }
  19000. i.icon.vaadin:before {
  19001. content: "\f408";
  19002. font-family: 'brand-icons';
  19003. }
  19004. i.icon.viacoin:before {
  19005. content: "\f237";
  19006. font-family: 'brand-icons';
  19007. }
  19008. i.icon.viadeo:before {
  19009. content: "\f2a9";
  19010. font-family: 'brand-icons';
  19011. }
  19012. i.icon.viadeo.square:before {
  19013. content: "\f2aa";
  19014. font-family: 'brand-icons';
  19015. }
  19016. i.icon.viber:before {
  19017. content: "\f409";
  19018. font-family: 'brand-icons';
  19019. }
  19020. i.icon.vimeo:before {
  19021. content: "\f40a";
  19022. font-family: 'brand-icons';
  19023. }
  19024. i.icon.vimeo.square:before {
  19025. content: "\f194";
  19026. font-family: 'brand-icons';
  19027. }
  19028. i.icon.vimeo.v:before {
  19029. content: "\f27d";
  19030. font-family: 'brand-icons';
  19031. }
  19032. i.icon.vine:before {
  19033. content: "\f1ca";
  19034. font-family: 'brand-icons';
  19035. }
  19036. i.icon.vk:before {
  19037. content: "\f189";
  19038. font-family: 'brand-icons';
  19039. }
  19040. i.icon.vnv:before {
  19041. content: "\f40b";
  19042. font-family: 'brand-icons';
  19043. }
  19044. i.icon.vuejs:before {
  19045. content: "\f41f";
  19046. font-family: 'brand-icons';
  19047. }
  19048. i.icon.waze:before {
  19049. content: "\f83f";
  19050. font-family: 'brand-icons';
  19051. }
  19052. i.icon.weebly:before {
  19053. content: "\f5cc";
  19054. font-family: 'brand-icons';
  19055. }
  19056. i.icon.weibo:before {
  19057. content: "\f18a";
  19058. font-family: 'brand-icons';
  19059. }
  19060. i.icon.weixin:before {
  19061. content: "\f1d7";
  19062. font-family: 'brand-icons';
  19063. }
  19064. i.icon.whatsapp:before {
  19065. content: "\f232";
  19066. font-family: 'brand-icons';
  19067. }
  19068. i.icon.whatsapp.square:before {
  19069. content: "\f40c";
  19070. font-family: 'brand-icons';
  19071. }
  19072. i.icon.whmcs:before {
  19073. content: "\f40d";
  19074. font-family: 'brand-icons';
  19075. }
  19076. i.icon.wikipedia.w:before {
  19077. content: "\f266";
  19078. font-family: 'brand-icons';
  19079. }
  19080. i.icon.windows:before {
  19081. content: "\f17a";
  19082. font-family: 'brand-icons';
  19083. }
  19084. i.icon.wix:before {
  19085. content: "\f5cf";
  19086. font-family: 'brand-icons';
  19087. }
  19088. i.icon.wizards.of.the.coast:before {
  19089. content: "\f730";
  19090. font-family: 'brand-icons';
  19091. }
  19092. i.icon.wolf.pack.battalion:before {
  19093. content: "\f514";
  19094. font-family: 'brand-icons';
  19095. }
  19096. i.icon.wordpress:before {
  19097. content: "\f19a";
  19098. font-family: 'brand-icons';
  19099. }
  19100. i.icon.wordpress.simple:before {
  19101. content: "\f411";
  19102. font-family: 'brand-icons';
  19103. }
  19104. i.icon.wpbeginner:before {
  19105. content: "\f297";
  19106. font-family: 'brand-icons';
  19107. }
  19108. i.icon.wpexplorer:before {
  19109. content: "\f2de";
  19110. font-family: 'brand-icons';
  19111. }
  19112. i.icon.wpforms:before {
  19113. content: "\f298";
  19114. font-family: 'brand-icons';
  19115. }
  19116. i.icon.wpressr:before {
  19117. content: "\f3e4";
  19118. font-family: 'brand-icons';
  19119. }
  19120. i.icon.xbox:before {
  19121. content: "\f412";
  19122. font-family: 'brand-icons';
  19123. }
  19124. i.icon.xing:before {
  19125. content: "\f168";
  19126. font-family: 'brand-icons';
  19127. }
  19128. i.icon.xing.square:before {
  19129. content: "\f169";
  19130. font-family: 'brand-icons';
  19131. }
  19132. i.icon.y.combinator:before {
  19133. content: "\f23b";
  19134. font-family: 'brand-icons';
  19135. }
  19136. i.icon.yahoo:before {
  19137. content: "\f19e";
  19138. font-family: 'brand-icons';
  19139. }
  19140. i.icon.yammer:before {
  19141. content: "\f840";
  19142. font-family: 'brand-icons';
  19143. }
  19144. i.icon.yandex:before {
  19145. content: "\f413";
  19146. font-family: 'brand-icons';
  19147. }
  19148. i.icon.yandex.international:before {
  19149. content: "\f414";
  19150. font-family: 'brand-icons';
  19151. }
  19152. i.icon.yarn:before {
  19153. content: "\f7e3";
  19154. font-family: 'brand-icons';
  19155. }
  19156. i.icon.yelp:before {
  19157. content: "\f1e9";
  19158. font-family: 'brand-icons';
  19159. }
  19160. i.icon.yoast:before {
  19161. content: "\f2b1";
  19162. font-family: 'brand-icons';
  19163. }
  19164. i.icon.youtube:before {
  19165. content: "\f167";
  19166. font-family: 'brand-icons';
  19167. }
  19168. i.icon.youtube.square:before {
  19169. content: "\f431";
  19170. font-family: 'brand-icons';
  19171. }
  19172. i.icon.zhihu:before {
  19173. content: "\f63f";
  19174. font-family: 'brand-icons';
  19175. }
  19176. /* Aliases */
  19177. i.icon.american.express:before {
  19178. content: "\f1f3";
  19179. font-family: 'brand-icons';
  19180. }
  19181. i.icon.american.express.card:before {
  19182. content: "\f1f3";
  19183. font-family: 'brand-icons';
  19184. }
  19185. i.icon.amex:before {
  19186. content: "\f1f3";
  19187. font-family: 'brand-icons';
  19188. }
  19189. i.icon.bitbucket.square:before {
  19190. content: "\f171";
  19191. font-family: 'brand-icons';
  19192. }
  19193. i.icon.bluetooth.alternative:before {
  19194. content: "\f294";
  19195. font-family: 'brand-icons';
  19196. }
  19197. i.icon.credit.card.amazon.pay:before {
  19198. content: "\f42d";
  19199. font-family: 'brand-icons';
  19200. }
  19201. i.icon.credit.card.american.express:before {
  19202. content: "\f1f3";
  19203. font-family: 'brand-icons';
  19204. }
  19205. i.icon.credit.card.diners.club:before {
  19206. content: "\f24c";
  19207. font-family: 'brand-icons';
  19208. }
  19209. i.icon.credit.card.discover:before {
  19210. content: "\f1f2";
  19211. font-family: 'brand-icons';
  19212. }
  19213. i.icon.credit.card.jcb:before {
  19214. content: "\f24b";
  19215. font-family: 'brand-icons';
  19216. }
  19217. i.icon.credit.card.mastercard:before {
  19218. content: "\f1f1";
  19219. font-family: 'brand-icons';
  19220. }
  19221. i.icon.credit.card.paypal:before {
  19222. content: "\f1f4";
  19223. font-family: 'brand-icons';
  19224. }
  19225. i.icon.credit.card.stripe:before {
  19226. content: "\f1f5";
  19227. font-family: 'brand-icons';
  19228. }
  19229. i.icon.credit.card.visa:before {
  19230. content: "\f1f0";
  19231. font-family: 'brand-icons';
  19232. }
  19233. i.icon.diners.club:before {
  19234. content: "\f24c";
  19235. font-family: 'brand-icons';
  19236. }
  19237. i.icon.diners.club.card:before {
  19238. content: "\f24c";
  19239. font-family: 'brand-icons';
  19240. }
  19241. i.icon.discover:before {
  19242. content: "\f1f2";
  19243. font-family: 'brand-icons';
  19244. }
  19245. i.icon.discover.card:before {
  19246. content: "\f1f2";
  19247. font-family: 'brand-icons';
  19248. }
  19249. i.icon.disk.outline:before {
  19250. content: "\f369";
  19251. font-family: 'brand-icons';
  19252. }
  19253. i.icon.dribble:before {
  19254. content: "\f17d";
  19255. font-family: 'brand-icons';
  19256. }
  19257. i.icon.eercast:before {
  19258. content: "\f2da";
  19259. font-family: 'brand-icons';
  19260. }
  19261. i.icon.envira.gallery:before {
  19262. content: "\f299";
  19263. font-family: 'brand-icons';
  19264. }
  19265. i.icon.fa:before {
  19266. content: "\f2b4";
  19267. font-family: 'brand-icons';
  19268. }
  19269. i.icon.facebook.official:before {
  19270. content: "\f082";
  19271. font-family: 'brand-icons';
  19272. }
  19273. i.icon.five.hundred.pixels:before {
  19274. content: "\f26e";
  19275. font-family: 'brand-icons';
  19276. }
  19277. i.icon.gittip:before {
  19278. content: "\f184";
  19279. font-family: 'brand-icons';
  19280. }
  19281. i.icon.google.plus.circle:before {
  19282. content: "\f2b3";
  19283. font-family: 'brand-icons';
  19284. }
  19285. i.icon.google.plus.official:before {
  19286. content: "\f2b3";
  19287. font-family: 'brand-icons';
  19288. }
  19289. i.icon.japan.credit.bureau:before {
  19290. content: "\f24b";
  19291. font-family: 'brand-icons';
  19292. }
  19293. i.icon.japan.credit.bureau.card:before {
  19294. content: "\f24b";
  19295. font-family: 'brand-icons';
  19296. }
  19297. i.icon.jcb:before {
  19298. content: "\f24b";
  19299. font-family: 'brand-icons';
  19300. }
  19301. i.icon.linkedin.square:before {
  19302. content: "\f08c";
  19303. font-family: 'brand-icons';
  19304. }
  19305. i.icon.mastercard:before {
  19306. content: "\f1f1";
  19307. font-family: 'brand-icons';
  19308. }
  19309. i.icon.mastercard.card:before {
  19310. content: "\f1f1";
  19311. font-family: 'brand-icons';
  19312. }
  19313. i.icon.microsoft.edge:before {
  19314. content: "\f282";
  19315. font-family: 'brand-icons';
  19316. }
  19317. i.icon.ms.edge:before {
  19318. content: "\f282";
  19319. font-family: 'brand-icons';
  19320. }
  19321. i.icon.new.pied.piper:before {
  19322. content: "\f2ae";
  19323. font-family: 'brand-icons';
  19324. }
  19325. i.icon.optinmonster:before {
  19326. content: "\f23c";
  19327. font-family: 'brand-icons';
  19328. }
  19329. i.icon.paypal.card:before {
  19330. content: "\f1f4";
  19331. font-family: 'brand-icons';
  19332. }
  19333. i.icon.pied.piper.hat:before {
  19334. content: "\f2ae";
  19335. font-family: 'brand-icons';
  19336. }
  19337. i.icon.pocket:before {
  19338. content: "\f265";
  19339. font-family: 'brand-icons';
  19340. }
  19341. i.icon.stripe.card:before {
  19342. content: "\f1f5";
  19343. font-family: 'brand-icons';
  19344. }
  19345. i.icon.theme.isle:before {
  19346. content: "\f2b2";
  19347. font-family: 'brand-icons';
  19348. }
  19349. i.icon.visa:before {
  19350. content: "\f1f0";
  19351. font-family: 'brand-icons';
  19352. }
  19353. i.icon.visa.card:before {
  19354. content: "\f1f0";
  19355. font-family: 'brand-icons';
  19356. }
  19357. i.icon.wechat:before {
  19358. content: "\f1d7";
  19359. font-family: 'brand-icons';
  19360. }
  19361. i.icon.wikipedia:before {
  19362. content: "\f266";
  19363. font-family: 'brand-icons';
  19364. }
  19365. i.icon.wordpress.beginner:before {
  19366. content: "\f297";
  19367. font-family: 'brand-icons';
  19368. }
  19369. i.icon.wordpress.forms:before {
  19370. content: "\f298";
  19371. font-family: 'brand-icons';
  19372. }
  19373. i.icon.yc:before {
  19374. content: "\f23b";
  19375. font-family: 'brand-icons';
  19376. }
  19377. i.icon.ycombinator:before {
  19378. content: "\f23b";
  19379. font-family: 'brand-icons';
  19380. }
  19381. i.icon.youtube.play:before {
  19382. content: "\f167";
  19383. font-family: 'brand-icons';
  19384. }
  19385. /*******************************
  19386. Site Overrides
  19387. *******************************/
  19388. /*!
  19389. * # Fomantic-UI - Image
  19390. * http://github.com/fomantic/Fomantic-UI/
  19391. *
  19392. *
  19393. * Released under the MIT license
  19394. * http://opensource.org/licenses/MIT
  19395. *
  19396. */
  19397. /*******************************
  19398. Image
  19399. *******************************/
  19400. .ui.image {
  19401. position: relative;
  19402. display: inline-block;
  19403. vertical-align: middle;
  19404. max-width: 100%;
  19405. background-color: transparent;
  19406. }
  19407. img.ui.image {
  19408. display: block;
  19409. }
  19410. .ui.image svg,
  19411. .ui.image img {
  19412. display: block;
  19413. max-width: 100%;
  19414. height: auto;
  19415. }
  19416. /*******************************
  19417. States
  19418. *******************************/
  19419. .ui.hidden.images,
  19420. .ui.ui.hidden.image {
  19421. display: none;
  19422. }
  19423. .ui.hidden.transition.images,
  19424. .ui.hidden.transition.image {
  19425. display: block;
  19426. visibility: hidden;
  19427. }
  19428. .ui.images > .hidden.transition {
  19429. display: inline-block;
  19430. visibility: hidden;
  19431. }
  19432. .ui.disabled.images,
  19433. .ui.disabled.image {
  19434. cursor: default;
  19435. opacity: var(--opacity-disabled);
  19436. }
  19437. /*******************************
  19438. Variations
  19439. *******************************/
  19440. /*--------------
  19441. Inline
  19442. ---------------*/
  19443. .ui.inline.image,
  19444. .ui.inline.image svg,
  19445. .ui.inline.image img {
  19446. display: inline-block;
  19447. }
  19448. /*------------------
  19449. Vertical Aligned
  19450. -------------------*/
  19451. .ui.top.aligned.image,
  19452. .ui.top.aligned.image svg,
  19453. .ui.top.aligned.image img {
  19454. display: inline-block;
  19455. vertical-align: top;
  19456. }
  19457. .ui.middle.aligned.image,
  19458. .ui.middle.aligned.image svg,
  19459. .ui.middle.aligned.image img {
  19460. display: inline-block;
  19461. vertical-align: middle;
  19462. }
  19463. .ui.bottom.aligned.image,
  19464. .ui.bottom.aligned.image svg,
  19465. .ui.bottom.aligned.image img {
  19466. display: inline-block;
  19467. vertical-align: bottom;
  19468. }
  19469. .ui.top.aligned.images .image,
  19470. .ui.images .ui.top.aligned.image {
  19471. align-self: flex-start;
  19472. }
  19473. .ui.middle.aligned.images .image,
  19474. .ui.images .ui.middle.aligned.image {
  19475. align-self: center;
  19476. }
  19477. .ui.bottom.aligned.images .image,
  19478. .ui.images .ui.bottom.aligned.image {
  19479. align-self: flex-end;
  19480. }
  19481. /*--------------
  19482. Rounded
  19483. ---------------*/
  19484. .ui.rounded.images .image,
  19485. .ui.rounded.image,
  19486. .ui.rounded.images .image > *,
  19487. .ui.rounded.image > * {
  19488. border-radius: 0.3125em;
  19489. }
  19490. /*--------------
  19491. Bordered
  19492. ---------------*/
  19493. .ui.bordered.images .image,
  19494. .ui.bordered.images img,
  19495. .ui.bordered.images svg,
  19496. .ui.bordered.image img,
  19497. .ui.bordered.image svg,
  19498. img.ui.bordered.image {
  19499. border: 1px solid rgba(0, 0, 0, 0.1);
  19500. }
  19501. /*--------------
  19502. Circular
  19503. ---------------*/
  19504. .ui.circular.images,
  19505. .ui.circular.image {
  19506. overflow: hidden;
  19507. }
  19508. .ui.circular.images .image,
  19509. .ui.circular.image,
  19510. .ui.circular.images .image > *,
  19511. .ui.circular.image > * {
  19512. border-radius: 500rem;
  19513. }
  19514. /*--------------
  19515. Fluid
  19516. ---------------*/
  19517. .ui.fluid.images,
  19518. .ui.fluid.image,
  19519. .ui.fluid.images img,
  19520. .ui.fluid.images svg,
  19521. .ui.fluid.image svg,
  19522. .ui.fluid.image img {
  19523. display: block;
  19524. width: 100%;
  19525. height: auto;
  19526. }
  19527. /*--------------
  19528. Avatar
  19529. ---------------*/
  19530. .ui.avatar.images .image,
  19531. .ui.avatar.images img,
  19532. .ui.avatar.images svg,
  19533. .ui.avatar.image img,
  19534. .ui.avatar.image svg,
  19535. .ui.avatar.image {
  19536. margin-right: 0.25em;
  19537. display: inline-block;
  19538. width: 2em;
  19539. height: 2em;
  19540. border-radius: 500rem;
  19541. }
  19542. /*-------------------
  19543. Spaced
  19544. --------------------*/
  19545. .ui.spaced.image {
  19546. display: inline-block !important;
  19547. margin-left: 0.5em;
  19548. margin-right: 0.5em;
  19549. }
  19550. .ui[class*="left spaced"].image {
  19551. margin-left: 0.5em;
  19552. margin-right: 0;
  19553. }
  19554. .ui[class*="right spaced"].image {
  19555. margin-left: 0;
  19556. margin-right: 0.5em;
  19557. }
  19558. /*-------------------
  19559. Floated
  19560. --------------------*/
  19561. .ui.floated.image,
  19562. .ui.floated.images {
  19563. float: left;
  19564. margin-right: 1em;
  19565. margin-bottom: 1em;
  19566. }
  19567. .ui.right.floated.images,
  19568. .ui.right.floated.image {
  19569. float: right;
  19570. margin-right: 0;
  19571. margin-bottom: 1em;
  19572. margin-left: 1em;
  19573. }
  19574. .ui.floated.images:last-child,
  19575. .ui.floated.image:last-child {
  19576. margin-bottom: 0;
  19577. }
  19578. .ui.centered.image {
  19579. display: block;
  19580. margin-left: auto;
  19581. margin-right: auto;
  19582. }
  19583. .ui.centered.images {
  19584. display: flex;
  19585. flex-direction: row;
  19586. flex-wrap: wrap;
  19587. align-items: stretch;
  19588. justify-content: center;
  19589. }
  19590. /*--------------
  19591. Sizes
  19592. ---------------*/
  19593. .ui.medium.images .image,
  19594. .ui.medium.images img,
  19595. .ui.medium.images svg,
  19596. .ui.medium.image {
  19597. width: 300px;
  19598. height: auto;
  19599. font-size: 1rem;
  19600. }
  19601. .ui.mini.images .image,
  19602. .ui.mini.images img,
  19603. .ui.mini.images svg,
  19604. .ui.mini.image {
  19605. width: 35px;
  19606. height: auto;
  19607. font-size: 0.78571429rem;
  19608. }
  19609. .ui.tiny.images .image,
  19610. .ui.tiny.images img,
  19611. .ui.tiny.images svg,
  19612. .ui.tiny.image {
  19613. width: 80px;
  19614. height: auto;
  19615. font-size: 0.85714286rem;
  19616. }
  19617. .ui.small.images .image,
  19618. .ui.small.images img,
  19619. .ui.small.images svg,
  19620. .ui.small.image {
  19621. width: 150px;
  19622. height: auto;
  19623. font-size: 0.92857143rem;
  19624. }
  19625. .ui.large.images .image,
  19626. .ui.large.images img,
  19627. .ui.large.images svg,
  19628. .ui.large.image {
  19629. width: 450px;
  19630. height: auto;
  19631. font-size: 1.14285714rem;
  19632. }
  19633. .ui.big.images .image,
  19634. .ui.big.images img,
  19635. .ui.big.images svg,
  19636. .ui.big.image {
  19637. width: 600px;
  19638. height: auto;
  19639. font-size: 1.28571429rem;
  19640. }
  19641. .ui.huge.images .image,
  19642. .ui.huge.images img,
  19643. .ui.huge.images svg,
  19644. .ui.huge.image {
  19645. width: 800px;
  19646. height: auto;
  19647. font-size: 1.42857143rem;
  19648. }
  19649. .ui.massive.images .image,
  19650. .ui.massive.images img,
  19651. .ui.massive.images svg,
  19652. .ui.massive.image {
  19653. width: 960px;
  19654. height: auto;
  19655. font-size: 1.71428571rem;
  19656. }
  19657. /*******************************
  19658. Groups
  19659. *******************************/
  19660. .ui.images {
  19661. font-size: 0;
  19662. margin: 0 -0.25rem 0;
  19663. }
  19664. .ui.images .image,
  19665. .ui.images > img,
  19666. .ui.images > svg {
  19667. display: inline-block;
  19668. margin: 0 0.25rem 0.5rem;
  19669. }
  19670. /*******************************
  19671. Theme Overrides
  19672. *******************************/
  19673. /*******************************
  19674. Site Overrides
  19675. *******************************/
  19676. /*!
  19677. * # Fomantic-UI - Input
  19678. * http://github.com/fomantic/Fomantic-UI/
  19679. *
  19680. *
  19681. * Released under the MIT license
  19682. * http://opensource.org/licenses/MIT
  19683. *
  19684. */
  19685. /*******************************
  19686. Standard
  19687. *******************************/
  19688. /*--------------------
  19689. Inputs
  19690. ---------------------*/
  19691. .ui.input {
  19692. position: relative;
  19693. font-weight: normal;
  19694. font-style: normal;
  19695. display: inline-flex;
  19696. color: rgba(0, 0, 0, 0.87);
  19697. }
  19698. .ui.input > input {
  19699. margin: 0;
  19700. max-width: 100%;
  19701. flex: 1 0 auto;
  19702. outline: none;
  19703. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  19704. text-align: left;
  19705. line-height: 1.21428571em;
  19706. font-family: var(--fonts-regular);
  19707. padding: 0.67857143em 1em;
  19708. background: #FFFFFF;
  19709. border: 1px solid rgba(34, 36, 38, 0.15);
  19710. color: rgba(0, 0, 0, 0.87);
  19711. border-radius: 0.28571429rem;
  19712. transition: box-shadow 0.1s ease, border-color 0.1s ease;
  19713. box-shadow: none;
  19714. }
  19715. /*--------------------
  19716. Placeholder
  19717. ---------------------*/
  19718. /* browsers require these rules separate */
  19719. .ui.input > input::-webkit-input-placeholder {
  19720. color: rgba(191, 191, 191, 0.87);
  19721. }
  19722. .ui.input > input::-moz-placeholder {
  19723. color: rgba(191, 191, 191, 0.87);
  19724. }
  19725. .ui.input > input:-ms-input-placeholder {
  19726. color: rgba(191, 191, 191, 0.87);
  19727. }
  19728. /*******************************
  19729. States
  19730. *******************************/
  19731. /*--------------------
  19732. Disabled
  19733. ---------------------*/
  19734. .ui.disabled.input,
  19735. .ui.input:not(.disabled) input[disabled] {
  19736. opacity: var(--opacity-disabled);
  19737. }
  19738. .ui.disabled.input > input,
  19739. .ui.input:not(.disabled) input[disabled] {
  19740. pointer-events: none;
  19741. }
  19742. /*--------------------
  19743. Active
  19744. ---------------------*/
  19745. .ui.input > input:active,
  19746. .ui.input.down input {
  19747. border-color: rgba(0, 0, 0, 0.3);
  19748. background: #FAFAFA;
  19749. color: rgba(0, 0, 0, 0.87);
  19750. box-shadow: none;
  19751. }
  19752. /*--------------------
  19753. Loading
  19754. ---------------------*/
  19755. .ui.loading.loading.input > i.icon:before {
  19756. position: absolute;
  19757. content: '';
  19758. top: 50%;
  19759. left: 50%;
  19760. margin: -0.64285714em 0 0 -0.64285714em;
  19761. width: 1.28571429em;
  19762. height: 1.28571429em;
  19763. border-radius: 500rem;
  19764. border: 0.2em solid rgba(0, 0, 0, 0.1);
  19765. }
  19766. .ui.loading.loading.input > i.icon:after {
  19767. position: absolute;
  19768. content: '';
  19769. top: 50%;
  19770. left: 50%;
  19771. margin: -0.64285714em 0 0 -0.64285714em;
  19772. width: 1.28571429em;
  19773. height: 1.28571429em;
  19774. -webkit-animation: loader 0.6s infinite linear;
  19775. animation: loader 0.6s infinite linear;
  19776. border: 0.2em solid #767676;
  19777. border-radius: 500rem;
  19778. box-shadow: 0 0 0 1px transparent;
  19779. }
  19780. /*--------------------
  19781. Focus
  19782. ---------------------*/
  19783. .ui.input.focus > input,
  19784. .ui.input > input:focus {
  19785. border-color: #85B7D9;
  19786. background: #FFFFFF;
  19787. color: rgba(0, 0, 0, 0.8);
  19788. box-shadow: none;
  19789. }
  19790. .ui.input.focus > input::-webkit-input-placeholder,
  19791. .ui.input > input:focus::-webkit-input-placeholder {
  19792. color: rgba(115, 115, 115, 0.87);
  19793. }
  19794. .ui.input.focus > input::-moz-placeholder,
  19795. .ui.input > input:focus::-moz-placeholder {
  19796. color: rgba(115, 115, 115, 0.87);
  19797. }
  19798. .ui.input.focus > input:-ms-input-placeholder,
  19799. .ui.input > input:focus:-ms-input-placeholder {
  19800. color: rgba(115, 115, 115, 0.87);
  19801. }
  19802. /*--------------------
  19803. States
  19804. ---------------------*/
  19805. .ui.input.error > input {
  19806. background-color: #FFF6F6;
  19807. border-color: #E0B4B4;
  19808. color: #9F3A38;
  19809. box-shadow: none;
  19810. }
  19811. /* Placeholder */
  19812. .ui.input.error > input::-webkit-input-placeholder {
  19813. color: #e7bdbc;
  19814. }
  19815. .ui.input.error > input::-moz-placeholder {
  19816. color: #e7bdbc;
  19817. }
  19818. .ui.input.error > input:-ms-input-placeholder {
  19819. color: #e7bdbc !important;
  19820. }
  19821. /* Focused Placeholder */
  19822. .ui.input.error > input:focus::-webkit-input-placeholder {
  19823. color: #da9796;
  19824. }
  19825. .ui.input.error > input:focus::-moz-placeholder {
  19826. color: #da9796;
  19827. }
  19828. .ui.input.error > input:focus:-ms-input-placeholder {
  19829. color: #da9796 !important;
  19830. }
  19831. .ui.input.info > input {
  19832. background-color: #F8FFFF;
  19833. border-color: #A9D5DE;
  19834. color: #276F86;
  19835. box-shadow: none;
  19836. }
  19837. /* Placeholder */
  19838. .ui.input.info > input::-webkit-input-placeholder {
  19839. color: #98cfe1;
  19840. }
  19841. .ui.input.info > input::-moz-placeholder {
  19842. color: #98cfe1;
  19843. }
  19844. .ui.input.info > input:-ms-input-placeholder {
  19845. color: #98cfe1 !important;
  19846. }
  19847. /* Focused Placeholder */
  19848. .ui.input.info > input:focus::-webkit-input-placeholder {
  19849. color: #70bdd6;
  19850. }
  19851. .ui.input.info > input:focus::-moz-placeholder {
  19852. color: #70bdd6;
  19853. }
  19854. .ui.input.info > input:focus:-ms-input-placeholder {
  19855. color: #70bdd6 !important;
  19856. }
  19857. .ui.input.success > input {
  19858. background-color: #FCFFF5;
  19859. border-color: #A3C293;
  19860. color: #2C662D;
  19861. box-shadow: none;
  19862. }
  19863. /* Placeholder */
  19864. .ui.input.success > input::-webkit-input-placeholder {
  19865. color: #8fcf90;
  19866. }
  19867. .ui.input.success > input::-moz-placeholder {
  19868. color: #8fcf90;
  19869. }
  19870. .ui.input.success > input:-ms-input-placeholder {
  19871. color: #8fcf90 !important;
  19872. }
  19873. /* Focused Placeholder */
  19874. .ui.input.success > input:focus::-webkit-input-placeholder {
  19875. color: #6cbf6d;
  19876. }
  19877. .ui.input.success > input:focus::-moz-placeholder {
  19878. color: #6cbf6d;
  19879. }
  19880. .ui.input.success > input:focus:-ms-input-placeholder {
  19881. color: #6cbf6d !important;
  19882. }
  19883. .ui.input.warning > input {
  19884. background-color: #FFFAF3;
  19885. border-color: #C9BA9B;
  19886. color: #573A08;
  19887. box-shadow: none;
  19888. }
  19889. /* Placeholder */
  19890. .ui.input.warning > input::-webkit-input-placeholder {
  19891. color: #edad3e;
  19892. }
  19893. .ui.input.warning > input::-moz-placeholder {
  19894. color: #edad3e;
  19895. }
  19896. .ui.input.warning > input:-ms-input-placeholder {
  19897. color: #edad3e !important;
  19898. }
  19899. /* Focused Placeholder */
  19900. .ui.input.warning > input:focus::-webkit-input-placeholder {
  19901. color: #e39715;
  19902. }
  19903. .ui.input.warning > input:focus::-moz-placeholder {
  19904. color: #e39715;
  19905. }
  19906. .ui.input.warning > input:focus:-ms-input-placeholder {
  19907. color: #e39715 !important;
  19908. }
  19909. /*******************************
  19910. Variations
  19911. *******************************/
  19912. /*--------------------
  19913. Transparent
  19914. ---------------------*/
  19915. .ui.transparent.input > textarea,
  19916. .ui.transparent.input > input {
  19917. border-color: transparent !important;
  19918. background-color: transparent !important;
  19919. padding: 0;
  19920. box-shadow: none !important;
  19921. border-radius: 0 !important;
  19922. }
  19923. .field .ui.transparent.input > textarea {
  19924. padding: 0.67857143em 1em;
  19925. }
  19926. /* Transparent Icon */
  19927. :not(.field) > .ui.transparent.icon.input > i.icon {
  19928. width: 1.1em;
  19929. }
  19930. :not(.field) > .ui.ui.ui.transparent.icon.input > input {
  19931. padding-left: 0;
  19932. padding-right: 2em;
  19933. }
  19934. :not(.field) > .ui.ui.ui.transparent[class*="left icon"].input > input {
  19935. padding-left: 2em;
  19936. padding-right: 0;
  19937. }
  19938. /* Transparent Inverted */
  19939. .ui.transparent.inverted.input {
  19940. color: #FFFFFF;
  19941. }
  19942. .ui.ui.transparent.inverted.input > textarea,
  19943. .ui.ui.transparent.inverted.input > input {
  19944. color: inherit;
  19945. }
  19946. .ui.transparent.inverted.input > input::-webkit-input-placeholder {
  19947. color: rgba(255, 255, 255, 0.5);
  19948. }
  19949. .ui.transparent.inverted.input > input::-moz-placeholder {
  19950. color: rgba(255, 255, 255, 0.5);
  19951. }
  19952. .ui.transparent.inverted.input > input:-ms-input-placeholder {
  19953. color: rgba(255, 255, 255, 0.5);
  19954. }
  19955. /*--------------------
  19956. Icon
  19957. ---------------------*/
  19958. .ui.icon.input > i.icon {
  19959. cursor: default;
  19960. position: absolute;
  19961. line-height: 1;
  19962. text-align: center;
  19963. top: 0;
  19964. right: 0;
  19965. margin: 0;
  19966. height: 100%;
  19967. width: 2.67142857em;
  19968. opacity: 0.5;
  19969. border-radius: 0 0.28571429rem 0.28571429rem 0;
  19970. transition: opacity 0.3s ease;
  19971. }
  19972. .ui.icon.input > i.icon:not(.link) {
  19973. pointer-events: none;
  19974. }
  19975. .ui.ui.ui.ui.icon.input > textarea,
  19976. .ui.ui.ui.ui.icon.input > input {
  19977. padding-right: 2.67142857em;
  19978. }
  19979. .ui.icon.input > i.icon:before,
  19980. .ui.icon.input > i.icon:after {
  19981. left: 0;
  19982. position: absolute;
  19983. text-align: center;
  19984. top: 50%;
  19985. width: 100%;
  19986. margin-top: -0.5em;
  19987. }
  19988. .ui.icon.input > i.link.icon {
  19989. cursor: pointer;
  19990. }
  19991. .ui.icon.input > i.circular.icon {
  19992. top: 0.35em;
  19993. right: 0.5em;
  19994. }
  19995. /* Left Icon Input */
  19996. .ui[class*="left icon"].input > i.icon {
  19997. right: auto;
  19998. left: 1px;
  19999. border-radius: 0.28571429rem 0 0 0.28571429rem;
  20000. }
  20001. .ui[class*="left icon"].input > i.circular.icon {
  20002. right: auto;
  20003. left: 0.5em;
  20004. }
  20005. .ui.ui.ui.ui[class*="left icon"].input > textarea,
  20006. .ui.ui.ui.ui[class*="left icon"].input > input {
  20007. padding-left: 2.67142857em;
  20008. padding-right: 1em;
  20009. }
  20010. /* Focus */
  20011. .ui.icon.input > textarea:focus ~ i.icon,
  20012. .ui.icon.input > input:focus ~ i.icon {
  20013. opacity: 1;
  20014. }
  20015. /*--------------------
  20016. Labeled
  20017. ---------------------*/
  20018. /* Adjacent Label */
  20019. .ui.labeled.input > .label {
  20020. flex: 0 0 auto;
  20021. margin: 0;
  20022. font-size: 1em;
  20023. }
  20024. .ui.labeled.input > .label:not(.corner) {
  20025. padding-top: 0.78571429em;
  20026. padding-bottom: 0.78571429em;
  20027. }
  20028. /* Regular Label on Left */
  20029. .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  20030. border-top-right-radius: 0;
  20031. border-bottom-right-radius: 0;
  20032. }
  20033. .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  20034. border-top-left-radius: 0;
  20035. border-bottom-left-radius: 0;
  20036. border-left-color: transparent;
  20037. }
  20038. .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  20039. border-left-color: #85B7D9;
  20040. }
  20041. /* Regular Label on Right */
  20042. .ui[class*="right labeled"].input > input {
  20043. border-top-right-radius: 0 !important;
  20044. border-bottom-right-radius: 0 !important;
  20045. border-right-color: transparent !important;
  20046. }
  20047. .ui[class*="right labeled"].input > input + .label {
  20048. border-top-left-radius: 0;
  20049. border-bottom-left-radius: 0;
  20050. }
  20051. .ui[class*="right labeled"].input > input:focus {
  20052. border-right-color: #85B7D9 !important;
  20053. }
  20054. /* Corner Label */
  20055. .ui.labeled.input .corner.label {
  20056. top: 1px;
  20057. right: 1px;
  20058. font-size: 0.64285714em;
  20059. border-radius: 0 0.28571429rem 0 0;
  20060. }
  20061. /* Spacing with corner label */
  20062. .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > textarea,
  20063. .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
  20064. padding-right: 2.5em !important;
  20065. }
  20066. .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea,
  20067. .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  20068. padding-right: 3.25em !important;
  20069. }
  20070. .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
  20071. margin-right: 1.25em;
  20072. }
  20073. /* Left Labeled */
  20074. .ui[class*="left corner labeled"].labeled.input > textarea,
  20075. .ui[class*="left corner labeled"].labeled.input > input {
  20076. padding-left: 2.5em !important;
  20077. }
  20078. .ui[class*="left corner labeled"].icon.input > textarea,
  20079. .ui[class*="left corner labeled"].icon.input > input {
  20080. padding-left: 3.25em !important;
  20081. }
  20082. .ui[class*="left corner labeled"].icon.input > i.icon {
  20083. margin-left: 1.25em;
  20084. }
  20085. .ui.icon.input > textarea ~ i.icon {
  20086. height: 3em;
  20087. }
  20088. :not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
  20089. height: 1.3em;
  20090. }
  20091. /* Corner Label Position */
  20092. .ui.input > .ui.corner.label {
  20093. top: 1px;
  20094. right: 1px;
  20095. }
  20096. .ui.input > .ui.left.corner.label {
  20097. right: auto;
  20098. left: 1px;
  20099. }
  20100. /* Labeled and action input states */
  20101. .ui.form .field.error > .ui.action.input > .ui.button,
  20102. .ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
  20103. .ui.action.input.error > .ui.button,
  20104. .ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
  20105. border-top: 1px solid #E0B4B4;
  20106. border-bottom: 1px solid #E0B4B4;
  20107. }
  20108. .ui.form .field.error > .ui[class*="left action"].input > .ui.button,
  20109. .ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
  20110. .ui[class*="left action"].input.error > .ui.button,
  20111. .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
  20112. border-left: 1px solid #E0B4B4;
  20113. }
  20114. .ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
  20115. .ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
  20116. .ui.action.input.error:not([class*="left action"]) > input + .ui.button,
  20117. .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
  20118. border-right: 1px solid #E0B4B4;
  20119. }
  20120. .ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
  20121. .ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
  20122. border-left: 1px solid #E0B4B4;
  20123. }
  20124. .ui.form .field.info > .ui.action.input > .ui.button,
  20125. .ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
  20126. .ui.action.input.info > .ui.button,
  20127. .ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
  20128. border-top: 1px solid #A9D5DE;
  20129. border-bottom: 1px solid #A9D5DE;
  20130. }
  20131. .ui.form .field.info > .ui[class*="left action"].input > .ui.button,
  20132. .ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
  20133. .ui[class*="left action"].input.info > .ui.button,
  20134. .ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
  20135. border-left: 1px solid #A9D5DE;
  20136. }
  20137. .ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
  20138. .ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
  20139. .ui.action.input.info:not([class*="left action"]) > input + .ui.button,
  20140. .ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
  20141. border-right: 1px solid #A9D5DE;
  20142. }
  20143. .ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
  20144. .ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
  20145. border-left: 1px solid #A9D5DE;
  20146. }
  20147. .ui.form .field.success > .ui.action.input > .ui.button,
  20148. .ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
  20149. .ui.action.input.success > .ui.button,
  20150. .ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
  20151. border-top: 1px solid #A3C293;
  20152. border-bottom: 1px solid #A3C293;
  20153. }
  20154. .ui.form .field.success > .ui[class*="left action"].input > .ui.button,
  20155. .ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
  20156. .ui[class*="left action"].input.success > .ui.button,
  20157. .ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
  20158. border-left: 1px solid #A3C293;
  20159. }
  20160. .ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
  20161. .ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
  20162. .ui.action.input.success:not([class*="left action"]) > input + .ui.button,
  20163. .ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
  20164. border-right: 1px solid #A3C293;
  20165. }
  20166. .ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
  20167. .ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
  20168. border-left: 1px solid #A3C293;
  20169. }
  20170. .ui.form .field.warning > .ui.action.input > .ui.button,
  20171. .ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
  20172. .ui.action.input.warning > .ui.button,
  20173. .ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
  20174. border-top: 1px solid #C9BA9B;
  20175. border-bottom: 1px solid #C9BA9B;
  20176. }
  20177. .ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
  20178. .ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
  20179. .ui[class*="left action"].input.warning > .ui.button,
  20180. .ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
  20181. border-left: 1px solid #C9BA9B;
  20182. }
  20183. .ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
  20184. .ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
  20185. .ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
  20186. .ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
  20187. border-right: 1px solid #C9BA9B;
  20188. }
  20189. .ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
  20190. .ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
  20191. border-left: 1px solid #C9BA9B;
  20192. }
  20193. /*--------------------
  20194. Action
  20195. ---------------------*/
  20196. .ui.action.input > .button,
  20197. .ui.action.input > .buttons {
  20198. display: flex;
  20199. align-items: center;
  20200. flex: 0 0 auto;
  20201. }
  20202. .ui.action.input > .button,
  20203. .ui.action.input > .buttons > .button {
  20204. padding-top: 0.78571429em;
  20205. padding-bottom: 0.78571429em;
  20206. margin: 0;
  20207. }
  20208. /* Input when ui Left*/
  20209. .ui[class*="left action"].input > input {
  20210. border-top-left-radius: 0;
  20211. border-bottom-left-radius: 0;
  20212. border-left-color: transparent;
  20213. }
  20214. /* Input when ui Right*/
  20215. .ui.action.input:not([class*="left action"]) > input {
  20216. border-top-right-radius: 0;
  20217. border-bottom-right-radius: 0;
  20218. border-right-color: transparent;
  20219. }
  20220. /* Button and Dropdown */
  20221. .ui.action.input > .dropdown:first-child,
  20222. .ui.action.input > .button:first-child,
  20223. .ui.action.input > .buttons:first-child > .button {
  20224. border-radius: 0.28571429rem 0 0 0.28571429rem;
  20225. }
  20226. .ui.action.input > .dropdown:not(:first-child),
  20227. .ui.action.input > .button:not(:first-child),
  20228. .ui.action.input > .buttons:not(:first-child) > .button {
  20229. border-radius: 0;
  20230. }
  20231. .ui.action.input > .dropdown:last-child,
  20232. .ui.action.input > .button:last-child,
  20233. .ui.action.input > .buttons:last-child > .button {
  20234. border-radius: 0 0.28571429rem 0.28571429rem 0;
  20235. }
  20236. /* Input Focus */
  20237. .ui.action.input:not([class*="left action"]) > input:focus {
  20238. border-right-color: #85B7D9;
  20239. }
  20240. .ui.ui[class*="left action"].input > input:focus {
  20241. border-left-color: #85B7D9;
  20242. }
  20243. /*--------------------
  20244. Inverted
  20245. ---------------------*/
  20246. /* Standard */
  20247. .ui.inverted.input > input {
  20248. border: none;
  20249. }
  20250. /*--------------------
  20251. Fluid
  20252. ---------------------*/
  20253. .ui.fluid.input {
  20254. display: flex;
  20255. }
  20256. .ui.fluid.input > input {
  20257. width: 0 !important;
  20258. }
  20259. /*--------------------
  20260. Size
  20261. ---------------------*/
  20262. .ui.input {
  20263. font-size: 1em;
  20264. }
  20265. .ui.mini.input {
  20266. font-size: 0.78571429em;
  20267. }
  20268. .ui.tiny.input {
  20269. font-size: 0.85714286em;
  20270. }
  20271. .ui.small.input {
  20272. font-size: 0.92857143em;
  20273. }
  20274. .ui.large.input {
  20275. font-size: 1.14285714em;
  20276. }
  20277. .ui.big.input {
  20278. font-size: 1.28571429em;
  20279. }
  20280. .ui.huge.input {
  20281. font-size: 1.42857143em;
  20282. }
  20283. .ui.massive.input {
  20284. font-size: 1.71428571em;
  20285. }
  20286. /*******************************
  20287. Theme Overrides
  20288. *******************************/
  20289. /*******************************
  20290. Site Overrides
  20291. *******************************/
  20292. /*!
  20293. * # Fomantic-UI - Item
  20294. * http://github.com/fomantic/Fomantic-UI/
  20295. *
  20296. *
  20297. * Released under the MIT license
  20298. * http://opensource.org/licenses/MIT
  20299. *
  20300. */
  20301. /*******************************
  20302. Standard
  20303. *******************************/
  20304. /*--------------
  20305. Item
  20306. ---------------*/
  20307. .ui.items > .item {
  20308. display: flex;
  20309. margin: 1em 0;
  20310. width: 100%;
  20311. min-height: 0;
  20312. background: transparent;
  20313. padding: 0;
  20314. border: none;
  20315. border-radius: 0;
  20316. box-shadow: none;
  20317. transition: box-shadow 0.1s ease;
  20318. z-index: '';
  20319. }
  20320. .ui.items > .item a {
  20321. cursor: pointer;
  20322. }
  20323. /*--------------
  20324. Items
  20325. ---------------*/
  20326. .ui.items {
  20327. margin: 1.5em 0;
  20328. }
  20329. .ui.items:first-child {
  20330. margin-top: 0 !important;
  20331. }
  20332. .ui.items:last-child {
  20333. margin-bottom: 0 !important;
  20334. }
  20335. /*--------------
  20336. Item
  20337. ---------------*/
  20338. .ui.items > .item:after {
  20339. display: block;
  20340. content: ' ';
  20341. height: 0;
  20342. clear: both;
  20343. overflow: hidden;
  20344. visibility: hidden;
  20345. }
  20346. .ui.items > .item:first-child {
  20347. margin-top: 0;
  20348. }
  20349. .ui.items > .item:last-child {
  20350. margin-bottom: 0;
  20351. }
  20352. /*--------------
  20353. Images
  20354. ---------------*/
  20355. .ui.items > .item > .image {
  20356. position: relative;
  20357. flex: 0 0 auto;
  20358. display: block;
  20359. float: none;
  20360. margin: 0;
  20361. padding: 0;
  20362. max-height: '';
  20363. align-self: start;
  20364. }
  20365. .ui.items > .item > .image > img {
  20366. display: block;
  20367. width: 100%;
  20368. height: auto;
  20369. border-radius: 0.125rem;
  20370. border: none;
  20371. }
  20372. .ui.items > .item > .image:only-child > img {
  20373. border-radius: 0;
  20374. }
  20375. /*--------------
  20376. Content
  20377. ---------------*/
  20378. .ui.items > .item > .content {
  20379. display: block;
  20380. flex: 1 1 auto;
  20381. background: none;
  20382. color: rgba(0, 0, 0, 0.87);
  20383. margin: 0;
  20384. padding: 0;
  20385. box-shadow: none;
  20386. font-size: 1em;
  20387. border: none;
  20388. border-radius: 0;
  20389. }
  20390. .ui.items > .item > .content:after {
  20391. display: block;
  20392. content: ' ';
  20393. height: 0;
  20394. clear: both;
  20395. overflow: hidden;
  20396. visibility: hidden;
  20397. }
  20398. .ui.items > .item > .image + .content {
  20399. min-width: 0;
  20400. width: auto;
  20401. display: block;
  20402. margin-left: 0;
  20403. align-self: start;
  20404. padding-left: 1.5em;
  20405. }
  20406. .ui.items > .item > .content > .header {
  20407. display: inline-block;
  20408. margin: -0.21425em 0 0;
  20409. font-family: var(--fonts-regular);
  20410. font-weight: 500;
  20411. color: rgba(0, 0, 0, 0.85);
  20412. }
  20413. /* Default Header Size */
  20414. .ui.items > .item > .content > .header:not(.ui) {
  20415. font-size: 1.28571429em;
  20416. }
  20417. /*--------------
  20418. Floated
  20419. ---------------*/
  20420. .ui.items > .item [class*="left floated"] {
  20421. float: left;
  20422. }
  20423. .ui.items > .item [class*="right floated"] {
  20424. float: right;
  20425. }
  20426. /*--------------
  20427. Content Image
  20428. ---------------*/
  20429. .ui.items > .item .content img {
  20430. align-self: center;
  20431. width: '';
  20432. }
  20433. .ui.items > .item img.avatar,
  20434. .ui.items > .item .avatar img {
  20435. width: '';
  20436. height: '';
  20437. border-radius: 500rem;
  20438. }
  20439. /*--------------
  20440. Description
  20441. ---------------*/
  20442. .ui.items > .item > .content > .description {
  20443. margin-top: 0.6em;
  20444. max-width: auto;
  20445. font-size: 1em;
  20446. line-height: 1.4285em;
  20447. color: rgba(0, 0, 0, 0.87);
  20448. }
  20449. /*--------------
  20450. Paragraph
  20451. ---------------*/
  20452. .ui.items > .item > .content p {
  20453. margin: 0 0 0.5em;
  20454. }
  20455. .ui.items > .item > .content p:last-child {
  20456. margin-bottom: 0;
  20457. }
  20458. /*--------------
  20459. Meta
  20460. ---------------*/
  20461. .ui.items > .item .meta {
  20462. margin: 0.5em 0 0.5em;
  20463. font-size: 1em;
  20464. line-height: 1em;
  20465. color: rgba(0, 0, 0, 0.6);
  20466. }
  20467. .ui.items > .item .meta * {
  20468. margin-right: 0.3em;
  20469. }
  20470. .ui.items > .item .meta :last-child {
  20471. margin-right: 0;
  20472. }
  20473. .ui.items > .item .meta [class*="right floated"] {
  20474. margin-right: 0;
  20475. margin-left: 0.3em;
  20476. }
  20477. /*--------------
  20478. Links
  20479. ---------------*/
  20480. /* Generic */
  20481. .ui.items > .item > .content a:not(.ui) {
  20482. color: '';
  20483. transition: color 0.1s ease;
  20484. }
  20485. .ui.items > .item > .content a:not(.ui):hover {
  20486. color: '';
  20487. }
  20488. /* Header */
  20489. .ui.items > .item > .content > a.header {
  20490. color: rgba(0, 0, 0, 0.85);
  20491. }
  20492. .ui.items > .item > .content > a.header:hover {
  20493. color: #1e70bf;
  20494. }
  20495. /* Meta */
  20496. .ui.items > .item .meta > a:not(.ui) {
  20497. color: rgba(0, 0, 0, 0.4);
  20498. }
  20499. .ui.items > .item .meta > a:not(.ui):hover {
  20500. color: rgba(0, 0, 0, 0.87);
  20501. }
  20502. /*--------------
  20503. Labels
  20504. ---------------*/
  20505. /*-----Star----- */
  20506. /* Icon */
  20507. .ui.items > .item > .content .favorite.icon {
  20508. cursor: pointer;
  20509. opacity: 0.75;
  20510. transition: color 0.1s ease;
  20511. }
  20512. .ui.items > .item > .content .favorite.icon:hover {
  20513. opacity: 1;
  20514. color: #FFB70A;
  20515. }
  20516. .ui.items > .item > .content .active.favorite.icon {
  20517. color: #FFE623;
  20518. }
  20519. /*-----Like----- */
  20520. /* Icon */
  20521. .ui.items > .item > .content .like.icon {
  20522. cursor: pointer;
  20523. opacity: 0.75;
  20524. transition: color 0.1s ease;
  20525. }
  20526. .ui.items > .item > .content .like.icon:hover {
  20527. opacity: 1;
  20528. color: #FF2733;
  20529. }
  20530. .ui.items > .item > .content .active.like.icon {
  20531. color: #FF2733;
  20532. }
  20533. /*----------------
  20534. Extra Content
  20535. -----------------*/
  20536. .ui.items > .item .extra {
  20537. display: block;
  20538. position: relative;
  20539. background: none;
  20540. margin: 0.5rem 0 0;
  20541. width: 100%;
  20542. padding: 0 0 0;
  20543. top: 0;
  20544. left: 0;
  20545. color: rgba(0, 0, 0, 0.4);
  20546. box-shadow: none;
  20547. transition: color 0.1s ease;
  20548. border-top: none;
  20549. }
  20550. .ui.items > .item .extra > * {
  20551. margin: 0.25rem 0.5rem 0.25rem 0;
  20552. }
  20553. .ui.items > .item .extra > [class*="right floated"] {
  20554. margin: 0.25rem 0 0.25rem 0.5rem;
  20555. }
  20556. .ui.items > .item .extra:after {
  20557. display: block;
  20558. content: ' ';
  20559. height: 0;
  20560. clear: both;
  20561. overflow: hidden;
  20562. visibility: hidden;
  20563. }
  20564. /*******************************
  20565. Responsive
  20566. *******************************/
  20567. /* Default Image Width */
  20568. .ui.items > .item > .image:not(.ui) {
  20569. width: 175px;
  20570. }
  20571. /* Tablet Only */
  20572. @media only screen and (min-width: 768px) and (max-width: 991.98px) {
  20573. .ui.items > .item {
  20574. margin: 1em 0;
  20575. }
  20576. .ui.items > .item > .image:not(.ui) {
  20577. width: 150px;
  20578. }
  20579. .ui.items > .item > .image + .content {
  20580. display: block;
  20581. padding: 0 0 0 1em;
  20582. }
  20583. }
  20584. /* Mobile Only */
  20585. @media only screen and (max-width: 767.98px) {
  20586. .ui.items:not(.unstackable) > .item {
  20587. flex-direction: column;
  20588. margin: 2em 0;
  20589. }
  20590. .ui.items:not(.unstackable) > .item > .image {
  20591. display: block;
  20592. margin-left: auto;
  20593. margin-right: auto;
  20594. }
  20595. .ui.items:not(.unstackable) > .item > .image,
  20596. .ui.items:not(.unstackable) > .item > .image > img {
  20597. max-width: 100% !important;
  20598. width: auto !important;
  20599. max-height: 250px !important;
  20600. }
  20601. .ui.items:not(.unstackable) > .item > .image + .content {
  20602. display: block;
  20603. padding: 1.5em 0 0;
  20604. }
  20605. }
  20606. /*******************************
  20607. Variations
  20608. *******************************/
  20609. /*-------------------
  20610. Aligned
  20611. --------------------*/
  20612. .ui.items > .item > .image + [class*="top aligned"].content {
  20613. align-self: flex-start;
  20614. }
  20615. .ui.items > .item > .image + [class*="middle aligned"].content {
  20616. align-self: center;
  20617. }
  20618. .ui.items > .item > .image + [class*="bottom aligned"].content {
  20619. align-self: flex-end;
  20620. }
  20621. /*--------------
  20622. Relaxed
  20623. ---------------*/
  20624. .ui.relaxed.items > .item {
  20625. margin: 1.5em 0;
  20626. }
  20627. .ui[class*="very relaxed"].items > .item {
  20628. margin: 2em 0;
  20629. }
  20630. /*-------------------
  20631. Divided
  20632. --------------------*/
  20633. .ui.divided.items > .item {
  20634. border-top: 1px solid rgba(34, 36, 38, 0.15);
  20635. margin: 0;
  20636. padding: 1em 0;
  20637. }
  20638. .ui.divided.items > .item:first-child {
  20639. border-top: none;
  20640. margin-top: 0 !important;
  20641. padding-top: 0 !important;
  20642. }
  20643. .ui.divided.items > .item:last-child {
  20644. margin-bottom: 0 !important;
  20645. padding-bottom: 0 !important;
  20646. }
  20647. /* Relaxed Divided */
  20648. .ui.relaxed.divided.items > .item {
  20649. margin: 0;
  20650. padding: 1.5em 0;
  20651. }
  20652. .ui[class*="very relaxed"].divided.items > .item {
  20653. margin: 0;
  20654. padding: 2em 0;
  20655. }
  20656. /*-------------------
  20657. Link
  20658. --------------------*/
  20659. .ui.items a.item:hover,
  20660. .ui.link.items > .item:hover {
  20661. cursor: pointer;
  20662. }
  20663. .ui.items a.item:hover .content .header,
  20664. .ui.link.items > .item:hover .content .header {
  20665. color: #1e70bf;
  20666. }
  20667. /*--------------
  20668. Size
  20669. ---------------*/
  20670. .ui.items > .item {
  20671. font-size: 1em;
  20672. }
  20673. .ui.mini.items > .item {
  20674. font-size: 0.78571429em;
  20675. }
  20676. .ui.tiny.items > .item {
  20677. font-size: 0.85714286em;
  20678. }
  20679. .ui.small.items > .item {
  20680. font-size: 0.92857143em;
  20681. }
  20682. .ui.large.items > .item {
  20683. font-size: 1.14285714em;
  20684. }
  20685. .ui.big.items > .item {
  20686. font-size: 1.28571429em;
  20687. }
  20688. .ui.huge.items > .item {
  20689. font-size: 1.42857143em;
  20690. }
  20691. .ui.massive.items > .item {
  20692. font-size: 1.71428571em;
  20693. }
  20694. /*---------------
  20695. Unstackable
  20696. ----------------*/
  20697. @media only screen and (max-width: 767.98px) {
  20698. .ui.unstackable.items > .item > .image,
  20699. .ui.unstackable.items > .item > .image > img {
  20700. width: 125px !important;
  20701. }
  20702. }
  20703. /*--------------
  20704. Inverted
  20705. ---------------*/
  20706. .ui.inverted.items > .item {
  20707. background: transparent;
  20708. }
  20709. .ui.inverted.items > .item > .content {
  20710. background: none;
  20711. color: rgba(255, 255, 255, 0.9);
  20712. }
  20713. .ui.inverted.items > .item .extra {
  20714. background: none;
  20715. }
  20716. .ui.inverted.items > .item > .content > .header {
  20717. color: rgba(255, 255, 255, 0.9);
  20718. }
  20719. .ui.inverted.items > .item > .content > .description {
  20720. color: rgba(255, 255, 255, 0.9);
  20721. }
  20722. .ui.inverted.items > .item .meta {
  20723. color: rgba(255, 255, 255, 0.8);
  20724. }
  20725. .ui.inverted.items > .item > .content a:not(.ui) {
  20726. color: #57a4ef;
  20727. }
  20728. .ui.inverted.items > .item > .content a:not(.ui):hover {
  20729. color: #4183C4;
  20730. }
  20731. .ui.inverted.items > .item > .content > a.header {
  20732. color: rgba(255, 255, 255, 0.9);
  20733. }
  20734. .ui.inverted.items > .item > .content > a.header:hover {
  20735. color: #ffffff;
  20736. }
  20737. .ui.inverted.items > .item .meta > a:not(.ui) {
  20738. color: rgba(255, 255, 255, 0.7);
  20739. }
  20740. .ui.inverted.items > .item .meta > a:not(.ui):hover {
  20741. color: rgba(255, 255, 255, 0.9);
  20742. }
  20743. .ui.inverted.items > .item > .content .favorite.icon:hover {
  20744. color: #ffc63d;
  20745. }
  20746. .ui.inverted.items > .item > .content .active.favorite.icon {
  20747. color: #ffec56;
  20748. }
  20749. .ui.inverted.items > .item > .content .like.icon:hover {
  20750. color: #ff5a63;
  20751. }
  20752. .ui.inverted.items > .item > .content .active.like.icon {
  20753. color: #ff5a63;
  20754. }
  20755. .ui.inverted.items > .item .extra {
  20756. color: rgba(255, 255, 255, 0.7);
  20757. }
  20758. .ui.inverted.items a.item:hover .content .header,
  20759. .ui.inverted.link.items > .item:hover .content .header {
  20760. color: #ffffff;
  20761. }
  20762. .ui.inverted.divided.items > .item {
  20763. border-top: 1px solid rgba(255, 255, 255, 0.1);
  20764. }
  20765. .ui.inverted.divided.items > .item:first-child {
  20766. border-top: none;
  20767. }
  20768. /*******************************
  20769. Theme Overrides
  20770. *******************************/
  20771. /*******************************
  20772. User Variable Overrides
  20773. *******************************/
  20774. /*!
  20775. * # Fomantic-UI - Label
  20776. * http://github.com/fomantic/Fomantic-UI/
  20777. *
  20778. *
  20779. * Released under the MIT license
  20780. * http://opensource.org/licenses/MIT
  20781. *
  20782. */
  20783. /*******************************
  20784. Label
  20785. *******************************/
  20786. .ui.label {
  20787. display: inline-block;
  20788. line-height: 1;
  20789. vertical-align: baseline;
  20790. margin: 0 0.14285714em;
  20791. background-color: #E8E8E8;
  20792. background-image: none;
  20793. padding: 0.5833em 0.833em;
  20794. color: rgba(0, 0, 0, 0.6);
  20795. text-transform: none;
  20796. font-weight: 500;
  20797. border: 0 solid transparent;
  20798. border-radius: 0.28571429rem;
  20799. transition: background 0.1s ease;
  20800. }
  20801. .ui.label:first-child {
  20802. margin-left: 0;
  20803. }
  20804. .ui.label:last-child {
  20805. margin-right: 0;
  20806. }
  20807. /* Link */
  20808. a.ui.label {
  20809. cursor: pointer;
  20810. }
  20811. /* Inside Link */
  20812. .ui.label > a {
  20813. cursor: pointer;
  20814. color: inherit;
  20815. opacity: 0.5;
  20816. transition: 0.1s opacity ease;
  20817. }
  20818. .ui.label > a:hover {
  20819. opacity: 1;
  20820. }
  20821. /* Image */
  20822. .ui.label > img {
  20823. width: auto !important;
  20824. vertical-align: middle;
  20825. height: 2.1666em;
  20826. }
  20827. /* Icon */
  20828. .ui.left.icon.label > .icon,
  20829. .ui.label > .icon {
  20830. width: auto;
  20831. margin: 0 0.75em 0 0;
  20832. }
  20833. /* Detail */
  20834. .ui.label > .detail {
  20835. display: inline-block;
  20836. vertical-align: top;
  20837. font-weight: 500;
  20838. margin-left: 1em;
  20839. opacity: 0.8;
  20840. }
  20841. .ui.label > .detail .icon {
  20842. margin: 0 0.25em 0 0;
  20843. }
  20844. /* Removable label */
  20845. .ui.label > .close.icon,
  20846. .ui.label > .delete.icon {
  20847. cursor: pointer;
  20848. font-size: 0.92857143em;
  20849. opacity: 0.5;
  20850. transition: background 0.1s ease;
  20851. }
  20852. .ui.label > .close.icon:hover,
  20853. .ui.label > .delete.icon:hover {
  20854. opacity: 1;
  20855. }
  20856. /* Backward compatible positioning */
  20857. .ui.label.left.icon > .close.icon,
  20858. .ui.label.left.icon > .delete.icon {
  20859. margin: 0 0.5em 0 0;
  20860. }
  20861. .ui.label:not(.icon) > .close.icon,
  20862. .ui.label:not(.icon) > .delete.icon {
  20863. margin: 0 0 0 0.5em;
  20864. }
  20865. /* Label for only an icon */
  20866. .ui.icon.label > .icon {
  20867. margin: 0 auto;
  20868. }
  20869. /* Right Side Icon */
  20870. .ui.right.icon.label > .icon {
  20871. margin: 0 0 0 0.75em;
  20872. }
  20873. /*-------------------
  20874. Group
  20875. --------------------*/
  20876. .ui.labels > .label {
  20877. margin: 0 0.5em 0.5em 0;
  20878. }
  20879. /*-------------------
  20880. Coupling
  20881. --------------------*/
  20882. .ui.header > .ui.label {
  20883. margin-top: -0.29165em;
  20884. }
  20885. /* Remove border radius on attached segment */
  20886. .ui.attached.segment > .ui.top.left.attached.label,
  20887. .ui.bottom.attached.segment > .ui.top.left.attached.label {
  20888. border-top-left-radius: 0;
  20889. }
  20890. .ui.attached.segment > .ui.top.right.attached.label,
  20891. .ui.bottom.attached.segment > .ui.top.right.attached.label {
  20892. border-top-right-radius: 0;
  20893. }
  20894. .ui.top.attached.segment > .ui.bottom.left.attached.label {
  20895. border-bottom-left-radius: 0;
  20896. }
  20897. .ui.top.attached.segment > .ui.bottom.right.attached.label {
  20898. border-bottom-right-radius: 0;
  20899. }
  20900. /* Padding on next content after a label */
  20901. .ui.top.attached.label ~ .ui.bottom.attached.label + :not(.attached),
  20902. .ui.top.attached.label + :not(.attached) {
  20903. margin-top: 2rem !important;
  20904. }
  20905. .ui.bottom.attached.label ~ :last-child:not(.attached) {
  20906. margin-top: 0;
  20907. margin-bottom: 2rem !important;
  20908. }
  20909. .ui.segment:not(.basic) > .ui.top.attached.label {
  20910. margin-top: -1px;
  20911. }
  20912. .ui.segment:not(.basic) > .ui.bottom.attached.label {
  20913. margin-bottom: -1px;
  20914. }
  20915. .ui.segment:not(.basic) > .ui.attached.label:not(.right) {
  20916. margin-left: -1px;
  20917. }
  20918. .ui.segment:not(.basic) > .ui.right.attached.label {
  20919. margin-right: -1px;
  20920. }
  20921. .ui.segment:not(.basic) > .ui.attached.label:not(.left):not(.right) {
  20922. width: calc(100% + 2px);
  20923. }
  20924. /*******************************
  20925. Types
  20926. *******************************/
  20927. .ui.image.label {
  20928. width: auto;
  20929. margin-top: 0;
  20930. margin-bottom: 0;
  20931. max-width: 9999px;
  20932. vertical-align: baseline;
  20933. text-transform: none;
  20934. background: #E8E8E8;
  20935. padding: 0.5833em 0.833em 0.5833em 0.5em;
  20936. border-radius: 0.28571429rem;
  20937. box-shadow: none;
  20938. }
  20939. .ui.image.label.attached:not(.basic) {
  20940. padding: 0.5833em 0.833em 0.5833em 0.5em;
  20941. }
  20942. .ui.image.label img {
  20943. display: inline-block;
  20944. vertical-align: top;
  20945. height: 2.1666em;
  20946. margin: -0.5833em 0.5em -0.5833em -0.5em;
  20947. border-radius: 0.28571429rem 0 0 0.28571429rem;
  20948. }
  20949. .ui.image.label .detail {
  20950. background: rgba(0, 0, 0, 0.1);
  20951. margin: -0.5833em -0.833em -0.5833em 0.5em;
  20952. padding: 0.5833em 0.833em;
  20953. border-radius: 0 0.28571429rem 0.28571429rem 0;
  20954. }
  20955. .ui.bottom.attached.image.label:not(.right) > img,
  20956. .ui.top.right.attached.image.label > img {
  20957. border-top-left-radius: 0;
  20958. }
  20959. .ui.top.attached.image.label:not(.right) > img,
  20960. .ui.bottom.right.attached.image.label > img {
  20961. border-bottom-left-radius: 0;
  20962. }
  20963. /*-------------------
  20964. Tag
  20965. --------------------*/
  20966. .ui.tag.labels .label,
  20967. .ui.tag.label {
  20968. margin-left: 1em;
  20969. position: relative;
  20970. padding-left: 1.5em;
  20971. padding-right: 1.5em;
  20972. border-radius: 0 0.28571429rem 0.28571429rem 0;
  20973. transition: none;
  20974. }
  20975. .ui.tag.labels .label:before,
  20976. .ui.tag.label:before {
  20977. position: absolute;
  20978. transform: translateY(-50%) translateX(50%) rotate(-45deg);
  20979. top: 50%;
  20980. right: 100%;
  20981. content: '';
  20982. background-color: inherit;
  20983. background-image: none;
  20984. width: 1.56em;
  20985. height: 1.56em;
  20986. transition: none;
  20987. }
  20988. .ui.tag.labels .label:after,
  20989. .ui.tag.label:after {
  20990. position: absolute;
  20991. content: '';
  20992. top: 50%;
  20993. left: -0.25em;
  20994. margin-top: -0.25em;
  20995. background-color: #FFFFFF;
  20996. width: 0.5em;
  20997. height: 0.5em;
  20998. box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  20999. border-radius: 500rem;
  21000. }
  21001. .ui.basic.tag.labels .label:before,
  21002. .ui.basic.tag.label:before {
  21003. border-color: inherit;
  21004. border-width: 1px 0 0 1px;
  21005. border-style: inherit;
  21006. right: calc(100% + 1px);
  21007. }
  21008. .ui.basic.tag.labels .label:after,
  21009. .ui.basic.tag.label:after {
  21010. box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
  21011. }
  21012. /*-------------------
  21013. Corner Label
  21014. --------------------*/
  21015. .ui.corner.label {
  21016. position: absolute;
  21017. top: 0;
  21018. right: 0;
  21019. margin: 0;
  21020. padding: 0;
  21021. text-align: center;
  21022. border-color: #E8E8E8;
  21023. width: 4em;
  21024. height: 4em;
  21025. z-index: 1;
  21026. transition: border-color 0.1s ease;
  21027. }
  21028. /* Icon Label */
  21029. .ui.corner.label {
  21030. background-color: transparent !important;
  21031. }
  21032. .ui.corner.label:after {
  21033. position: absolute;
  21034. content: "";
  21035. right: 0;
  21036. top: 0;
  21037. z-index: -1;
  21038. width: 0;
  21039. height: 0;
  21040. background-color: transparent;
  21041. border-top: 0 solid transparent;
  21042. border-right: 4em solid transparent;
  21043. border-bottom: 4em solid transparent;
  21044. border-left: 0 solid transparent;
  21045. border-right-color: inherit;
  21046. transition: border-color 0.1s ease;
  21047. }
  21048. .ui.corner.label .icon {
  21049. cursor: inherit;
  21050. position: absolute;
  21051. top: 0.64285714em;
  21052. left: auto;
  21053. right: 0.57142857em;
  21054. font-size: 1.14285714em;
  21055. margin: 0;
  21056. }
  21057. /* Left Corner */
  21058. .ui.left.corner.label,
  21059. .ui.left.corner.label:after {
  21060. right: auto;
  21061. left: 0;
  21062. }
  21063. .ui.left.corner.label:after {
  21064. border-top: 4em solid transparent;
  21065. border-right: 4em solid transparent;
  21066. border-bottom: 0 solid transparent;
  21067. border-left: 0 solid transparent;
  21068. border-top-color: inherit;
  21069. }
  21070. .ui.left.corner.label .icon {
  21071. left: 0.57142857em;
  21072. right: auto;
  21073. }
  21074. /* Segment */
  21075. .ui.segment > .ui.corner.label {
  21076. top: -1px;
  21077. right: -1px;
  21078. }
  21079. .ui.segment > .ui.left.corner.label {
  21080. right: auto;
  21081. left: -1px;
  21082. }
  21083. /*-------------------
  21084. Ribbon
  21085. --------------------*/
  21086. .ui.ribbon.label {
  21087. position: relative;
  21088. margin: 0;
  21089. min-width: -webkit-max-content;
  21090. min-width: -moz-max-content;
  21091. min-width: max-content;
  21092. border-radius: 0 0.28571429rem 0.28571429rem 0;
  21093. border-color: rgba(0, 0, 0, 0.15);
  21094. }
  21095. .ui.ribbon.label:after {
  21096. position: absolute;
  21097. content: '';
  21098. top: 100%;
  21099. left: 0;
  21100. background-color: transparent;
  21101. border-style: solid;
  21102. border-width: 0 1.2em 1.2em 0;
  21103. border-color: transparent;
  21104. border-right-color: inherit;
  21105. width: 0;
  21106. height: 0;
  21107. }
  21108. /* Positioning */
  21109. .ui.ribbon.label {
  21110. left: calc(-1rem - 1.2em);
  21111. margin-right: -1.2em;
  21112. padding-left: calc(1rem + 1.2em);
  21113. padding-right: 1.2em;
  21114. }
  21115. .ui[class*="right ribbon"].label {
  21116. left: calc(100% + 1rem + 1.2em);
  21117. padding-left: 1.2em;
  21118. padding-right: calc(1rem + 1.2em);
  21119. }
  21120. .ui.basic.ribbon.label {
  21121. padding-top: calc(0.5833em - 1px);
  21122. padding-bottom: calc(0.5833em - 1px);
  21123. }
  21124. .ui.basic.ribbon.label:not([class*="right ribbon"]) {
  21125. padding-left: calc(1rem + 1.2em - 1px);
  21126. padding-right: calc(1.2em - 1px);
  21127. }
  21128. .ui.basic[class*="right ribbon"].label {
  21129. padding-left: calc(1.2em - 1px);
  21130. padding-right: calc(1rem + 1.2em - 1px);
  21131. }
  21132. .ui.basic.ribbon.label::after {
  21133. top: calc(100% + 1px);
  21134. }
  21135. .ui.basic.ribbon.label:not([class*="right ribbon"])::after {
  21136. left: -1px;
  21137. }
  21138. .ui.basic[class*="right ribbon"].label::after {
  21139. right: -1px;
  21140. }
  21141. /* Right Ribbon */
  21142. .ui[class*="right ribbon"].label {
  21143. text-align: left;
  21144. transform: translateX(-100%);
  21145. border-radius: 0.28571429rem 0 0 0.28571429rem;
  21146. }
  21147. .ui[class*="right ribbon"].label:after {
  21148. left: auto;
  21149. right: 0;
  21150. border-style: solid;
  21151. border-width: 1.2em 1.2em 0 0;
  21152. border-color: transparent;
  21153. border-top-color: inherit;
  21154. }
  21155. /* Inside Table */
  21156. .ui.image > .ribbon.label,
  21157. .ui.card .image > .ribbon.label {
  21158. position: absolute;
  21159. top: 1rem;
  21160. }
  21161. .ui.card .image > .ui.ribbon.label,
  21162. .ui.image > .ui.ribbon.label {
  21163. left: calc(0.05rem - 1.2em);
  21164. }
  21165. .ui.card .image > .ui[class*="right ribbon"].label,
  21166. .ui.image > .ui[class*="right ribbon"].label {
  21167. left: calc(100% + -0.05rem + 1.2em);
  21168. padding-left: 0.833em;
  21169. }
  21170. /* Inside Table */
  21171. .ui.table td > .ui.ribbon.label {
  21172. left: calc(-1em - 1.2em);
  21173. }
  21174. .ui.table td > .ui[class*="right ribbon"].label {
  21175. left: calc(100% + 1em + 1.2em);
  21176. padding-left: 0.833em;
  21177. }
  21178. /*-------------------
  21179. Attached
  21180. --------------------*/
  21181. .ui[class*="top attached"].label,
  21182. .ui.attached.label {
  21183. width: 100%;
  21184. position: absolute;
  21185. margin: 0;
  21186. top: 0;
  21187. left: 0;
  21188. padding: 0.75em 1em;
  21189. border-radius: 0.21428571rem 0.21428571rem 0 0;
  21190. }
  21191. .ui[class*="bottom attached"].label {
  21192. top: auto;
  21193. bottom: 0;
  21194. border-radius: 0 0 0.21428571rem 0.21428571rem;
  21195. }
  21196. .ui[class*="top left attached"].label {
  21197. width: auto;
  21198. margin-top: 0;
  21199. border-radius: 0.21428571rem 0 0.28571429rem 0;
  21200. }
  21201. .ui[class*="top right attached"].label {
  21202. width: auto;
  21203. left: auto;
  21204. right: 0;
  21205. border-radius: 0 0.21428571rem 0 0.28571429rem;
  21206. }
  21207. .ui[class*="bottom left attached"].label {
  21208. width: auto;
  21209. top: auto;
  21210. bottom: 0;
  21211. border-radius: 0 0.28571429rem 0 0.21428571rem;
  21212. }
  21213. .ui[class*="bottom right attached"].label {
  21214. top: auto;
  21215. bottom: 0;
  21216. left: auto;
  21217. right: 0;
  21218. width: auto;
  21219. border-radius: 0.28571429rem 0 0.21428571rem 0;
  21220. }
  21221. /*******************************
  21222. States
  21223. *******************************/
  21224. /*-------------------
  21225. Disabled
  21226. --------------------*/
  21227. .ui.label.disabled {
  21228. opacity: 0.5;
  21229. }
  21230. /*-------------------
  21231. Hover
  21232. --------------------*/
  21233. .ui.labels a.label:hover,
  21234. a.ui.label:hover {
  21235. background-color: #E0E0E0;
  21236. border-color: #E0E0E0;
  21237. background-image: none;
  21238. color: rgba(0, 0, 0, 0.8);
  21239. }
  21240. .ui.labels a.label:hover:before,
  21241. a.ui.label:hover:before {
  21242. color: rgba(0, 0, 0, 0.8);
  21243. }
  21244. /*-------------------
  21245. Active
  21246. --------------------*/
  21247. .ui.active.label {
  21248. background-color: #D0D0D0;
  21249. border-color: #D0D0D0;
  21250. background-image: none;
  21251. color: rgba(0, 0, 0, 0.95);
  21252. }
  21253. .ui.active.label:before {
  21254. background-color: #D0D0D0;
  21255. background-image: none;
  21256. color: rgba(0, 0, 0, 0.95);
  21257. }
  21258. /*-------------------
  21259. Active Hover
  21260. --------------------*/
  21261. .ui.labels a.active.label:hover,
  21262. a.ui.active.label:hover {
  21263. background-color: #C8C8C8;
  21264. border-color: #C8C8C8;
  21265. background-image: none;
  21266. color: rgba(0, 0, 0, 0.95);
  21267. }
  21268. .ui.labels a.active.label:hover:before,
  21269. a.ui.active.label:hover:before {
  21270. background-color: #C8C8C8;
  21271. background-image: none;
  21272. color: rgba(0, 0, 0, 0.95);
  21273. }
  21274. /*-------------------
  21275. Visible
  21276. --------------------*/
  21277. .ui.labels.visible .label,
  21278. .ui.label.visible:not(.dropdown) {
  21279. display: inline-block !important;
  21280. }
  21281. /*-------------------
  21282. Hidden
  21283. --------------------*/
  21284. .ui.labels.hidden .label,
  21285. .ui.label.hidden {
  21286. display: none !important;
  21287. }
  21288. /*******************************
  21289. Variations
  21290. *******************************/
  21291. /*-------------------
  21292. Basic
  21293. --------------------*/
  21294. .ui.basic.labels .label,
  21295. .ui.basic.label {
  21296. background: none #FFFFFF;
  21297. border: 1px solid rgba(34, 36, 38, 0.15);
  21298. color: rgba(0, 0, 0, 0.87);
  21299. box-shadow: none;
  21300. padding-top: calc(0.5833em - 1px);
  21301. padding-bottom: calc(0.5833em - 1px);
  21302. padding-right: calc(0.833em - 1px);
  21303. }
  21304. .ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,
  21305. .ui.basic.label:not(.tag):not(.image):not(.ribbon) {
  21306. padding-left: calc(0.833em - 1px);
  21307. }
  21308. .ui.basic.image.label {
  21309. padding-left: calc(0.5em - 1px);
  21310. }
  21311. /* Link */
  21312. .ui.basic.labels a.label:hover,
  21313. a.ui.basic.label:hover {
  21314. text-decoration: none;
  21315. background: none #FFFFFF;
  21316. color: #1e70bf;
  21317. box-shadow: none;
  21318. }
  21319. /* Pointing */
  21320. .ui.basic.pointing.label:before {
  21321. border-color: inherit;
  21322. }
  21323. /*-------------------
  21324. Fluid
  21325. --------------------*/
  21326. .ui.label.fluid,
  21327. .ui.fluid.labels > .label {
  21328. width: 100%;
  21329. box-sizing: border-box;
  21330. }
  21331. /*-------------------
  21332. Inverted
  21333. --------------------*/
  21334. .ui.inverted.labels .label,
  21335. .ui.inverted.label {
  21336. color: rgba(255, 255, 255, 0.9);
  21337. background-color: #b5b5b5;
  21338. }
  21339. .ui.inverted.corner.label {
  21340. border-color: #b5b5b5;
  21341. }
  21342. .ui.inverted.corner.label:hover {
  21343. border-color: #E8E8E8;
  21344. transition: none;
  21345. }
  21346. .ui.inverted.basic.labels .label,
  21347. .ui.inverted.basic.label,
  21348. .ui.inverted.basic.label:hover {
  21349. border-color: rgba(255, 255, 255, 0.5);
  21350. background: #1B1C1D;
  21351. }
  21352. .ui.inverted.basic.label:hover {
  21353. color: #4183C4;
  21354. }
  21355. /*-------------------
  21356. Colors
  21357. --------------------*/
  21358. .ui.primary.labels .label,
  21359. .ui.ui.ui.primary.label {
  21360. background-color: #2185D0;
  21361. border-color: #2185D0;
  21362. color: rgba(255, 255, 255, 0.9);
  21363. }
  21364. /* Link */
  21365. .ui.primary.labels a.label:hover,
  21366. a.ui.ui.ui.primary.label:hover {
  21367. background-color: #1678c2;
  21368. border-color: #1678c2;
  21369. color: #FFFFFF;
  21370. }
  21371. /* Ribbon */
  21372. .ui.ui.ui.primary.ribbon.label {
  21373. border-color: #1a69a4;
  21374. }
  21375. /* Basic */
  21376. .ui.basic.labels .primary.label,
  21377. .ui.ui.ui.basic.primary.label {
  21378. background: none #FFFFFF;
  21379. border-color: #2185D0;
  21380. color: #2185D0;
  21381. }
  21382. .ui.basic.labels a.primary.label:hover,
  21383. a.ui.ui.ui.basic.primary.label:hover {
  21384. background: none #FFFFFF;
  21385. border-color: #1678c2;
  21386. color: #1678c2;
  21387. }
  21388. /* Inverted */
  21389. .ui.inverted.labels .primary.label,
  21390. .ui.ui.ui.inverted.primary.label {
  21391. background-color: #54C8FF;
  21392. border-color: #54C8FF;
  21393. color: #1B1C1D;
  21394. }
  21395. /* Inverted Link */
  21396. .ui.inverted.labels a.primary.label:hover,
  21397. a.ui.ui.ui.inverted.primary.label:hover {
  21398. background-color: #21b8ff;
  21399. border-color: #21b8ff;
  21400. color: #1B1C1D;
  21401. }
  21402. /* Inverted Ribbon */
  21403. .ui.ui.ui.inverted.primary.ribbon.label {
  21404. border-color: #21b8ff;
  21405. }
  21406. /* Inverted Basic */
  21407. .ui.inverted.basic.labels .primary.label,
  21408. .ui.ui.ui.inverted.basic.primary.label {
  21409. background-color: #1B1C1D;
  21410. border-color: #54C8FF;
  21411. color: #54C8FF;
  21412. }
  21413. .ui.inverted.basic.labels a.primary.label:hover,
  21414. a.ui.ui.ui.inverted.basic.primary.label:hover {
  21415. border-color: #21b8ff;
  21416. background-color: #1B1C1D;
  21417. color: #21b8ff;
  21418. }
  21419. /* Inverted Basic Tags */
  21420. .ui.inverted.basic.tag.labels .primary.label,
  21421. .ui.ui.ui.inverted.primary.basic.tag.label {
  21422. border: 1px solid #54C8FF;
  21423. }
  21424. .ui.inverted.basic.tag.labels .primary.label:before,
  21425. .ui.ui.ui.inverted.primary.basic.tag.label:before {
  21426. border-color: inherit;
  21427. border-width: 1px 0 0 1px;
  21428. border-style: inherit;
  21429. background-color: #1B1C1D;
  21430. right: calc(100% + 1px);
  21431. }
  21432. .ui.secondary.labels .label,
  21433. .ui.ui.ui.secondary.label {
  21434. background-color: #1B1C1D;
  21435. border-color: #1B1C1D;
  21436. color: rgba(255, 255, 255, 0.9);
  21437. }
  21438. /* Link */
  21439. .ui.secondary.labels a.label:hover,
  21440. a.ui.ui.ui.secondary.label:hover {
  21441. background-color: #27292a;
  21442. border-color: #27292a;
  21443. color: #FFFFFF;
  21444. }
  21445. /* Ribbon */
  21446. .ui.ui.ui.secondary.ribbon.label {
  21447. border-color: #020203;
  21448. }
  21449. /* Basic */
  21450. .ui.basic.labels .secondary.label,
  21451. .ui.ui.ui.basic.secondary.label {
  21452. background: none #FFFFFF;
  21453. border-color: #1B1C1D;
  21454. color: #1B1C1D;
  21455. }
  21456. .ui.basic.labels a.secondary.label:hover,
  21457. a.ui.ui.ui.basic.secondary.label:hover {
  21458. background: none #FFFFFF;
  21459. border-color: #27292a;
  21460. color: #27292a;
  21461. }
  21462. /* Inverted */
  21463. .ui.inverted.labels .secondary.label,
  21464. .ui.ui.ui.inverted.secondary.label {
  21465. background-color: #545454;
  21466. border-color: #545454;
  21467. color: #1B1C1D;
  21468. }
  21469. /* Inverted Link */
  21470. .ui.inverted.labels a.secondary.label:hover,
  21471. a.ui.ui.ui.inverted.secondary.label:hover {
  21472. background-color: #6e6e6e;
  21473. border-color: #6e6e6e;
  21474. color: #1B1C1D;
  21475. }
  21476. /* Inverted Ribbon */
  21477. .ui.ui.ui.inverted.secondary.ribbon.label {
  21478. border-color: #3b3b3b;
  21479. }
  21480. /* Inverted Basic */
  21481. .ui.inverted.basic.labels .secondary.label,
  21482. .ui.ui.ui.inverted.basic.secondary.label {
  21483. background-color: #1B1C1D;
  21484. border-color: #545454;
  21485. color: #545454;
  21486. }
  21487. .ui.inverted.basic.labels a.secondary.label:hover,
  21488. a.ui.ui.ui.inverted.basic.secondary.label:hover {
  21489. border-color: #6e6e6e;
  21490. background-color: #1B1C1D;
  21491. color: #6e6e6e;
  21492. }
  21493. /* Inverted Basic Tags */
  21494. .ui.inverted.basic.tag.labels .secondary.label,
  21495. .ui.ui.ui.inverted.secondary.basic.tag.label {
  21496. border: 1px solid #545454;
  21497. }
  21498. .ui.inverted.basic.tag.labels .secondary.label:before,
  21499. .ui.ui.ui.inverted.secondary.basic.tag.label:before {
  21500. border-color: inherit;
  21501. border-width: 1px 0 0 1px;
  21502. border-style: inherit;
  21503. background-color: #1B1C1D;
  21504. right: calc(100% + 1px);
  21505. }
  21506. .ui.red.labels .label,
  21507. .ui.ui.ui.red.label {
  21508. background-color: #DB2828;
  21509. border-color: #DB2828;
  21510. color: #FFFFFF;
  21511. }
  21512. /* Link */
  21513. .ui.red.labels a.label:hover,
  21514. a.ui.ui.ui.red.label:hover {
  21515. background-color: #d01919;
  21516. border-color: #d01919;
  21517. color: #FFFFFF;
  21518. }
  21519. /* Ribbon */
  21520. .ui.ui.ui.red.ribbon.label {
  21521. border-color: #b21e1e;
  21522. }
  21523. /* Basic */
  21524. .ui.basic.labels .red.label,
  21525. .ui.ui.ui.basic.red.label {
  21526. background: none #FFFFFF;
  21527. border-color: #DB2828;
  21528. color: #DB2828;
  21529. }
  21530. .ui.basic.labels a.red.label:hover,
  21531. a.ui.ui.ui.basic.red.label:hover {
  21532. background: none #FFFFFF;
  21533. border-color: #d01919;
  21534. color: #d01919;
  21535. }
  21536. /* Inverted */
  21537. .ui.inverted.labels .red.label,
  21538. .ui.ui.ui.inverted.red.label {
  21539. background-color: #FF695E;
  21540. border-color: #FF695E;
  21541. color: #1B1C1D;
  21542. }
  21543. /* Inverted Link */
  21544. .ui.inverted.labels a.red.label:hover,
  21545. a.ui.ui.ui.inverted.red.label:hover {
  21546. background-color: #ff392b;
  21547. border-color: #ff392b;
  21548. color: #1B1C1D;
  21549. }
  21550. /* Inverted Ribbon */
  21551. .ui.ui.ui.inverted.red.ribbon.label {
  21552. border-color: #ff392b;
  21553. }
  21554. /* Inverted Basic */
  21555. .ui.inverted.basic.labels .red.label,
  21556. .ui.ui.ui.inverted.basic.red.label {
  21557. background-color: #1B1C1D;
  21558. border-color: #FF695E;
  21559. color: #FF695E;
  21560. }
  21561. .ui.inverted.basic.labels a.red.label:hover,
  21562. a.ui.ui.ui.inverted.basic.red.label:hover {
  21563. border-color: #ff392b;
  21564. background-color: #1B1C1D;
  21565. color: #ff392b;
  21566. }
  21567. /* Inverted Basic Tags */
  21568. .ui.inverted.basic.tag.labels .red.label,
  21569. .ui.ui.ui.inverted.red.basic.tag.label {
  21570. border: 1px solid #FF695E;
  21571. }
  21572. .ui.inverted.basic.tag.labels .red.label:before,
  21573. .ui.ui.ui.inverted.red.basic.tag.label:before {
  21574. border-color: inherit;
  21575. border-width: 1px 0 0 1px;
  21576. border-style: inherit;
  21577. background-color: #1B1C1D;
  21578. right: calc(100% + 1px);
  21579. }
  21580. .ui.orange.labels .label,
  21581. .ui.ui.ui.orange.label {
  21582. background-color: #F2711C;
  21583. border-color: #F2711C;
  21584. color: #FFFFFF;
  21585. }
  21586. /* Link */
  21587. .ui.orange.labels a.label:hover,
  21588. a.ui.ui.ui.orange.label:hover {
  21589. background-color: #f26202;
  21590. border-color: #f26202;
  21591. color: #FFFFFF;
  21592. }
  21593. /* Ribbon */
  21594. .ui.ui.ui.orange.ribbon.label {
  21595. border-color: #cf590c;
  21596. }
  21597. /* Basic */
  21598. .ui.basic.labels .orange.label,
  21599. .ui.ui.ui.basic.orange.label {
  21600. background: none #FFFFFF;
  21601. border-color: #F2711C;
  21602. color: #F2711C;
  21603. }
  21604. .ui.basic.labels a.orange.label:hover,
  21605. a.ui.ui.ui.basic.orange.label:hover {
  21606. background: none #FFFFFF;
  21607. border-color: #f26202;
  21608. color: #f26202;
  21609. }
  21610. /* Inverted */
  21611. .ui.inverted.labels .orange.label,
  21612. .ui.ui.ui.inverted.orange.label {
  21613. background-color: #FF851B;
  21614. border-color: #FF851B;
  21615. color: #1B1C1D;
  21616. }
  21617. /* Inverted Link */
  21618. .ui.inverted.labels a.orange.label:hover,
  21619. a.ui.ui.ui.inverted.orange.label:hover {
  21620. background-color: #e76b00;
  21621. border-color: #e76b00;
  21622. color: #1B1C1D;
  21623. }
  21624. /* Inverted Ribbon */
  21625. .ui.ui.ui.inverted.orange.ribbon.label {
  21626. border-color: #e76b00;
  21627. }
  21628. /* Inverted Basic */
  21629. .ui.inverted.basic.labels .orange.label,
  21630. .ui.ui.ui.inverted.basic.orange.label {
  21631. background-color: #1B1C1D;
  21632. border-color: #FF851B;
  21633. color: #FF851B;
  21634. }
  21635. .ui.inverted.basic.labels a.orange.label:hover,
  21636. a.ui.ui.ui.inverted.basic.orange.label:hover {
  21637. border-color: #e76b00;
  21638. background-color: #1B1C1D;
  21639. color: #e76b00;
  21640. }
  21641. /* Inverted Basic Tags */
  21642. .ui.inverted.basic.tag.labels .orange.label,
  21643. .ui.ui.ui.inverted.orange.basic.tag.label {
  21644. border: 1px solid #FF851B;
  21645. }
  21646. .ui.inverted.basic.tag.labels .orange.label:before,
  21647. .ui.ui.ui.inverted.orange.basic.tag.label:before {
  21648. border-color: inherit;
  21649. border-width: 1px 0 0 1px;
  21650. border-style: inherit;
  21651. background-color: #1B1C1D;
  21652. right: calc(100% + 1px);
  21653. }
  21654. .ui.yellow.labels .label,
  21655. .ui.ui.ui.yellow.label {
  21656. background-color: #FBBD08;
  21657. border-color: #FBBD08;
  21658. color: #FFFFFF;
  21659. }
  21660. /* Link */
  21661. .ui.yellow.labels a.label:hover,
  21662. a.ui.ui.ui.yellow.label:hover {
  21663. background-color: #eaae00;
  21664. border-color: #eaae00;
  21665. color: #FFFFFF;
  21666. }
  21667. /* Ribbon */
  21668. .ui.ui.ui.yellow.ribbon.label {
  21669. border-color: #cd9903;
  21670. }
  21671. /* Basic */
  21672. .ui.basic.labels .yellow.label,
  21673. .ui.ui.ui.basic.yellow.label {
  21674. background: none #FFFFFF;
  21675. border-color: #FBBD08;
  21676. color: #FBBD08;
  21677. }
  21678. .ui.basic.labels a.yellow.label:hover,
  21679. a.ui.ui.ui.basic.yellow.label:hover {
  21680. background: none #FFFFFF;
  21681. border-color: #eaae00;
  21682. color: #eaae00;
  21683. }
  21684. /* Inverted */
  21685. .ui.inverted.labels .yellow.label,
  21686. .ui.ui.ui.inverted.yellow.label {
  21687. background-color: #FFE21F;
  21688. border-color: #FFE21F;
  21689. color: #1B1C1D;
  21690. }
  21691. /* Inverted Link */
  21692. .ui.inverted.labels a.yellow.label:hover,
  21693. a.ui.ui.ui.inverted.yellow.label:hover {
  21694. background-color: #ebcd00;
  21695. border-color: #ebcd00;
  21696. color: #1B1C1D;
  21697. }
  21698. /* Inverted Ribbon */
  21699. .ui.ui.ui.inverted.yellow.ribbon.label {
  21700. border-color: #ebcd00;
  21701. }
  21702. /* Inverted Basic */
  21703. .ui.inverted.basic.labels .yellow.label,
  21704. .ui.ui.ui.inverted.basic.yellow.label {
  21705. background-color: #1B1C1D;
  21706. border-color: #FFE21F;
  21707. color: #FFE21F;
  21708. }
  21709. .ui.inverted.basic.labels a.yellow.label:hover,
  21710. a.ui.ui.ui.inverted.basic.yellow.label:hover {
  21711. border-color: #ebcd00;
  21712. background-color: #1B1C1D;
  21713. color: #ebcd00;
  21714. }
  21715. /* Inverted Basic Tags */
  21716. .ui.inverted.basic.tag.labels .yellow.label,
  21717. .ui.ui.ui.inverted.yellow.basic.tag.label {
  21718. border: 1px solid #FFE21F;
  21719. }
  21720. .ui.inverted.basic.tag.labels .yellow.label:before,
  21721. .ui.ui.ui.inverted.yellow.basic.tag.label:before {
  21722. border-color: inherit;
  21723. border-width: 1px 0 0 1px;
  21724. border-style: inherit;
  21725. background-color: #1B1C1D;
  21726. right: calc(100% + 1px);
  21727. }
  21728. .ui.olive.labels .label,
  21729. .ui.ui.ui.olive.label {
  21730. background-color: #B5CC18;
  21731. border-color: #B5CC18;
  21732. color: #FFFFFF;
  21733. }
  21734. /* Link */
  21735. .ui.olive.labels a.label:hover,
  21736. a.ui.ui.ui.olive.label:hover {
  21737. background-color: #a7bd0d;
  21738. border-color: #a7bd0d;
  21739. color: #FFFFFF;
  21740. }
  21741. /* Ribbon */
  21742. .ui.ui.ui.olive.ribbon.label {
  21743. border-color: #8d9e13;
  21744. }
  21745. /* Basic */
  21746. .ui.basic.labels .olive.label,
  21747. .ui.ui.ui.basic.olive.label {
  21748. background: none #FFFFFF;
  21749. border-color: #B5CC18;
  21750. color: #B5CC18;
  21751. }
  21752. .ui.basic.labels a.olive.label:hover,
  21753. a.ui.ui.ui.basic.olive.label:hover {
  21754. background: none #FFFFFF;
  21755. border-color: #a7bd0d;
  21756. color: #a7bd0d;
  21757. }
  21758. /* Inverted */
  21759. .ui.inverted.labels .olive.label,
  21760. .ui.ui.ui.inverted.olive.label {
  21761. background-color: #D9E778;
  21762. border-color: #D9E778;
  21763. color: #1B1C1D;
  21764. }
  21765. /* Inverted Link */
  21766. .ui.inverted.labels a.olive.label:hover,
  21767. a.ui.ui.ui.inverted.olive.label:hover {
  21768. background-color: #d2e745;
  21769. border-color: #d2e745;
  21770. color: #1B1C1D;
  21771. }
  21772. /* Inverted Ribbon */
  21773. .ui.ui.ui.inverted.olive.ribbon.label {
  21774. border-color: #cddf4d;
  21775. }
  21776. /* Inverted Basic */
  21777. .ui.inverted.basic.labels .olive.label,
  21778. .ui.ui.ui.inverted.basic.olive.label {
  21779. background-color: #1B1C1D;
  21780. border-color: #D9E778;
  21781. color: #D9E778;
  21782. }
  21783. .ui.inverted.basic.labels a.olive.label:hover,
  21784. a.ui.ui.ui.inverted.basic.olive.label:hover {
  21785. border-color: #d2e745;
  21786. background-color: #1B1C1D;
  21787. color: #d2e745;
  21788. }
  21789. /* Inverted Basic Tags */
  21790. .ui.inverted.basic.tag.labels .olive.label,
  21791. .ui.ui.ui.inverted.olive.basic.tag.label {
  21792. border: 1px solid #D9E778;
  21793. }
  21794. .ui.inverted.basic.tag.labels .olive.label:before,
  21795. .ui.ui.ui.inverted.olive.basic.tag.label:before {
  21796. border-color: inherit;
  21797. border-width: 1px 0 0 1px;
  21798. border-style: inherit;
  21799. background-color: #1B1C1D;
  21800. right: calc(100% + 1px);
  21801. }
  21802. .ui.green.labels .label,
  21803. .ui.ui.ui.green.label {
  21804. background-color: #21BA45;
  21805. border-color: #21BA45;
  21806. color: #FFFFFF;
  21807. }
  21808. /* Link */
  21809. .ui.green.labels a.label:hover,
  21810. a.ui.ui.ui.green.label:hover {
  21811. background-color: #16ab39;
  21812. border-color: #16ab39;
  21813. color: #FFFFFF;
  21814. }
  21815. /* Ribbon */
  21816. .ui.ui.ui.green.ribbon.label {
  21817. border-color: #198f35;
  21818. }
  21819. /* Basic */
  21820. .ui.basic.labels .green.label,
  21821. .ui.ui.ui.basic.green.label {
  21822. background: none #FFFFFF;
  21823. border-color: #21BA45;
  21824. color: #21BA45;
  21825. }
  21826. .ui.basic.labels a.green.label:hover,
  21827. a.ui.ui.ui.basic.green.label:hover {
  21828. background: none #FFFFFF;
  21829. border-color: #16ab39;
  21830. color: #16ab39;
  21831. }
  21832. /* Inverted */
  21833. .ui.inverted.labels .green.label,
  21834. .ui.ui.ui.inverted.green.label {
  21835. background-color: #2ECC40;
  21836. border-color: #2ECC40;
  21837. color: #1B1C1D;
  21838. }
  21839. /* Inverted Link */
  21840. .ui.inverted.labels a.green.label:hover,
  21841. a.ui.ui.ui.inverted.green.label:hover {
  21842. background-color: #1ea92e;
  21843. border-color: #1ea92e;
  21844. color: #1B1C1D;
  21845. }
  21846. /* Inverted Ribbon */
  21847. .ui.ui.ui.inverted.green.ribbon.label {
  21848. border-color: #25a233;
  21849. }
  21850. /* Inverted Basic */
  21851. .ui.inverted.basic.labels .green.label,
  21852. .ui.ui.ui.inverted.basic.green.label {
  21853. background-color: #1B1C1D;
  21854. border-color: #2ECC40;
  21855. color: #2ECC40;
  21856. }
  21857. .ui.inverted.basic.labels a.green.label:hover,
  21858. a.ui.ui.ui.inverted.basic.green.label:hover {
  21859. border-color: #1ea92e;
  21860. background-color: #1B1C1D;
  21861. color: #1ea92e;
  21862. }
  21863. /* Inverted Basic Tags */
  21864. .ui.inverted.basic.tag.labels .green.label,
  21865. .ui.ui.ui.inverted.green.basic.tag.label {
  21866. border: 1px solid #2ECC40;
  21867. }
  21868. .ui.inverted.basic.tag.labels .green.label:before,
  21869. .ui.ui.ui.inverted.green.basic.tag.label:before {
  21870. border-color: inherit;
  21871. border-width: 1px 0 0 1px;
  21872. border-style: inherit;
  21873. background-color: #1B1C1D;
  21874. right: calc(100% + 1px);
  21875. }
  21876. .ui.teal.labels .label,
  21877. .ui.ui.ui.teal.label {
  21878. background-color: #00B5AD;
  21879. border-color: #00B5AD;
  21880. color: #FFFFFF;
  21881. }
  21882. /* Link */
  21883. .ui.teal.labels a.label:hover,
  21884. a.ui.ui.ui.teal.label:hover {
  21885. background-color: #009c95;
  21886. border-color: #009c95;
  21887. color: #FFFFFF;
  21888. }
  21889. /* Ribbon */
  21890. .ui.ui.ui.teal.ribbon.label {
  21891. border-color: #00827c;
  21892. }
  21893. /* Basic */
  21894. .ui.basic.labels .teal.label,
  21895. .ui.ui.ui.basic.teal.label {
  21896. background: none #FFFFFF;
  21897. border-color: #00B5AD;
  21898. color: #00B5AD;
  21899. }
  21900. .ui.basic.labels a.teal.label:hover,
  21901. a.ui.ui.ui.basic.teal.label:hover {
  21902. background: none #FFFFFF;
  21903. border-color: #009c95;
  21904. color: #009c95;
  21905. }
  21906. /* Inverted */
  21907. .ui.inverted.labels .teal.label,
  21908. .ui.ui.ui.inverted.teal.label {
  21909. background-color: #6DFFFF;
  21910. border-color: #6DFFFF;
  21911. color: #1B1C1D;
  21912. }
  21913. /* Inverted Link */
  21914. .ui.inverted.labels a.teal.label:hover,
  21915. a.ui.ui.ui.inverted.teal.label:hover {
  21916. background-color: #3affff;
  21917. border-color: #3affff;
  21918. color: #1B1C1D;
  21919. }
  21920. /* Inverted Ribbon */
  21921. .ui.ui.ui.inverted.teal.ribbon.label {
  21922. border-color: #3affff;
  21923. }
  21924. /* Inverted Basic */
  21925. .ui.inverted.basic.labels .teal.label,
  21926. .ui.ui.ui.inverted.basic.teal.label {
  21927. background-color: #1B1C1D;
  21928. border-color: #6DFFFF;
  21929. color: #6DFFFF;
  21930. }
  21931. .ui.inverted.basic.labels a.teal.label:hover,
  21932. a.ui.ui.ui.inverted.basic.teal.label:hover {
  21933. border-color: #3affff;
  21934. background-color: #1B1C1D;
  21935. color: #3affff;
  21936. }
  21937. /* Inverted Basic Tags */
  21938. .ui.inverted.basic.tag.labels .teal.label,
  21939. .ui.ui.ui.inverted.teal.basic.tag.label {
  21940. border: 1px solid #6DFFFF;
  21941. }
  21942. .ui.inverted.basic.tag.labels .teal.label:before,
  21943. .ui.ui.ui.inverted.teal.basic.tag.label:before {
  21944. border-color: inherit;
  21945. border-width: 1px 0 0 1px;
  21946. border-style: inherit;
  21947. background-color: #1B1C1D;
  21948. right: calc(100% + 1px);
  21949. }
  21950. .ui.blue.labels .label,
  21951. .ui.ui.ui.blue.label {
  21952. background-color: #2185D0;
  21953. border-color: #2185D0;
  21954. color: #FFFFFF;
  21955. }
  21956. /* Link */
  21957. .ui.blue.labels a.label:hover,
  21958. a.ui.ui.ui.blue.label:hover {
  21959. background-color: #1678c2;
  21960. border-color: #1678c2;
  21961. color: #FFFFFF;
  21962. }
  21963. /* Ribbon */
  21964. .ui.ui.ui.blue.ribbon.label {
  21965. border-color: #1a69a4;
  21966. }
  21967. /* Basic */
  21968. .ui.basic.labels .blue.label,
  21969. .ui.ui.ui.basic.blue.label {
  21970. background: none #FFFFFF;
  21971. border-color: #2185D0;
  21972. color: #2185D0;
  21973. }
  21974. .ui.basic.labels a.blue.label:hover,
  21975. a.ui.ui.ui.basic.blue.label:hover {
  21976. background: none #FFFFFF;
  21977. border-color: #1678c2;
  21978. color: #1678c2;
  21979. }
  21980. /* Inverted */
  21981. .ui.inverted.labels .blue.label,
  21982. .ui.ui.ui.inverted.blue.label {
  21983. background-color: #54C8FF;
  21984. border-color: #54C8FF;
  21985. color: #1B1C1D;
  21986. }
  21987. /* Inverted Link */
  21988. .ui.inverted.labels a.blue.label:hover,
  21989. a.ui.ui.ui.inverted.blue.label:hover {
  21990. background-color: #21b8ff;
  21991. border-color: #21b8ff;
  21992. color: #1B1C1D;
  21993. }
  21994. /* Inverted Ribbon */
  21995. .ui.ui.ui.inverted.blue.ribbon.label {
  21996. border-color: #21b8ff;
  21997. }
  21998. /* Inverted Basic */
  21999. .ui.inverted.basic.labels .blue.label,
  22000. .ui.ui.ui.inverted.basic.blue.label {
  22001. background-color: #1B1C1D;
  22002. border-color: #54C8FF;
  22003. color: #54C8FF;
  22004. }
  22005. .ui.inverted.basic.labels a.blue.label:hover,
  22006. a.ui.ui.ui.inverted.basic.blue.label:hover {
  22007. border-color: #21b8ff;
  22008. background-color: #1B1C1D;
  22009. color: #21b8ff;
  22010. }
  22011. /* Inverted Basic Tags */
  22012. .ui.inverted.basic.tag.labels .blue.label,
  22013. .ui.ui.ui.inverted.blue.basic.tag.label {
  22014. border: 1px solid #54C8FF;
  22015. }
  22016. .ui.inverted.basic.tag.labels .blue.label:before,
  22017. .ui.ui.ui.inverted.blue.basic.tag.label:before {
  22018. border-color: inherit;
  22019. border-width: 1px 0 0 1px;
  22020. border-style: inherit;
  22021. background-color: #1B1C1D;
  22022. right: calc(100% + 1px);
  22023. }
  22024. .ui.violet.labels .label,
  22025. .ui.ui.ui.violet.label {
  22026. background-color: #6435C9;
  22027. border-color: #6435C9;
  22028. color: #FFFFFF;
  22029. }
  22030. /* Link */
  22031. .ui.violet.labels a.label:hover,
  22032. a.ui.ui.ui.violet.label:hover {
  22033. background-color: #5829bb;
  22034. border-color: #5829bb;
  22035. color: #FFFFFF;
  22036. }
  22037. /* Ribbon */
  22038. .ui.ui.ui.violet.ribbon.label {
  22039. border-color: #502aa1;
  22040. }
  22041. /* Basic */
  22042. .ui.basic.labels .violet.label,
  22043. .ui.ui.ui.basic.violet.label {
  22044. background: none #FFFFFF;
  22045. border-color: #6435C9;
  22046. color: #6435C9;
  22047. }
  22048. .ui.basic.labels a.violet.label:hover,
  22049. a.ui.ui.ui.basic.violet.label:hover {
  22050. background: none #FFFFFF;
  22051. border-color: #5829bb;
  22052. color: #5829bb;
  22053. }
  22054. /* Inverted */
  22055. .ui.inverted.labels .violet.label,
  22056. .ui.ui.ui.inverted.violet.label {
  22057. background-color: #A291FB;
  22058. border-color: #A291FB;
  22059. color: #1B1C1D;
  22060. }
  22061. /* Inverted Link */
  22062. .ui.inverted.labels a.violet.label:hover,
  22063. a.ui.ui.ui.inverted.violet.label:hover {
  22064. background-color: #745aff;
  22065. border-color: #745aff;
  22066. color: #1B1C1D;
  22067. }
  22068. /* Inverted Ribbon */
  22069. .ui.ui.ui.inverted.violet.ribbon.label {
  22070. border-color: #7860f9;
  22071. }
  22072. /* Inverted Basic */
  22073. .ui.inverted.basic.labels .violet.label,
  22074. .ui.ui.ui.inverted.basic.violet.label {
  22075. background-color: #1B1C1D;
  22076. border-color: #A291FB;
  22077. color: #A291FB;
  22078. }
  22079. .ui.inverted.basic.labels a.violet.label:hover,
  22080. a.ui.ui.ui.inverted.basic.violet.label:hover {
  22081. border-color: #745aff;
  22082. background-color: #1B1C1D;
  22083. color: #745aff;
  22084. }
  22085. /* Inverted Basic Tags */
  22086. .ui.inverted.basic.tag.labels .violet.label,
  22087. .ui.ui.ui.inverted.violet.basic.tag.label {
  22088. border: 1px solid #A291FB;
  22089. }
  22090. .ui.inverted.basic.tag.labels .violet.label:before,
  22091. .ui.ui.ui.inverted.violet.basic.tag.label:before {
  22092. border-color: inherit;
  22093. border-width: 1px 0 0 1px;
  22094. border-style: inherit;
  22095. background-color: #1B1C1D;
  22096. right: calc(100% + 1px);
  22097. }
  22098. .ui.purple.labels .label,
  22099. .ui.ui.ui.purple.label {
  22100. background-color: #A333C8;
  22101. border-color: #A333C8;
  22102. color: #FFFFFF;
  22103. }
  22104. /* Link */
  22105. .ui.purple.labels a.label:hover,
  22106. a.ui.ui.ui.purple.label:hover {
  22107. background-color: #9627ba;
  22108. border-color: #9627ba;
  22109. color: #FFFFFF;
  22110. }
  22111. /* Ribbon */
  22112. .ui.ui.ui.purple.ribbon.label {
  22113. border-color: #82299f;
  22114. }
  22115. /* Basic */
  22116. .ui.basic.labels .purple.label,
  22117. .ui.ui.ui.basic.purple.label {
  22118. background: none #FFFFFF;
  22119. border-color: #A333C8;
  22120. color: #A333C8;
  22121. }
  22122. .ui.basic.labels a.purple.label:hover,
  22123. a.ui.ui.ui.basic.purple.label:hover {
  22124. background: none #FFFFFF;
  22125. border-color: #9627ba;
  22126. color: #9627ba;
  22127. }
  22128. /* Inverted */
  22129. .ui.inverted.labels .purple.label,
  22130. .ui.ui.ui.inverted.purple.label {
  22131. background-color: #DC73FF;
  22132. border-color: #DC73FF;
  22133. color: #1B1C1D;
  22134. }
  22135. /* Inverted Link */
  22136. .ui.inverted.labels a.purple.label:hover,
  22137. a.ui.ui.ui.inverted.purple.label:hover {
  22138. background-color: #cf40ff;
  22139. border-color: #cf40ff;
  22140. color: #1B1C1D;
  22141. }
  22142. /* Inverted Ribbon */
  22143. .ui.ui.ui.inverted.purple.ribbon.label {
  22144. border-color: #cf40ff;
  22145. }
  22146. /* Inverted Basic */
  22147. .ui.inverted.basic.labels .purple.label,
  22148. .ui.ui.ui.inverted.basic.purple.label {
  22149. background-color: #1B1C1D;
  22150. border-color: #DC73FF;
  22151. color: #DC73FF;
  22152. }
  22153. .ui.inverted.basic.labels a.purple.label:hover,
  22154. a.ui.ui.ui.inverted.basic.purple.label:hover {
  22155. border-color: #cf40ff;
  22156. background-color: #1B1C1D;
  22157. color: #cf40ff;
  22158. }
  22159. /* Inverted Basic Tags */
  22160. .ui.inverted.basic.tag.labels .purple.label,
  22161. .ui.ui.ui.inverted.purple.basic.tag.label {
  22162. border: 1px solid #DC73FF;
  22163. }
  22164. .ui.inverted.basic.tag.labels .purple.label:before,
  22165. .ui.ui.ui.inverted.purple.basic.tag.label:before {
  22166. border-color: inherit;
  22167. border-width: 1px 0 0 1px;
  22168. border-style: inherit;
  22169. background-color: #1B1C1D;
  22170. right: calc(100% + 1px);
  22171. }
  22172. .ui.pink.labels .label,
  22173. .ui.ui.ui.pink.label {
  22174. background-color: #E03997;
  22175. border-color: #E03997;
  22176. color: #FFFFFF;
  22177. }
  22178. /* Link */
  22179. .ui.pink.labels a.label:hover,
  22180. a.ui.ui.ui.pink.label:hover {
  22181. background-color: #e61a8d;
  22182. border-color: #e61a8d;
  22183. color: #FFFFFF;
  22184. }
  22185. /* Ribbon */
  22186. .ui.ui.ui.pink.ribbon.label {
  22187. border-color: #c71f7e;
  22188. }
  22189. /* Basic */
  22190. .ui.basic.labels .pink.label,
  22191. .ui.ui.ui.basic.pink.label {
  22192. background: none #FFFFFF;
  22193. border-color: #E03997;
  22194. color: #E03997;
  22195. }
  22196. .ui.basic.labels a.pink.label:hover,
  22197. a.ui.ui.ui.basic.pink.label:hover {
  22198. background: none #FFFFFF;
  22199. border-color: #e61a8d;
  22200. color: #e61a8d;
  22201. }
  22202. /* Inverted */
  22203. .ui.inverted.labels .pink.label,
  22204. .ui.ui.ui.inverted.pink.label {
  22205. background-color: #FF8EDF;
  22206. border-color: #FF8EDF;
  22207. color: #1B1C1D;
  22208. }
  22209. /* Inverted Link */
  22210. .ui.inverted.labels a.pink.label:hover,
  22211. a.ui.ui.ui.inverted.pink.label:hover {
  22212. background-color: #ff5bd1;
  22213. border-color: #ff5bd1;
  22214. color: #1B1C1D;
  22215. }
  22216. /* Inverted Ribbon */
  22217. .ui.ui.ui.inverted.pink.ribbon.label {
  22218. border-color: #ff5bd1;
  22219. }
  22220. /* Inverted Basic */
  22221. .ui.inverted.basic.labels .pink.label,
  22222. .ui.ui.ui.inverted.basic.pink.label {
  22223. background-color: #1B1C1D;
  22224. border-color: #FF8EDF;
  22225. color: #FF8EDF;
  22226. }
  22227. .ui.inverted.basic.labels a.pink.label:hover,
  22228. a.ui.ui.ui.inverted.basic.pink.label:hover {
  22229. border-color: #ff5bd1;
  22230. background-color: #1B1C1D;
  22231. color: #ff5bd1;
  22232. }
  22233. /* Inverted Basic Tags */
  22234. .ui.inverted.basic.tag.labels .pink.label,
  22235. .ui.ui.ui.inverted.pink.basic.tag.label {
  22236. border: 1px solid #FF8EDF;
  22237. }
  22238. .ui.inverted.basic.tag.labels .pink.label:before,
  22239. .ui.ui.ui.inverted.pink.basic.tag.label:before {
  22240. border-color: inherit;
  22241. border-width: 1px 0 0 1px;
  22242. border-style: inherit;
  22243. background-color: #1B1C1D;
  22244. right: calc(100% + 1px);
  22245. }
  22246. .ui.brown.labels .label,
  22247. .ui.ui.ui.brown.label {
  22248. background-color: #A5673F;
  22249. border-color: #A5673F;
  22250. color: #FFFFFF;
  22251. }
  22252. /* Link */
  22253. .ui.brown.labels a.label:hover,
  22254. a.ui.ui.ui.brown.label:hover {
  22255. background-color: #975b33;
  22256. border-color: #975b33;
  22257. color: #FFFFFF;
  22258. }
  22259. /* Ribbon */
  22260. .ui.ui.ui.brown.ribbon.label {
  22261. border-color: #805031;
  22262. }
  22263. /* Basic */
  22264. .ui.basic.labels .brown.label,
  22265. .ui.ui.ui.basic.brown.label {
  22266. background: none #FFFFFF;
  22267. border-color: #A5673F;
  22268. color: #A5673F;
  22269. }
  22270. .ui.basic.labels a.brown.label:hover,
  22271. a.ui.ui.ui.basic.brown.label:hover {
  22272. background: none #FFFFFF;
  22273. border-color: #975b33;
  22274. color: #975b33;
  22275. }
  22276. /* Inverted */
  22277. .ui.inverted.labels .brown.label,
  22278. .ui.ui.ui.inverted.brown.label {
  22279. background-color: #D67C1C;
  22280. border-color: #D67C1C;
  22281. color: #1B1C1D;
  22282. }
  22283. /* Inverted Link */
  22284. .ui.inverted.labels a.brown.label:hover,
  22285. a.ui.ui.ui.inverted.brown.label:hover {
  22286. background-color: #b0620f;
  22287. border-color: #b0620f;
  22288. color: #1B1C1D;
  22289. }
  22290. /* Inverted Ribbon */
  22291. .ui.ui.ui.inverted.brown.ribbon.label {
  22292. border-color: #a96216;
  22293. }
  22294. /* Inverted Basic */
  22295. .ui.inverted.basic.labels .brown.label,
  22296. .ui.ui.ui.inverted.basic.brown.label {
  22297. background-color: #1B1C1D;
  22298. border-color: #D67C1C;
  22299. color: #D67C1C;
  22300. }
  22301. .ui.inverted.basic.labels a.brown.label:hover,
  22302. a.ui.ui.ui.inverted.basic.brown.label:hover {
  22303. border-color: #b0620f;
  22304. background-color: #1B1C1D;
  22305. color: #b0620f;
  22306. }
  22307. /* Inverted Basic Tags */
  22308. .ui.inverted.basic.tag.labels .brown.label,
  22309. .ui.ui.ui.inverted.brown.basic.tag.label {
  22310. border: 1px solid #D67C1C;
  22311. }
  22312. .ui.inverted.basic.tag.labels .brown.label:before,
  22313. .ui.ui.ui.inverted.brown.basic.tag.label:before {
  22314. border-color: inherit;
  22315. border-width: 1px 0 0 1px;
  22316. border-style: inherit;
  22317. background-color: #1B1C1D;
  22318. right: calc(100% + 1px);
  22319. }
  22320. .ui.grey.labels .label,
  22321. .ui.ui.ui.grey.label {
  22322. background-color: #767676;
  22323. border-color: #767676;
  22324. color: #FFFFFF;
  22325. }
  22326. /* Link */
  22327. .ui.grey.labels a.label:hover,
  22328. a.ui.ui.ui.grey.label:hover {
  22329. background-color: #838383;
  22330. border-color: #838383;
  22331. color: #FFFFFF;
  22332. }
  22333. /* Ribbon */
  22334. .ui.ui.ui.grey.ribbon.label {
  22335. border-color: #5d5d5d;
  22336. }
  22337. /* Basic */
  22338. .ui.basic.labels .grey.label,
  22339. .ui.ui.ui.basic.grey.label {
  22340. background: none #FFFFFF;
  22341. border-color: #767676;
  22342. color: #767676;
  22343. }
  22344. .ui.basic.labels a.grey.label:hover,
  22345. a.ui.ui.ui.basic.grey.label:hover {
  22346. background: none #FFFFFF;
  22347. border-color: #838383;
  22348. color: #838383;
  22349. }
  22350. /* Inverted */
  22351. .ui.inverted.labels .grey.label,
  22352. .ui.ui.ui.inverted.grey.label {
  22353. background-color: #DCDDDE;
  22354. border-color: #DCDDDE;
  22355. color: #1B1C1D;
  22356. }
  22357. /* Inverted Link */
  22358. .ui.inverted.labels a.grey.label:hover,
  22359. a.ui.ui.ui.inverted.grey.label:hover {
  22360. background-color: #c2c4c5;
  22361. border-color: #c2c4c5;
  22362. color: #FFFFFF;
  22363. }
  22364. /* Inverted Ribbon */
  22365. .ui.ui.ui.inverted.grey.ribbon.label {
  22366. border-color: #e9eaea;
  22367. }
  22368. /* Inverted Basic */
  22369. .ui.inverted.basic.labels .grey.label,
  22370. .ui.ui.ui.inverted.basic.grey.label {
  22371. background-color: #1B1C1D;
  22372. border-color: #DCDDDE;
  22373. color: rgba(255, 255, 255, 0.9);
  22374. }
  22375. .ui.inverted.basic.labels a.grey.label:hover,
  22376. a.ui.ui.ui.inverted.basic.grey.label:hover {
  22377. border-color: #c2c4c5;
  22378. background-color: #1B1C1D;
  22379. }
  22380. /* Inverted Basic Tags */
  22381. .ui.inverted.basic.tag.labels .grey.label,
  22382. .ui.ui.ui.inverted.grey.basic.tag.label {
  22383. border: 1px solid #DCDDDE;
  22384. }
  22385. .ui.inverted.basic.tag.labels .grey.label:before,
  22386. .ui.ui.ui.inverted.grey.basic.tag.label:before {
  22387. border-color: inherit;
  22388. border-width: 1px 0 0 1px;
  22389. border-style: inherit;
  22390. background-color: #1B1C1D;
  22391. right: calc(100% + 1px);
  22392. }
  22393. .ui.black.labels .label,
  22394. .ui.ui.ui.black.label {
  22395. background-color: #1B1C1D;
  22396. border-color: #1B1C1D;
  22397. color: #FFFFFF;
  22398. }
  22399. /* Link */
  22400. .ui.black.labels a.label:hover,
  22401. a.ui.ui.ui.black.label:hover {
  22402. background-color: #27292a;
  22403. border-color: #27292a;
  22404. color: #FFFFFF;
  22405. }
  22406. /* Ribbon */
  22407. .ui.ui.ui.black.ribbon.label {
  22408. border-color: #020203;
  22409. }
  22410. /* Basic */
  22411. .ui.basic.labels .black.label,
  22412. .ui.ui.ui.basic.black.label {
  22413. background: none #FFFFFF;
  22414. border-color: #1B1C1D;
  22415. color: #1B1C1D;
  22416. }
  22417. .ui.basic.labels a.black.label:hover,
  22418. a.ui.ui.ui.basic.black.label:hover {
  22419. background: none #FFFFFF;
  22420. border-color: #27292a;
  22421. color: #27292a;
  22422. }
  22423. /* Inverted */
  22424. .ui.inverted.labels .black.label,
  22425. .ui.ui.ui.inverted.black.label {
  22426. background-color: #545454;
  22427. border-color: #545454;
  22428. color: #1B1C1D;
  22429. }
  22430. /* Inverted Link */
  22431. .ui.inverted.labels a.black.label:hover,
  22432. a.ui.ui.ui.inverted.black.label:hover {
  22433. background-color: #000000;
  22434. border-color: #000000;
  22435. color: #FFFFFF;
  22436. }
  22437. /* Inverted Ribbon */
  22438. .ui.ui.ui.inverted.black.ribbon.label {
  22439. border-color: #616161;
  22440. }
  22441. /* Inverted Basic */
  22442. .ui.inverted.basic.labels .black.label,
  22443. .ui.ui.ui.inverted.basic.black.label {
  22444. background-color: #1B1C1D;
  22445. border-color: #545454;
  22446. color: rgba(255, 255, 255, 0.9);
  22447. }
  22448. .ui.inverted.basic.labels a.black.label:hover,
  22449. a.ui.ui.ui.inverted.basic.black.label:hover {
  22450. border-color: #000000;
  22451. background-color: #1B1C1D;
  22452. }
  22453. /* Inverted Basic Tags */
  22454. .ui.inverted.basic.tag.labels .black.label,
  22455. .ui.ui.ui.inverted.black.basic.tag.label {
  22456. border: 1px solid #545454;
  22457. }
  22458. .ui.inverted.basic.tag.labels .black.label:before,
  22459. .ui.ui.ui.inverted.black.basic.tag.label:before {
  22460. border-color: inherit;
  22461. border-width: 1px 0 0 1px;
  22462. border-style: inherit;
  22463. background-color: #1B1C1D;
  22464. right: calc(100% + 1px);
  22465. }
  22466. /*-------------------
  22467. Horizontal
  22468. --------------------*/
  22469. .ui.horizontal.labels .label,
  22470. .ui.horizontal.label {
  22471. margin: 0 0.5em 0 0;
  22472. padding: 0.4em 0.833em;
  22473. min-width: 3em;
  22474. text-align: center;
  22475. }
  22476. /*-------------------
  22477. Circular
  22478. --------------------*/
  22479. .ui.circular.labels .label,
  22480. .ui.circular.label {
  22481. min-width: 2em;
  22482. min-height: 2em;
  22483. padding: 0.5em !important;
  22484. line-height: 1em;
  22485. text-align: center;
  22486. border-radius: 500rem;
  22487. }
  22488. .ui.empty.circular.labels .label,
  22489. .ui.empty.circular.label {
  22490. min-width: 0;
  22491. min-height: 0;
  22492. overflow: hidden;
  22493. width: 0.5em;
  22494. height: 0.5em;
  22495. vertical-align: baseline;
  22496. }
  22497. /*-------------------
  22498. Pointing
  22499. --------------------*/
  22500. .ui.pointing.label {
  22501. position: relative;
  22502. }
  22503. .ui.attached.pointing.label {
  22504. position: absolute;
  22505. }
  22506. .ui.pointing.label:before {
  22507. background-color: inherit;
  22508. background-image: inherit;
  22509. border-width: 0;
  22510. border-style: solid;
  22511. border-color: inherit;
  22512. }
  22513. /* Arrow */
  22514. .ui.pointing.label:before {
  22515. position: absolute;
  22516. content: '';
  22517. transform: rotate(45deg);
  22518. background-image: none;
  22519. z-index: 2;
  22520. width: 0.6666em;
  22521. height: 0.6666em;
  22522. transition: none;
  22523. }
  22524. /*--- Above ---*/
  22525. .ui.pointing.label,
  22526. .ui[class*="pointing above"].label {
  22527. margin-top: 1em;
  22528. }
  22529. .ui.pointing.label:before,
  22530. .ui[class*="pointing above"].label:before {
  22531. border-width: 1px 0 0 1px;
  22532. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  22533. top: 0;
  22534. left: 50%;
  22535. }
  22536. /*--- Below ---*/
  22537. .ui[class*="bottom pointing"].label,
  22538. .ui[class*="pointing below"].label {
  22539. margin-top: 0;
  22540. margin-bottom: 1em;
  22541. }
  22542. .ui[class*="bottom pointing"].label:before,
  22543. .ui[class*="pointing below"].label:before {
  22544. border-width: 0 1px 1px 0;
  22545. top: auto;
  22546. right: auto;
  22547. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  22548. top: 100%;
  22549. left: 50%;
  22550. }
  22551. /*--- Left ---*/
  22552. .ui[class*="left pointing"].label {
  22553. margin-top: 0;
  22554. margin-left: 0.6666em;
  22555. }
  22556. .ui[class*="left pointing"].label:before {
  22557. border-width: 0 0 1px 1px;
  22558. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  22559. bottom: auto;
  22560. right: auto;
  22561. top: 50%;
  22562. left: 0;
  22563. }
  22564. /*--- Right ---*/
  22565. .ui[class*="right pointing"].label {
  22566. margin-top: 0;
  22567. margin-right: 0.6666em;
  22568. }
  22569. .ui[class*="right pointing"].label:before {
  22570. border-width: 1px 1px 0 0;
  22571. transform: translateX(50%) translateY(-50%) rotate(45deg);
  22572. top: 50%;
  22573. right: 0;
  22574. bottom: auto;
  22575. left: auto;
  22576. }
  22577. /* Basic Pointing */
  22578. /*--- Above ---*/
  22579. .ui.basic.pointing.label:before,
  22580. .ui.basic[class*="pointing above"].label:before {
  22581. margin-top: -1px;
  22582. }
  22583. /*--- Below ---*/
  22584. .ui.basic[class*="bottom pointing"].label:before,
  22585. .ui.basic[class*="pointing below"].label:before {
  22586. bottom: auto;
  22587. top: 100%;
  22588. margin-top: 1px;
  22589. }
  22590. /*--- Left ---*/
  22591. .ui.basic[class*="left pointing"].label:before {
  22592. top: 50%;
  22593. left: -1px;
  22594. }
  22595. /*--- Right ---*/
  22596. .ui.basic[class*="right pointing"].label:before {
  22597. top: 50%;
  22598. right: -1px;
  22599. }
  22600. /*------------------
  22601. Floating Label
  22602. -------------------*/
  22603. .ui.floating.label {
  22604. position: absolute;
  22605. z-index: 100;
  22606. top: -1em;
  22607. right: 0;
  22608. white-space: nowrap;
  22609. transform: translateX(50%);
  22610. }
  22611. .ui.right.aligned.floating.label {
  22612. transform: translateX(1.2em);
  22613. }
  22614. .ui.left.floating.label {
  22615. left: 0;
  22616. right: auto;
  22617. transform: translateX(-50%);
  22618. }
  22619. .ui.left.aligned.floating.label {
  22620. transform: translateX(-1.2em);
  22621. }
  22622. .ui.bottom.floating.label {
  22623. top: auto;
  22624. bottom: -1em;
  22625. }
  22626. /*-------------------
  22627. Sizes
  22628. --------------------*/
  22629. .ui.labels .label,
  22630. .ui.label {
  22631. font-size: 0.85714286rem;
  22632. }
  22633. .ui.mini.labels .label,
  22634. .ui.mini.label {
  22635. font-size: 0.64285714rem;
  22636. }
  22637. .ui.tiny.labels .label,
  22638. .ui.tiny.label {
  22639. font-size: 0.71428571rem;
  22640. }
  22641. .ui.small.labels .label,
  22642. .ui.small.label {
  22643. font-size: 0.78571429rem;
  22644. }
  22645. .ui.large.labels .label,
  22646. .ui.large.label {
  22647. font-size: 1rem;
  22648. }
  22649. .ui.big.labels .label,
  22650. .ui.big.label {
  22651. font-size: 1.28571429rem;
  22652. }
  22653. .ui.huge.labels .label,
  22654. .ui.huge.label {
  22655. font-size: 1.42857143rem;
  22656. }
  22657. .ui.massive.labels .label,
  22658. .ui.massive.label {
  22659. font-size: 1.71428571rem;
  22660. }
  22661. /*******************************
  22662. Theme Overrides
  22663. *******************************/
  22664. /*******************************
  22665. Site Overrides
  22666. *******************************/
  22667. /*!
  22668. * # Fomantic-UI - List
  22669. * http://github.com/fomantic/Fomantic-UI/
  22670. *
  22671. *
  22672. * Released under the MIT license
  22673. * http://opensource.org/licenses/MIT
  22674. *
  22675. */
  22676. /*******************************
  22677. List
  22678. *******************************/
  22679. ul.ui.list,
  22680. ol.ui.list,
  22681. .ui.list {
  22682. list-style-type: none;
  22683. margin: 1em 0;
  22684. padding: 0 0;
  22685. }
  22686. ul.ui.list:first-child,
  22687. ol.ui.list:first-child,
  22688. .ui.list:first-child {
  22689. margin-top: 0;
  22690. padding-top: 0;
  22691. }
  22692. ul.ui.list:last-child,
  22693. ol.ui.list:last-child,
  22694. .ui.list:last-child {
  22695. margin-bottom: 0;
  22696. padding-bottom: 0;
  22697. }
  22698. /*******************************
  22699. Content
  22700. *******************************/
  22701. /* List Item */
  22702. ul.ui.list li,
  22703. ol.ui.list li,
  22704. .ui.list > .item,
  22705. .ui.list .list > .item {
  22706. display: list-item;
  22707. table-layout: fixed;
  22708. list-style-type: none;
  22709. list-style-position: outside;
  22710. padding: 0.21428571em 0;
  22711. line-height: 1.14285714em;
  22712. }
  22713. ul.ui.list > li:first-child:after,
  22714. ol.ui.list > li:first-child:after,
  22715. .ui.list > .list > .item:after,
  22716. .ui.list > .item:after {
  22717. content: '';
  22718. display: block;
  22719. height: 0;
  22720. clear: both;
  22721. visibility: hidden;
  22722. }
  22723. ul.ui.list li:first-child,
  22724. ol.ui.list li:first-child,
  22725. .ui.list .list > .item:first-child,
  22726. .ui.list > .item:first-child {
  22727. padding-top: 0;
  22728. }
  22729. ul.ui.list li:last-child,
  22730. ol.ui.list li:last-child,
  22731. .ui.list .list > .item:last-child,
  22732. .ui.list > .item:last-child {
  22733. padding-bottom: 0;
  22734. }
  22735. /* Child List */
  22736. ul.ui.list ul,
  22737. ol.ui.list ol,
  22738. .ui.list .list:not(.icon) {
  22739. clear: both;
  22740. margin: 0;
  22741. padding: 0.75em 0 0.25em 0.5em;
  22742. }
  22743. /* Child Item */
  22744. ul.ui.list ul li,
  22745. ol.ui.list ol li,
  22746. .ui.list .list > .item {
  22747. padding: 0.14285714em 0;
  22748. line-height: inherit;
  22749. }
  22750. /* Icon */
  22751. .ui.list .list > .item > i.icon,
  22752. .ui.list > .item > i.icon {
  22753. display: table-cell;
  22754. min-width: 1.55em;
  22755. margin: 0;
  22756. padding-top: 0;
  22757. transition: color 0.1s ease;
  22758. }
  22759. .ui.list .list > .item > i.icon:not(.loading),
  22760. .ui.list > .item > i.icon:not(.loading) {
  22761. padding-right: 0.28571429em;
  22762. vertical-align: top;
  22763. }
  22764. .ui.list .list > .item > i.icon:only-child,
  22765. .ui.list > .item > i.icon:only-child {
  22766. display: inline-block;
  22767. min-width: auto;
  22768. vertical-align: top;
  22769. }
  22770. /* Image */
  22771. .ui.list .list > .item > .image,
  22772. .ui.list > .item > .image {
  22773. display: table-cell;
  22774. background-color: transparent;
  22775. margin: 0;
  22776. vertical-align: top;
  22777. }
  22778. .ui.list .list > .item > .image:not(:only-child):not(img),
  22779. .ui.list > .item > .image:not(:only-child):not(img) {
  22780. padding-right: 0.5em;
  22781. }
  22782. .ui.list .list > .item > .image img,
  22783. .ui.list > .item > .image img {
  22784. vertical-align: top;
  22785. }
  22786. .ui.list .list > .item > img.image,
  22787. .ui.list .list > .item > .image:only-child,
  22788. .ui.list > .item > img.image,
  22789. .ui.list > .item > .image:only-child {
  22790. display: inline-block;
  22791. }
  22792. /* Content */
  22793. .ui.list .list > .item > .content,
  22794. .ui.list > .item > .content {
  22795. line-height: 1.14285714em;
  22796. color: rgba(0, 0, 0, 0.87);
  22797. }
  22798. .ui.list .list > .item > .image + .content,
  22799. .ui.list .list > .item > i.icon + .content,
  22800. .ui.list > .item > .image + .content,
  22801. .ui.list > .item > i.icon + .content {
  22802. display: table-cell;
  22803. width: 100%;
  22804. padding: 0 0 0 0.5em;
  22805. vertical-align: top;
  22806. }
  22807. .ui.list .list > .item > i.loading.icon + .content,
  22808. .ui.list > .item > i.loading.icon + .content {
  22809. padding-left: calc(0.2857142857142857em + 0.5em);
  22810. }
  22811. .ui.list .list > .item > img.image + .content,
  22812. .ui.list > .item > img.image + .content {
  22813. display: inline-block;
  22814. width: auto;
  22815. }
  22816. .ui.list .list > .item > .content > .list,
  22817. .ui.list > .item > .content > .list {
  22818. margin-left: 0;
  22819. padding-left: 0;
  22820. }
  22821. /* Header */
  22822. .ui.list .list > .item .header,
  22823. .ui.list > .item .header {
  22824. display: block;
  22825. margin: 0;
  22826. font-family: var(--fonts-regular);
  22827. font-weight: 500;
  22828. color: rgba(0, 0, 0, 0.87);
  22829. }
  22830. /* Description */
  22831. .ui.list .list > .item .description,
  22832. .ui.list > .item .description {
  22833. display: block;
  22834. color: rgba(0, 0, 0, 0.7);
  22835. }
  22836. /* Child Link */
  22837. .ui.list > .item a,
  22838. .ui.list .list > .item a {
  22839. cursor: pointer;
  22840. }
  22841. /* Linking Item */
  22842. .ui.list .list > a.item,
  22843. .ui.list > a.item {
  22844. cursor: pointer;
  22845. color: #4183C4;
  22846. }
  22847. .ui.list .list > a.item:hover,
  22848. .ui.list > a.item:hover {
  22849. color: #1e70bf;
  22850. }
  22851. /* Linked Item Icons */
  22852. .ui.list .list > a.item > i.icons,
  22853. .ui.list > a.item > i.icons,
  22854. .ui.list .list > a.item > i.icon,
  22855. .ui.list > a.item > i.icon {
  22856. color: rgba(0, 0, 0, 0.4);
  22857. }
  22858. /* Header Link */
  22859. .ui.list .list > .item a.header,
  22860. .ui.list > .item a.header {
  22861. cursor: pointer;
  22862. color: #4183C4 !important;
  22863. }
  22864. .ui.list .list > .item > a.header:hover,
  22865. .ui.list > .item > a.header:hover {
  22866. color: #1e70bf !important;
  22867. }
  22868. /* Floated Content */
  22869. .ui[class*="left floated"].list {
  22870. float: left;
  22871. }
  22872. .ui[class*="right floated"].list {
  22873. float: right;
  22874. }
  22875. .ui.list .list > .item [class*="left floated"],
  22876. .ui.list > .item [class*="left floated"] {
  22877. float: left;
  22878. margin: 0 1em 0 0;
  22879. }
  22880. .ui.list .list > .item [class*="right floated"],
  22881. .ui.list > .item [class*="right floated"] {
  22882. float: right;
  22883. margin: 0 0 0 1em;
  22884. }
  22885. /*******************************
  22886. Coupling
  22887. *******************************/
  22888. .ui.menu .ui.list > .item,
  22889. .ui.menu .ui.list .list > .item {
  22890. display: list-item;
  22891. table-layout: fixed;
  22892. background-color: transparent;
  22893. list-style-type: none;
  22894. list-style-position: outside;
  22895. padding: 0.21428571em 0;
  22896. line-height: 1.14285714em;
  22897. }
  22898. .ui.menu .ui.list .list > .item:before,
  22899. .ui.menu .ui.list > .item:before {
  22900. border: none;
  22901. background: none;
  22902. }
  22903. .ui.menu .ui.list .list > .item:first-child,
  22904. .ui.menu .ui.list > .item:first-child {
  22905. padding-top: 0;
  22906. }
  22907. .ui.menu .ui.list .list > .item:last-child,
  22908. .ui.menu .ui.list > .item:last-child {
  22909. padding-bottom: 0;
  22910. }
  22911. /*******************************
  22912. Types
  22913. *******************************/
  22914. /*-------------------
  22915. Horizontal
  22916. --------------------*/
  22917. .ui.horizontal.list {
  22918. display: inline-block;
  22919. font-size: 0;
  22920. }
  22921. .ui.horizontal.list > .item {
  22922. display: inline-block;
  22923. margin-right: 1em;
  22924. font-size: 1rem;
  22925. }
  22926. .ui.horizontal.list:not(.celled) > .item:last-child {
  22927. margin-right: 0;
  22928. padding-right: 0;
  22929. }
  22930. .ui.horizontal.list .list:not(.icon) {
  22931. padding-left: 0;
  22932. padding-bottom: 0;
  22933. }
  22934. .ui.horizontal.list > .item > .image,
  22935. .ui.horizontal.list .list > .item > .image,
  22936. .ui.horizontal.list > .item > i.icon,
  22937. .ui.horizontal.list .list > .item > i.icon,
  22938. .ui.horizontal.list > .item > .content,
  22939. .ui.horizontal.list .list > .item > .content {
  22940. vertical-align: middle;
  22941. }
  22942. /* Padding on all elements */
  22943. .ui.horizontal.list > .item:first-child,
  22944. .ui.horizontal.list > .item:last-child {
  22945. padding-top: 0.21428571em;
  22946. padding-bottom: 0.21428571em;
  22947. }
  22948. /* Horizontal List */
  22949. .ui.horizontal.list > .item > i.icon,
  22950. .ui.horizontal.list .item > i.icons > i.icon {
  22951. margin: 0;
  22952. padding: 0 0.25em 0 0;
  22953. }
  22954. .ui.horizontal.list > .item > .image + .content,
  22955. .ui.horizontal.list > .item > i.icon,
  22956. .ui.horizontal.list > .item > i.icon + .content {
  22957. float: none;
  22958. display: inline-block;
  22959. width: auto;
  22960. }
  22961. .ui.horizontal.list > .item > .image {
  22962. display: inline-block;
  22963. }
  22964. /*******************************
  22965. States
  22966. *******************************/
  22967. /*-------------------
  22968. Disabled
  22969. --------------------*/
  22970. .ui.list .list > .disabled.item,
  22971. .ui.list > .disabled.item {
  22972. pointer-events: none;
  22973. color: rgba(40, 40, 40, 0.3) !important;
  22974. }
  22975. .ui.inverted.list .list > .disabled.item,
  22976. .ui.inverted.list > .disabled.item {
  22977. color: rgba(225, 225, 225, 0.3) !important;
  22978. }
  22979. /*-------------------
  22980. Hover
  22981. --------------------*/
  22982. .ui.list .list > a.item:hover > .icons,
  22983. .ui.list > a.item:hover > .icons,
  22984. .ui.list .list > a.item:hover > i.icon,
  22985. .ui.list > a.item:hover > i.icon {
  22986. color: rgba(0, 0, 0, 0.87);
  22987. }
  22988. /*******************************
  22989. Variations
  22990. *******************************/
  22991. /*-------------------
  22992. Inverted
  22993. --------------------*/
  22994. .ui.inverted.list .list > a.item > i.icon,
  22995. .ui.inverted.list > a.item > i.icon {
  22996. color: rgba(255, 255, 255, 0.7);
  22997. }
  22998. .ui.inverted.list .list > .item .header,
  22999. .ui.inverted.list > .item .header {
  23000. color: rgba(255, 255, 255, 0.9);
  23001. }
  23002. .ui.inverted.list .list > .item .description,
  23003. .ui.inverted.list > .item .description {
  23004. color: rgba(255, 255, 255, 0.7);
  23005. }
  23006. .ui.inverted.list .list > .item > .content,
  23007. .ui.inverted.list > .item > .content {
  23008. color: rgba(255, 255, 255, 0.7);
  23009. }
  23010. /* Item Link */
  23011. .ui.inverted.list .list > a.item,
  23012. .ui.inverted.list > a.item {
  23013. cursor: pointer;
  23014. color: rgba(255, 255, 255, 0.9);
  23015. }
  23016. .ui.inverted.list .list > a.item:hover,
  23017. .ui.inverted.list > a.item:hover {
  23018. color: #1e70bf;
  23019. }
  23020. /* Linking Content */
  23021. .ui.inverted.list .item a:not(.ui) {
  23022. color: rgba(255, 255, 255, 0.9) !important;
  23023. }
  23024. .ui.inverted.list .item a:not(.ui):hover {
  23025. color: #1e70bf !important;
  23026. }
  23027. /*-------------------
  23028. Aligned
  23029. --------------------*/
  23030. .ui.list[class*="top aligned"] .image,
  23031. .ui.list[class*="top aligned"] .content,
  23032. .ui.list [class*="top aligned"] {
  23033. vertical-align: top !important;
  23034. }
  23035. .ui.list[class*="middle aligned"] .image,
  23036. .ui.list[class*="middle aligned"] .content,
  23037. .ui.list [class*="middle aligned"] {
  23038. vertical-align: middle !important;
  23039. }
  23040. .ui.list[class*="bottom aligned"] .image,
  23041. .ui.list[class*="bottom aligned"] .content,
  23042. .ui.list [class*="bottom aligned"] {
  23043. vertical-align: bottom !important;
  23044. }
  23045. /*-------------------
  23046. Link
  23047. --------------------*/
  23048. .ui.link.list .item,
  23049. .ui.link.list a.item,
  23050. .ui.link.list .item a:not(.ui) {
  23051. color: rgba(0, 0, 0, 0.4);
  23052. transition: 0.1s color ease;
  23053. }
  23054. .ui.link.list.list a.item:hover,
  23055. .ui.link.list.list .item a:not(.ui):hover {
  23056. color: rgba(0, 0, 0, 0.8);
  23057. }
  23058. .ui.link.list.list a.item:active,
  23059. .ui.link.list.list .item a:not(.ui):active {
  23060. color: rgba(0, 0, 0, 0.9);
  23061. }
  23062. .ui.link.list.list .active.item,
  23063. .ui.link.list.list .active.item a:not(.ui) {
  23064. color: rgba(0, 0, 0, 0.95);
  23065. }
  23066. /* Inverted */
  23067. .ui.inverted.link.list .item,
  23068. .ui.inverted.link.list a.item,
  23069. .ui.inverted.link.list .item a:not(.ui) {
  23070. color: rgba(255, 255, 255, 0.5);
  23071. }
  23072. .ui.inverted.link.list.list a.item:hover,
  23073. .ui.inverted.link.list.list .item a:not(.ui):hover {
  23074. color: #ffffff;
  23075. }
  23076. .ui.inverted.link.list.list a.item:active,
  23077. .ui.inverted.link.list.list .item a:not(.ui):active {
  23078. color: #ffffff;
  23079. }
  23080. .ui.inverted.link.list.list a.active.item,
  23081. .ui.inverted.link.list.list .active.item a:not(.ui) {
  23082. color: #ffffff;
  23083. }
  23084. /*-------------------
  23085. Selection
  23086. --------------------*/
  23087. .ui.selection.list .list > .item,
  23088. .ui.selection.list > .item {
  23089. cursor: pointer;
  23090. background: transparent;
  23091. padding: 0.5em 0.5em;
  23092. margin: 0;
  23093. color: rgba(0, 0, 0, 0.4);
  23094. border-radius: 0.5em;
  23095. transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
  23096. }
  23097. .ui.selection.list .list > .item:last-child,
  23098. .ui.selection.list > .item:last-child {
  23099. margin-bottom: 0;
  23100. }
  23101. .ui.selection.list .list > .item:hover,
  23102. .ui.selection.list > .item:hover {
  23103. background: rgba(0, 0, 0, 0.03);
  23104. color: rgba(0, 0, 0, 0.8);
  23105. }
  23106. .ui.selection.list .list > .item:active,
  23107. .ui.selection.list > .item:active {
  23108. background: rgba(0, 0, 0, 0.05);
  23109. color: rgba(0, 0, 0, 0.9);
  23110. }
  23111. .ui.selection.list .list > .item.active,
  23112. .ui.selection.list > .item.active {
  23113. background: rgba(0, 0, 0, 0.05);
  23114. color: rgba(0, 0, 0, 0.95);
  23115. }
  23116. /* Inverted */
  23117. .ui.inverted.selection.list > .item {
  23118. background: transparent;
  23119. color: rgba(255, 255, 255, 0.5);
  23120. }
  23121. .ui.inverted.selection.list > .item:hover {
  23122. background: rgba(255, 255, 255, 0.02);
  23123. color: #ffffff;
  23124. }
  23125. .ui.inverted.selection.list > .item:active {
  23126. background: rgba(255, 255, 255, 0.08);
  23127. color: #ffffff;
  23128. }
  23129. .ui.inverted.selection.list > .item.active {
  23130. background: rgba(255, 255, 255, 0.08);
  23131. color: #ffffff;
  23132. }
  23133. /* Celled / Divided Selection List */
  23134. .ui.celled.selection.list .list > .item,
  23135. .ui.divided.selection.list .list > .item,
  23136. .ui.celled.selection.list > .item,
  23137. .ui.divided.selection.list > .item {
  23138. border-radius: 0;
  23139. }
  23140. /*-------------------
  23141. Animated
  23142. --------------------*/
  23143. .ui.animated.list > .item {
  23144. transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
  23145. }
  23146. .ui.animated.list:not(.horizontal) > .item:hover {
  23147. padding-left: 1em;
  23148. }
  23149. /*-------------------
  23150. Fitted
  23151. --------------------*/
  23152. .ui.fitted.list:not(.selection) .list > .item,
  23153. .ui.fitted.list:not(.selection) > .item {
  23154. padding-left: 0;
  23155. padding-right: 0;
  23156. }
  23157. .ui.fitted.selection.list .list > .item,
  23158. .ui.fitted.selection.list > .item {
  23159. margin-left: -0.5em;
  23160. margin-right: -0.5em;
  23161. }
  23162. /*-------------------
  23163. Bulleted
  23164. --------------------*/
  23165. ul.ui.list,
  23166. .ui.bulleted.list {
  23167. margin-left: 1.25rem;
  23168. }
  23169. ul.ui.list li,
  23170. .ui.bulleted.list .list > .item,
  23171. .ui.bulleted.list > .item {
  23172. position: relative;
  23173. }
  23174. ul.ui.list li:before,
  23175. .ui.bulleted.list .list > .item:before,
  23176. .ui.bulleted.list > .item:before {
  23177. -webkit-user-select: none;
  23178. -moz-user-select: none;
  23179. user-select: none;
  23180. pointer-events: none;
  23181. position: absolute;
  23182. top: auto;
  23183. left: auto;
  23184. font-weight: normal;
  23185. margin-left: -1.25rem;
  23186. content: '\2022';
  23187. opacity: 1;
  23188. color: inherit;
  23189. vertical-align: top;
  23190. }
  23191. ul.ui.list li:before,
  23192. .ui.bulleted.list .list > a.item:before,
  23193. .ui.bulleted.list > a.item:before {
  23194. color: rgba(0, 0, 0, 0.87);
  23195. }
  23196. ul.ui.list ul,
  23197. .ui.bulleted.list .list:not(.icon) {
  23198. padding-left: 1.25rem;
  23199. }
  23200. /* Horizontal Bulleted */
  23201. ul.ui.horizontal.bulleted.list,
  23202. .ui.horizontal.bulleted.list {
  23203. margin-left: 0;
  23204. }
  23205. ul.ui.horizontal.bulleted.list li,
  23206. .ui.horizontal.bulleted.list > .item {
  23207. margin-left: 1.75rem;
  23208. }
  23209. ul.ui.horizontal.bulleted.list li:first-child,
  23210. .ui.horizontal.bulleted.list > .item:first-child {
  23211. margin-left: 0;
  23212. }
  23213. ul.ui.horizontal.bulleted.list li::before,
  23214. .ui.horizontal.bulleted.list > .item::before {
  23215. color: rgba(0, 0, 0, 0.87);
  23216. }
  23217. ul.ui.horizontal.bulleted.list li:first-child::before,
  23218. .ui.horizontal.bulleted.list > .item:first-child::before {
  23219. display: none;
  23220. }
  23221. /*-------------------
  23222. Ordered
  23223. --------------------*/
  23224. ol.ui.list,
  23225. .ui.ordered.list,
  23226. .ui.ordered.list .list:not(.icon),
  23227. ol.ui.list ol {
  23228. counter-reset: ordered;
  23229. margin-left: 1.25rem;
  23230. list-style-type: none;
  23231. }
  23232. ol.ui.list li,
  23233. .ui.ordered.list .list > .item,
  23234. .ui.ordered.list > .item {
  23235. list-style-type: none;
  23236. position: relative;
  23237. }
  23238. ol.ui.list li:before,
  23239. .ui.ordered.list .list > .item:before,
  23240. .ui.ordered.list > .item:before {
  23241. position: absolute;
  23242. top: auto;
  23243. left: auto;
  23244. -webkit-user-select: none;
  23245. -moz-user-select: none;
  23246. user-select: none;
  23247. pointer-events: none;
  23248. margin-left: -1.25rem;
  23249. counter-increment: ordered;
  23250. content: counters(ordered, ".") " ";
  23251. text-align: right;
  23252. color: rgba(0, 0, 0, 0.87);
  23253. vertical-align: middle;
  23254. opacity: 0.8;
  23255. }
  23256. ol.ui.inverted.list li:before,
  23257. .ui.ordered.inverted.list .list > .item:before,
  23258. .ui.ordered.inverted.list > .item:before {
  23259. color: rgba(255, 255, 255, 0.7);
  23260. }
  23261. /* Value */
  23262. .ui.ordered.list .list > .item[data-value]:before,
  23263. .ui.ordered.list > .item[data-value]:before {
  23264. content: attr(data-value);
  23265. }
  23266. ol.ui.list li[value]:before {
  23267. content: attr(value);
  23268. }
  23269. /* Child Lists */
  23270. ol.ui.list ol,
  23271. .ui.ordered.list .list:not(.icon) {
  23272. margin-left: 1em;
  23273. }
  23274. ol.ui.list ol li:before,
  23275. .ui.ordered.list .list > .item:before {
  23276. margin-left: -2em;
  23277. }
  23278. /* Horizontal Ordered */
  23279. ol.ui.horizontal.list,
  23280. .ui.ordered.horizontal.list {
  23281. margin-left: 0;
  23282. }
  23283. ol.ui.horizontal.list li:before,
  23284. .ui.ordered.horizontal.list .list > .item:before,
  23285. .ui.ordered.horizontal.list > .item:before {
  23286. position: static;
  23287. margin: 0 0.5em 0 0;
  23288. }
  23289. /* Suffixed Ordered */
  23290. ol.ui.suffixed.list li:before,
  23291. .ui.suffixed.ordered.list .list > .item:before,
  23292. .ui.suffixed.ordered.list > .item:before {
  23293. content: counters(ordered, ".") ".";
  23294. }
  23295. /*-------------------
  23296. Divided
  23297. --------------------*/
  23298. .ui.divided.list > .item {
  23299. border-top: 1px solid rgba(34, 36, 38, 0.15);
  23300. }
  23301. .ui.divided.list .list > .item {
  23302. border-top: none;
  23303. }
  23304. .ui.divided.list .item .list > .item {
  23305. border-top: none;
  23306. }
  23307. .ui.divided.list .list > .item:first-child,
  23308. .ui.divided.list > .item:first-child {
  23309. border-top: none;
  23310. }
  23311. /* Sub Menu */
  23312. .ui.divided.list:not(.horizontal) .list > .item:first-child {
  23313. border-top-width: 1px;
  23314. }
  23315. /* Divided bulleted */
  23316. .ui.divided.bulleted.list:not(.horizontal),
  23317. .ui.divided.bulleted.list .list:not(.icon) {
  23318. margin-left: 0;
  23319. padding-left: 0;
  23320. }
  23321. .ui.divided.bulleted.list > .item:not(.horizontal) {
  23322. padding-left: 1.25rem;
  23323. }
  23324. /* Divided Ordered */
  23325. .ui.divided.ordered.list {
  23326. margin-left: 0;
  23327. }
  23328. .ui.divided.ordered.list .list > .item,
  23329. .ui.divided.ordered.list > .item {
  23330. padding-left: 1.25rem;
  23331. }
  23332. .ui.divided.ordered.list .item .list:not(.icon) {
  23333. margin-left: 0;
  23334. margin-right: 0;
  23335. padding-bottom: 0.21428571em;
  23336. }
  23337. .ui.divided.ordered.list .item .list > .item {
  23338. padding-left: 1em;
  23339. }
  23340. /* Divided Selection */
  23341. .ui.divided.selection.list .list > .item,
  23342. .ui.divided.selection.list > .item {
  23343. margin: 0;
  23344. border-radius: 0;
  23345. }
  23346. /* Divided horizontal */
  23347. .ui.divided.horizontal.list {
  23348. margin-left: 0;
  23349. }
  23350. .ui.divided.horizontal.list > .item {
  23351. padding-left: 0.5em;
  23352. }
  23353. .ui.divided.horizontal.list > .item:not(:last-child) {
  23354. padding-right: 0.5em;
  23355. }
  23356. .ui.divided.horizontal.list > .item {
  23357. border-top: none;
  23358. border-right: 1px solid rgba(34, 36, 38, 0.15);
  23359. margin: 0;
  23360. line-height: 0.6;
  23361. }
  23362. .ui.horizontal.divided.list > .item:last-child {
  23363. border-right: none;
  23364. }
  23365. /* Inverted */
  23366. .ui.divided.inverted.list > .item,
  23367. .ui.divided.inverted.list > .list,
  23368. .ui.divided.inverted.horizontal.list > .item {
  23369. border-color: rgba(255, 255, 255, 0.1);
  23370. }
  23371. /*-------------------
  23372. Celled
  23373. --------------------*/
  23374. .ui.celled.list > .item,
  23375. .ui.celled.list > .list {
  23376. border-top: 1px solid rgba(34, 36, 38, 0.15);
  23377. padding-left: 0.5em;
  23378. padding-right: 0.5em;
  23379. }
  23380. .ui.celled.list > .item:last-child {
  23381. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  23382. }
  23383. /* Padding on all elements */
  23384. .ui.celled.list > .item:first-child,
  23385. .ui.celled.list > .item:last-child {
  23386. padding-top: 0.21428571em;
  23387. padding-bottom: 0.21428571em;
  23388. }
  23389. /* Sub Menu */
  23390. .ui.celled.list .item .list > .item {
  23391. border-width: 0;
  23392. }
  23393. .ui.celled.list .list > .item:first-child {
  23394. border-top-width: 0;
  23395. }
  23396. /* Celled Bulleted */
  23397. .ui.celled.bulleted.list {
  23398. margin-left: 0;
  23399. }
  23400. .ui.celled.bulleted.list .list > .item,
  23401. .ui.celled.bulleted.list > .item {
  23402. padding-left: 1.25rem;
  23403. }
  23404. .ui.celled.bulleted.list .item .list:not(.icon) {
  23405. margin-left: -1.25rem;
  23406. margin-right: -1.25rem;
  23407. padding-bottom: 0.21428571em;
  23408. }
  23409. /* Celled Ordered */
  23410. .ui.celled.ordered.list {
  23411. margin-left: 0;
  23412. }
  23413. .ui.celled.ordered.list .list > .item,
  23414. .ui.celled.ordered.list > .item {
  23415. padding-left: 1.25rem;
  23416. }
  23417. .ui.celled.ordered.list .item .list:not(.icon) {
  23418. margin-left: 0;
  23419. margin-right: 0;
  23420. padding-bottom: 0.21428571em;
  23421. }
  23422. .ui.celled.ordered.list .list > .item {
  23423. padding-left: 1em;
  23424. }
  23425. /* Celled Horizontal */
  23426. .ui.horizontal.celled.list {
  23427. margin-left: 0;
  23428. }
  23429. .ui.horizontal.celled.list .list > .item,
  23430. .ui.horizontal.celled.list > .item {
  23431. border-top: none;
  23432. border-left: 1px solid rgba(34, 36, 38, 0.15);
  23433. margin: 0;
  23434. padding-left: 0.5em;
  23435. padding-right: 0.5em;
  23436. line-height: 0.6;
  23437. }
  23438. .ui.horizontal.celled.list .list > .item:last-child,
  23439. .ui.horizontal.celled.list > .item:last-child {
  23440. border-bottom: none;
  23441. border-right: 1px solid rgba(34, 36, 38, 0.15);
  23442. }
  23443. /* Inverted */
  23444. .ui.celled.inverted.list > .item,
  23445. .ui.celled.inverted.list > .list {
  23446. border-color: rgba(255, 255, 255, 0.1);
  23447. }
  23448. .ui.celled.inverted.horizontal.list .list > .item,
  23449. .ui.celled.inverted.horizontal.list > .item {
  23450. border-color: rgba(255, 255, 255, 0.1);
  23451. }
  23452. /*-------------------
  23453. Relaxed
  23454. --------------------*/
  23455. .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  23456. padding-top: 0.42857143em;
  23457. }
  23458. .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  23459. padding-bottom: 0.42857143em;
  23460. }
  23461. .ui.horizontal.relaxed.list .list > .item:not(:first-child),
  23462. .ui.horizontal.relaxed.list > .item:not(:first-child) {
  23463. padding-left: 1rem;
  23464. }
  23465. .ui.horizontal.relaxed.list .list > .item:not(:last-child),
  23466. .ui.horizontal.relaxed.list > .item:not(:last-child) {
  23467. padding-right: 1rem;
  23468. }
  23469. /* Very Relaxed */
  23470. .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
  23471. padding-top: 0.85714286em;
  23472. }
  23473. .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  23474. padding-bottom: 0.85714286em;
  23475. }
  23476. .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
  23477. .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
  23478. padding-left: 1.5rem;
  23479. }
  23480. .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
  23481. .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
  23482. padding-right: 1.5rem;
  23483. }
  23484. /*-------------------
  23485. Sizes
  23486. --------------------*/
  23487. .ui.list {
  23488. font-size: 1em;
  23489. }
  23490. .ui.mini.list {
  23491. font-size: 0.78571429em;
  23492. }
  23493. .ui.mini.horizontal.list .list > .item,
  23494. .ui.mini.horizontal.list > .item {
  23495. font-size: 0.78571429rem;
  23496. }
  23497. .ui.tiny.list {
  23498. font-size: 0.85714286em;
  23499. }
  23500. .ui.tiny.horizontal.list .list > .item,
  23501. .ui.tiny.horizontal.list > .item {
  23502. font-size: 0.85714286rem;
  23503. }
  23504. .ui.small.list {
  23505. font-size: 0.92857143em;
  23506. }
  23507. .ui.small.horizontal.list .list > .item,
  23508. .ui.small.horizontal.list > .item {
  23509. font-size: 0.92857143rem;
  23510. }
  23511. .ui.large.list {
  23512. font-size: 1.14285714em;
  23513. }
  23514. .ui.large.horizontal.list .list > .item,
  23515. .ui.large.horizontal.list > .item {
  23516. font-size: 1.14285714rem;
  23517. }
  23518. .ui.big.list {
  23519. font-size: 1.28571429em;
  23520. }
  23521. .ui.big.horizontal.list .list > .item,
  23522. .ui.big.horizontal.list > .item {
  23523. font-size: 1.28571429rem;
  23524. }
  23525. .ui.huge.list {
  23526. font-size: 1.42857143em;
  23527. }
  23528. .ui.huge.horizontal.list .list > .item,
  23529. .ui.huge.horizontal.list > .item {
  23530. font-size: 1.42857143rem;
  23531. }
  23532. .ui.massive.list {
  23533. font-size: 1.71428571em;
  23534. }
  23535. .ui.massive.horizontal.list .list > .item,
  23536. .ui.massive.horizontal.list > .item {
  23537. font-size: 1.71428571rem;
  23538. }
  23539. /*******************************
  23540. Theme Overrides
  23541. *******************************/
  23542. /*******************************
  23543. User Variable Overrides
  23544. *******************************/
  23545. /*!
  23546. * # Fomantic-UI - Loader
  23547. * http://github.com/fomantic/Fomantic-UI/
  23548. *
  23549. *
  23550. * Released under the MIT license
  23551. * http://opensource.org/licenses/MIT
  23552. *
  23553. */
  23554. /*******************************
  23555. Loader
  23556. *******************************/
  23557. /* Standard Size */
  23558. .ui.loader {
  23559. display: none;
  23560. position: absolute;
  23561. top: 50%;
  23562. left: 50%;
  23563. margin: 0;
  23564. text-align: center;
  23565. z-index: 1000;
  23566. transform: translateX(-50%) translateY(-50%);
  23567. }
  23568. /* Static Shape */
  23569. .ui.loader:before {
  23570. position: absolute;
  23571. content: '';
  23572. top: 0;
  23573. left: 50%;
  23574. width: 100%;
  23575. height: 100%;
  23576. border-radius: 500rem;
  23577. border: 0.2em solid rgba(0, 0, 0, 0.1);
  23578. }
  23579. /* Active Shape */
  23580. .ui.loader:after {
  23581. position: absolute;
  23582. content: '';
  23583. top: 0;
  23584. left: 50%;
  23585. width: 100%;
  23586. height: 100%;
  23587. -webkit-animation: loader 0.6s infinite linear;
  23588. animation: loader 0.6s infinite linear;
  23589. border: 0.2em solid #767676;
  23590. border-radius: 500rem;
  23591. box-shadow: 0 0 0 1px transparent;
  23592. }
  23593. /* Speeds */
  23594. .ui.fast.loading.loading:after,
  23595. .ui.fast.loading.loading .input > i.icon:after,
  23596. .ui.fast.loading.loading > i.icon:after,
  23597. .ui.fast.loader:after {
  23598. -webkit-animation-duration: 0.3s;
  23599. animation-duration: 0.3s;
  23600. }
  23601. .ui.slow.loading.loading:after,
  23602. .ui.slow.loading.loading .input > i.icon:after,
  23603. .ui.slow.loading.loading > i.icon:after,
  23604. .ui.slow.loader:after {
  23605. -webkit-animation-duration: 0.9s;
  23606. animation-duration: 0.9s;
  23607. }
  23608. /* Active Animation */
  23609. @-webkit-keyframes loader {
  23610. 100% {
  23611. transform: rotate(360deg);
  23612. }
  23613. }
  23614. @keyframes loader {
  23615. 100% {
  23616. transform: rotate(360deg);
  23617. }
  23618. }
  23619. /*-------------------
  23620. Coupling
  23621. --------------------*/
  23622. /* Show inside active dimmer */
  23623. .ui.dimmer > .loader {
  23624. display: block;
  23625. }
  23626. /* Black Dimmer */
  23627. .ui.dimmer > .ui.loader {
  23628. color: rgba(255, 255, 255, 0.9);
  23629. }
  23630. .ui.dimmer > .ui.loader:not(.elastic):before {
  23631. border-color: rgba(255, 255, 255, 0.15);
  23632. }
  23633. /* White Dimmer (Inverted) */
  23634. .ui.inverted.dimmer > .ui.loader {
  23635. color: rgba(0, 0, 0, 0.87);
  23636. }
  23637. .ui.inverted.dimmer > .ui.loader:not(.elastic):before {
  23638. border-color: rgba(0, 0, 0, 0.1);
  23639. }
  23640. /*******************************
  23641. Types
  23642. *******************************/
  23643. /*-------------------
  23644. Text
  23645. --------------------*/
  23646. .ui.ui.ui.ui.text.loader {
  23647. width: auto;
  23648. height: auto;
  23649. text-align: center;
  23650. font-style: normal;
  23651. }
  23652. /*******************************
  23653. States
  23654. *******************************/
  23655. .ui.indeterminate.loader:after {
  23656. animation-direction: reverse;
  23657. -webkit-animation-duration: 1.2s;
  23658. animation-duration: 1.2s;
  23659. }
  23660. .ui.loader.active,
  23661. .ui.loader.visible {
  23662. display: block;
  23663. }
  23664. .ui.loader.disabled,
  23665. .ui.loader.hidden {
  23666. display: none;
  23667. }
  23668. /*******************************
  23669. Variations
  23670. *******************************/
  23671. /*-------------------
  23672. Sizes
  23673. --------------------*/
  23674. .ui.loader {
  23675. width: 2.28571429rem;
  23676. height: 2.28571429rem;
  23677. font-size: 1em;
  23678. }
  23679. .ui.loader:before,
  23680. .ui.loader:after {
  23681. width: 2.28571429rem;
  23682. height: 2.28571429rem;
  23683. margin: 0 0 0 -1.14285714rem;
  23684. }
  23685. .ui.text.loader {
  23686. min-width: 2.28571429rem;
  23687. padding-top: 3.07142857rem;
  23688. }
  23689. .ui.mini.loader {
  23690. width: 1rem;
  23691. height: 1rem;
  23692. font-size: 0.78571429em;
  23693. }
  23694. .ui.mini.loader:before,
  23695. .ui.mini.loader:after {
  23696. width: 1rem;
  23697. height: 1rem;
  23698. margin: 0 0 0 -0.5rem;
  23699. }
  23700. .ui.mini.text.loader {
  23701. min-width: 1rem;
  23702. padding-top: 1.78571429rem;
  23703. }
  23704. .ui.tiny.loader {
  23705. width: 1.14285714rem;
  23706. height: 1.14285714rem;
  23707. font-size: 0.85714286em;
  23708. }
  23709. .ui.tiny.loader:before,
  23710. .ui.tiny.loader:after {
  23711. width: 1.14285714rem;
  23712. height: 1.14285714rem;
  23713. margin: 0 0 0 -0.57142857rem;
  23714. }
  23715. .ui.tiny.text.loader {
  23716. min-width: 1.14285714rem;
  23717. padding-top: 1.92857143rem;
  23718. }
  23719. .ui.small.loader {
  23720. width: 1.71428571rem;
  23721. height: 1.71428571rem;
  23722. font-size: 0.92857143em;
  23723. }
  23724. .ui.small.loader:before,
  23725. .ui.small.loader:after {
  23726. width: 1.71428571rem;
  23727. height: 1.71428571rem;
  23728. margin: 0 0 0 -0.85714286rem;
  23729. }
  23730. .ui.small.text.loader {
  23731. min-width: 1.71428571rem;
  23732. padding-top: 2.5rem;
  23733. }
  23734. .ui.large.loader {
  23735. width: 3.42857143rem;
  23736. height: 3.42857143rem;
  23737. font-size: 1.14285714em;
  23738. }
  23739. .ui.large.loader:before,
  23740. .ui.large.loader:after {
  23741. width: 3.42857143rem;
  23742. height: 3.42857143rem;
  23743. margin: 0 0 0 -1.71428571rem;
  23744. }
  23745. .ui.large.text.loader {
  23746. min-width: 3.42857143rem;
  23747. padding-top: 4.21428571rem;
  23748. }
  23749. .ui.big.loader {
  23750. width: 3.71428571rem;
  23751. height: 3.71428571rem;
  23752. font-size: 1.28571429em;
  23753. }
  23754. .ui.big.loader:before,
  23755. .ui.big.loader:after {
  23756. width: 3.71428571rem;
  23757. height: 3.71428571rem;
  23758. margin: 0 0 0 -1.85714286rem;
  23759. }
  23760. .ui.big.text.loader {
  23761. min-width: 3.71428571rem;
  23762. padding-top: 4.5rem;
  23763. }
  23764. .ui.huge.loader {
  23765. width: 4.14285714rem;
  23766. height: 4.14285714rem;
  23767. font-size: 1.42857143em;
  23768. }
  23769. .ui.huge.loader:before,
  23770. .ui.huge.loader:after {
  23771. width: 4.14285714rem;
  23772. height: 4.14285714rem;
  23773. margin: 0 0 0 -2.07142857rem;
  23774. }
  23775. .ui.huge.text.loader {
  23776. min-width: 4.14285714rem;
  23777. padding-top: 4.92857143rem;
  23778. }
  23779. .ui.massive.loader {
  23780. width: 4.57142857rem;
  23781. height: 4.57142857rem;
  23782. font-size: 1.71428571em;
  23783. }
  23784. .ui.massive.loader:before,
  23785. .ui.massive.loader:after {
  23786. width: 4.57142857rem;
  23787. height: 4.57142857rem;
  23788. margin: 0 0 0 -2.28571429rem;
  23789. }
  23790. .ui.massive.text.loader {
  23791. min-width: 4.57142857rem;
  23792. padding-top: 5.35714286rem;
  23793. }
  23794. /*-------------------
  23795. Colors
  23796. --------------------*/
  23797. .ui.primary.elastic.loader.loader:before,
  23798. .ui.primary.basic.elastic.loading.button:before,
  23799. .ui.primary.basic.elastic.loading.button:after,
  23800. .ui.primary.elastic.loading.loading.loading:not(.segment):before,
  23801. .ui.primary.elastic.loading.loading.loading .input > i.icon:before,
  23802. .ui.primary.elastic.loading.loading.loading.loading > i.icon:before,
  23803. .ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,
  23804. .ui.primary.loading.loading.loading.loading .input > i.icon:after,
  23805. .ui.primary.loading.loading.loading.loading > i.icon:after,
  23806. .ui.primary.loader.loader.loader:after {
  23807. color: #2185D0;
  23808. }
  23809. .ui.inverted.primary.elastic.loader:before,
  23810. .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):before,
  23811. .ui.inverted.primary.elastic.loading.loading.loading .input > i.icon:before,
  23812. .ui.inverted.primary.elastic.loading.loading.loading > i.icon:before,
  23813. .ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,
  23814. .ui.inverted.primary.loading.loading.loading.loading .input > i.icon:after,
  23815. .ui.inverted.primary.loading.loading.loading.loading > i.icon:after,
  23816. .ui.inverted.primary.loader.loader.loader:after {
  23817. color: #54C8FF;
  23818. }
  23819. .ui.secondary.elastic.loader.loader:before,
  23820. .ui.secondary.basic.elastic.loading.button:before,
  23821. .ui.secondary.basic.elastic.loading.button:after,
  23822. .ui.secondary.elastic.loading.loading.loading:not(.segment):before,
  23823. .ui.secondary.elastic.loading.loading.loading .input > i.icon:before,
  23824. .ui.secondary.elastic.loading.loading.loading.loading > i.icon:before,
  23825. .ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,
  23826. .ui.secondary.loading.loading.loading.loading .input > i.icon:after,
  23827. .ui.secondary.loading.loading.loading.loading > i.icon:after,
  23828. .ui.secondary.loader.loader.loader:after {
  23829. color: #1B1C1D;
  23830. }
  23831. .ui.inverted.secondary.elastic.loader:before,
  23832. .ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):before,
  23833. .ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon:before,
  23834. .ui.inverted.secondary.elastic.loading.loading.loading > i.icon:before,
  23835. .ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,
  23836. .ui.inverted.secondary.loading.loading.loading.loading .input > i.icon:after,
  23837. .ui.inverted.secondary.loading.loading.loading.loading > i.icon:after,
  23838. .ui.inverted.secondary.loader.loader.loader:after {
  23839. color: #545454;
  23840. }
  23841. .ui.red.elastic.loader.loader:before,
  23842. .ui.red.basic.elastic.loading.button:before,
  23843. .ui.red.basic.elastic.loading.button:after,
  23844. .ui.red.elastic.loading.loading.loading:not(.segment):before,
  23845. .ui.red.elastic.loading.loading.loading .input > i.icon:before,
  23846. .ui.red.elastic.loading.loading.loading.loading > i.icon:before,
  23847. .ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,
  23848. .ui.red.loading.loading.loading.loading .input > i.icon:after,
  23849. .ui.red.loading.loading.loading.loading > i.icon:after,
  23850. .ui.red.loader.loader.loader:after {
  23851. color: #DB2828;
  23852. }
  23853. .ui.inverted.red.elastic.loader:before,
  23854. .ui.inverted.red.elastic.loading.loading.loading:not(.segment):before,
  23855. .ui.inverted.red.elastic.loading.loading.loading .input > i.icon:before,
  23856. .ui.inverted.red.elastic.loading.loading.loading > i.icon:before,
  23857. .ui.inverted.red.loading.loading.loading.loading:not(.usual):after,
  23858. .ui.inverted.red.loading.loading.loading.loading .input > i.icon:after,
  23859. .ui.inverted.red.loading.loading.loading.loading > i.icon:after,
  23860. .ui.inverted.red.loader.loader.loader:after {
  23861. color: #FF695E;
  23862. }
  23863. .ui.orange.elastic.loader.loader:before,
  23864. .ui.orange.basic.elastic.loading.button:before,
  23865. .ui.orange.basic.elastic.loading.button:after,
  23866. .ui.orange.elastic.loading.loading.loading:not(.segment):before,
  23867. .ui.orange.elastic.loading.loading.loading .input > i.icon:before,
  23868. .ui.orange.elastic.loading.loading.loading.loading > i.icon:before,
  23869. .ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,
  23870. .ui.orange.loading.loading.loading.loading .input > i.icon:after,
  23871. .ui.orange.loading.loading.loading.loading > i.icon:after,
  23872. .ui.orange.loader.loader.loader:after {
  23873. color: #F2711C;
  23874. }
  23875. .ui.inverted.orange.elastic.loader:before,
  23876. .ui.inverted.orange.elastic.loading.loading.loading:not(.segment):before,
  23877. .ui.inverted.orange.elastic.loading.loading.loading .input > i.icon:before,
  23878. .ui.inverted.orange.elastic.loading.loading.loading > i.icon:before,
  23879. .ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,
  23880. .ui.inverted.orange.loading.loading.loading.loading .input > i.icon:after,
  23881. .ui.inverted.orange.loading.loading.loading.loading > i.icon:after,
  23882. .ui.inverted.orange.loader.loader.loader:after {
  23883. color: #FF851B;
  23884. }
  23885. .ui.yellow.elastic.loader.loader:before,
  23886. .ui.yellow.basic.elastic.loading.button:before,
  23887. .ui.yellow.basic.elastic.loading.button:after,
  23888. .ui.yellow.elastic.loading.loading.loading:not(.segment):before,
  23889. .ui.yellow.elastic.loading.loading.loading .input > i.icon:before,
  23890. .ui.yellow.elastic.loading.loading.loading.loading > i.icon:before,
  23891. .ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,
  23892. .ui.yellow.loading.loading.loading.loading .input > i.icon:after,
  23893. .ui.yellow.loading.loading.loading.loading > i.icon:after,
  23894. .ui.yellow.loader.loader.loader:after {
  23895. color: #FBBD08;
  23896. }
  23897. .ui.inverted.yellow.elastic.loader:before,
  23898. .ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):before,
  23899. .ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon:before,
  23900. .ui.inverted.yellow.elastic.loading.loading.loading > i.icon:before,
  23901. .ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,
  23902. .ui.inverted.yellow.loading.loading.loading.loading .input > i.icon:after,
  23903. .ui.inverted.yellow.loading.loading.loading.loading > i.icon:after,
  23904. .ui.inverted.yellow.loader.loader.loader:after {
  23905. color: #FFE21F;
  23906. }
  23907. .ui.olive.elastic.loader.loader:before,
  23908. .ui.olive.basic.elastic.loading.button:before,
  23909. .ui.olive.basic.elastic.loading.button:after,
  23910. .ui.olive.elastic.loading.loading.loading:not(.segment):before,
  23911. .ui.olive.elastic.loading.loading.loading .input > i.icon:before,
  23912. .ui.olive.elastic.loading.loading.loading.loading > i.icon:before,
  23913. .ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,
  23914. .ui.olive.loading.loading.loading.loading .input > i.icon:after,
  23915. .ui.olive.loading.loading.loading.loading > i.icon:after,
  23916. .ui.olive.loader.loader.loader:after {
  23917. color: #B5CC18;
  23918. }
  23919. .ui.inverted.olive.elastic.loader:before,
  23920. .ui.inverted.olive.elastic.loading.loading.loading:not(.segment):before,
  23921. .ui.inverted.olive.elastic.loading.loading.loading .input > i.icon:before,
  23922. .ui.inverted.olive.elastic.loading.loading.loading > i.icon:before,
  23923. .ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,
  23924. .ui.inverted.olive.loading.loading.loading.loading .input > i.icon:after,
  23925. .ui.inverted.olive.loading.loading.loading.loading > i.icon:after,
  23926. .ui.inverted.olive.loader.loader.loader:after {
  23927. color: #D9E778;
  23928. }
  23929. .ui.green.elastic.loader.loader:before,
  23930. .ui.green.basic.elastic.loading.button:before,
  23931. .ui.green.basic.elastic.loading.button:after,
  23932. .ui.green.elastic.loading.loading.loading:not(.segment):before,
  23933. .ui.green.elastic.loading.loading.loading .input > i.icon:before,
  23934. .ui.green.elastic.loading.loading.loading.loading > i.icon:before,
  23935. .ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,
  23936. .ui.green.loading.loading.loading.loading .input > i.icon:after,
  23937. .ui.green.loading.loading.loading.loading > i.icon:after,
  23938. .ui.green.loader.loader.loader:after {
  23939. color: #21BA45;
  23940. }
  23941. .ui.inverted.green.elastic.loader:before,
  23942. .ui.inverted.green.elastic.loading.loading.loading:not(.segment):before,
  23943. .ui.inverted.green.elastic.loading.loading.loading .input > i.icon:before,
  23944. .ui.inverted.green.elastic.loading.loading.loading > i.icon:before,
  23945. .ui.inverted.green.loading.loading.loading.loading:not(.usual):after,
  23946. .ui.inverted.green.loading.loading.loading.loading .input > i.icon:after,
  23947. .ui.inverted.green.loading.loading.loading.loading > i.icon:after,
  23948. .ui.inverted.green.loader.loader.loader:after {
  23949. color: #2ECC40;
  23950. }
  23951. .ui.teal.elastic.loader.loader:before,
  23952. .ui.teal.basic.elastic.loading.button:before,
  23953. .ui.teal.basic.elastic.loading.button:after,
  23954. .ui.teal.elastic.loading.loading.loading:not(.segment):before,
  23955. .ui.teal.elastic.loading.loading.loading .input > i.icon:before,
  23956. .ui.teal.elastic.loading.loading.loading.loading > i.icon:before,
  23957. .ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,
  23958. .ui.teal.loading.loading.loading.loading .input > i.icon:after,
  23959. .ui.teal.loading.loading.loading.loading > i.icon:after,
  23960. .ui.teal.loader.loader.loader:after {
  23961. color: #00B5AD;
  23962. }
  23963. .ui.inverted.teal.elastic.loader:before,
  23964. .ui.inverted.teal.elastic.loading.loading.loading:not(.segment):before,
  23965. .ui.inverted.teal.elastic.loading.loading.loading .input > i.icon:before,
  23966. .ui.inverted.teal.elastic.loading.loading.loading > i.icon:before,
  23967. .ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,
  23968. .ui.inverted.teal.loading.loading.loading.loading .input > i.icon:after,
  23969. .ui.inverted.teal.loading.loading.loading.loading > i.icon:after,
  23970. .ui.inverted.teal.loader.loader.loader:after {
  23971. color: #6DFFFF;
  23972. }
  23973. .ui.blue.elastic.loader.loader:before,
  23974. .ui.blue.basic.elastic.loading.button:before,
  23975. .ui.blue.basic.elastic.loading.button:after,
  23976. .ui.blue.elastic.loading.loading.loading:not(.segment):before,
  23977. .ui.blue.elastic.loading.loading.loading .input > i.icon:before,
  23978. .ui.blue.elastic.loading.loading.loading.loading > i.icon:before,
  23979. .ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,
  23980. .ui.blue.loading.loading.loading.loading .input > i.icon:after,
  23981. .ui.blue.loading.loading.loading.loading > i.icon:after,
  23982. .ui.blue.loader.loader.loader:after {
  23983. color: #2185D0;
  23984. }
  23985. .ui.inverted.blue.elastic.loader:before,
  23986. .ui.inverted.blue.elastic.loading.loading.loading:not(.segment):before,
  23987. .ui.inverted.blue.elastic.loading.loading.loading .input > i.icon:before,
  23988. .ui.inverted.blue.elastic.loading.loading.loading > i.icon:before,
  23989. .ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,
  23990. .ui.inverted.blue.loading.loading.loading.loading .input > i.icon:after,
  23991. .ui.inverted.blue.loading.loading.loading.loading > i.icon:after,
  23992. .ui.inverted.blue.loader.loader.loader:after {
  23993. color: #54C8FF;
  23994. }
  23995. .ui.violet.elastic.loader.loader:before,
  23996. .ui.violet.basic.elastic.loading.button:before,
  23997. .ui.violet.basic.elastic.loading.button:after,
  23998. .ui.violet.elastic.loading.loading.loading:not(.segment):before,
  23999. .ui.violet.elastic.loading.loading.loading .input > i.icon:before,
  24000. .ui.violet.elastic.loading.loading.loading.loading > i.icon:before,
  24001. .ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,
  24002. .ui.violet.loading.loading.loading.loading .input > i.icon:after,
  24003. .ui.violet.loading.loading.loading.loading > i.icon:after,
  24004. .ui.violet.loader.loader.loader:after {
  24005. color: #6435C9;
  24006. }
  24007. .ui.inverted.violet.elastic.loader:before,
  24008. .ui.inverted.violet.elastic.loading.loading.loading:not(.segment):before,
  24009. .ui.inverted.violet.elastic.loading.loading.loading .input > i.icon:before,
  24010. .ui.inverted.violet.elastic.loading.loading.loading > i.icon:before,
  24011. .ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,
  24012. .ui.inverted.violet.loading.loading.loading.loading .input > i.icon:after,
  24013. .ui.inverted.violet.loading.loading.loading.loading > i.icon:after,
  24014. .ui.inverted.violet.loader.loader.loader:after {
  24015. color: #A291FB;
  24016. }
  24017. .ui.purple.elastic.loader.loader:before,
  24018. .ui.purple.basic.elastic.loading.button:before,
  24019. .ui.purple.basic.elastic.loading.button:after,
  24020. .ui.purple.elastic.loading.loading.loading:not(.segment):before,
  24021. .ui.purple.elastic.loading.loading.loading .input > i.icon:before,
  24022. .ui.purple.elastic.loading.loading.loading.loading > i.icon:before,
  24023. .ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,
  24024. .ui.purple.loading.loading.loading.loading .input > i.icon:after,
  24025. .ui.purple.loading.loading.loading.loading > i.icon:after,
  24026. .ui.purple.loader.loader.loader:after {
  24027. color: #A333C8;
  24028. }
  24029. .ui.inverted.purple.elastic.loader:before,
  24030. .ui.inverted.purple.elastic.loading.loading.loading:not(.segment):before,
  24031. .ui.inverted.purple.elastic.loading.loading.loading .input > i.icon:before,
  24032. .ui.inverted.purple.elastic.loading.loading.loading > i.icon:before,
  24033. .ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,
  24034. .ui.inverted.purple.loading.loading.loading.loading .input > i.icon:after,
  24035. .ui.inverted.purple.loading.loading.loading.loading > i.icon:after,
  24036. .ui.inverted.purple.loader.loader.loader:after {
  24037. color: #DC73FF;
  24038. }
  24039. .ui.pink.elastic.loader.loader:before,
  24040. .ui.pink.basic.elastic.loading.button:before,
  24041. .ui.pink.basic.elastic.loading.button:after,
  24042. .ui.pink.elastic.loading.loading.loading:not(.segment):before,
  24043. .ui.pink.elastic.loading.loading.loading .input > i.icon:before,
  24044. .ui.pink.elastic.loading.loading.loading.loading > i.icon:before,
  24045. .ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,
  24046. .ui.pink.loading.loading.loading.loading .input > i.icon:after,
  24047. .ui.pink.loading.loading.loading.loading > i.icon:after,
  24048. .ui.pink.loader.loader.loader:after {
  24049. color: #E03997;
  24050. }
  24051. .ui.inverted.pink.elastic.loader:before,
  24052. .ui.inverted.pink.elastic.loading.loading.loading:not(.segment):before,
  24053. .ui.inverted.pink.elastic.loading.loading.loading .input > i.icon:before,
  24054. .ui.inverted.pink.elastic.loading.loading.loading > i.icon:before,
  24055. .ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,
  24056. .ui.inverted.pink.loading.loading.loading.loading .input > i.icon:after,
  24057. .ui.inverted.pink.loading.loading.loading.loading > i.icon:after,
  24058. .ui.inverted.pink.loader.loader.loader:after {
  24059. color: #FF8EDF;
  24060. }
  24061. .ui.brown.elastic.loader.loader:before,
  24062. .ui.brown.basic.elastic.loading.button:before,
  24063. .ui.brown.basic.elastic.loading.button:after,
  24064. .ui.brown.elastic.loading.loading.loading:not(.segment):before,
  24065. .ui.brown.elastic.loading.loading.loading .input > i.icon:before,
  24066. .ui.brown.elastic.loading.loading.loading.loading > i.icon:before,
  24067. .ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,
  24068. .ui.brown.loading.loading.loading.loading .input > i.icon:after,
  24069. .ui.brown.loading.loading.loading.loading > i.icon:after,
  24070. .ui.brown.loader.loader.loader:after {
  24071. color: #A5673F;
  24072. }
  24073. .ui.inverted.brown.elastic.loader:before,
  24074. .ui.inverted.brown.elastic.loading.loading.loading:not(.segment):before,
  24075. .ui.inverted.brown.elastic.loading.loading.loading .input > i.icon:before,
  24076. .ui.inverted.brown.elastic.loading.loading.loading > i.icon:before,
  24077. .ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,
  24078. .ui.inverted.brown.loading.loading.loading.loading .input > i.icon:after,
  24079. .ui.inverted.brown.loading.loading.loading.loading > i.icon:after,
  24080. .ui.inverted.brown.loader.loader.loader:after {
  24081. color: #D67C1C;
  24082. }
  24083. .ui.grey.elastic.loader.loader:before,
  24084. .ui.grey.basic.elastic.loading.button:before,
  24085. .ui.grey.basic.elastic.loading.button:after,
  24086. .ui.grey.elastic.loading.loading.loading:not(.segment):before,
  24087. .ui.grey.elastic.loading.loading.loading .input > i.icon:before,
  24088. .ui.grey.elastic.loading.loading.loading.loading > i.icon:before,
  24089. .ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,
  24090. .ui.grey.loading.loading.loading.loading .input > i.icon:after,
  24091. .ui.grey.loading.loading.loading.loading > i.icon:after,
  24092. .ui.grey.loader.loader.loader:after {
  24093. color: #767676;
  24094. }
  24095. .ui.inverted.grey.elastic.loader:before,
  24096. .ui.inverted.grey.elastic.loading.loading.loading:not(.segment):before,
  24097. .ui.inverted.grey.elastic.loading.loading.loading .input > i.icon:before,
  24098. .ui.inverted.grey.elastic.loading.loading.loading > i.icon:before,
  24099. .ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,
  24100. .ui.inverted.grey.loading.loading.loading.loading .input > i.icon:after,
  24101. .ui.inverted.grey.loading.loading.loading.loading > i.icon:after,
  24102. .ui.inverted.grey.loader.loader.loader:after {
  24103. color: #DCDDDE;
  24104. }
  24105. .ui.black.elastic.loader.loader:before,
  24106. .ui.black.basic.elastic.loading.button:before,
  24107. .ui.black.basic.elastic.loading.button:after,
  24108. .ui.black.elastic.loading.loading.loading:not(.segment):before,
  24109. .ui.black.elastic.loading.loading.loading .input > i.icon:before,
  24110. .ui.black.elastic.loading.loading.loading.loading > i.icon:before,
  24111. .ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,
  24112. .ui.black.loading.loading.loading.loading .input > i.icon:after,
  24113. .ui.black.loading.loading.loading.loading > i.icon:after,
  24114. .ui.black.loader.loader.loader:after {
  24115. color: #1B1C1D;
  24116. }
  24117. .ui.inverted.black.elastic.loader:before,
  24118. .ui.inverted.black.elastic.loading.loading.loading:not(.segment):before,
  24119. .ui.inverted.black.elastic.loading.loading.loading .input > i.icon:before,
  24120. .ui.inverted.black.elastic.loading.loading.loading > i.icon:before,
  24121. .ui.inverted.black.loading.loading.loading.loading:not(.usual):after,
  24122. .ui.inverted.black.loading.loading.loading.loading .input > i.icon:after,
  24123. .ui.inverted.black.loading.loading.loading.loading > i.icon:after,
  24124. .ui.inverted.black.loader.loader.loader:after {
  24125. color: #545454;
  24126. }
  24127. .ui.elastic.loader.loader:before,
  24128. .ui.elastic.loading.loading.loading:before,
  24129. .ui.elastic.loading.loading.loading .input > i.icon:before,
  24130. .ui.elastic.loading.loading.loading > i.icon:before,
  24131. .ui.loading.loading.loading.loading:not(.usual):after,
  24132. .ui.loading.loading.loading.loading .input > i.icon:after,
  24133. .ui.loading.loading.loading.loading > i.icon:after,
  24134. .ui.loader.loader.loader:after {
  24135. border-color: currentColor;
  24136. }
  24137. .ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before {
  24138. color: #FFFFFF;
  24139. }
  24140. .ui.elastic.basic.loading.button:before,
  24141. .ui.elastic.basic.loading.button:after {
  24142. color: #767676;
  24143. }
  24144. .ui.double.loading.loading.loading.loading.button:after {
  24145. border-bottom-color: currentColor;
  24146. }
  24147. /*-------------------
  24148. Inline
  24149. --------------------*/
  24150. .ui.inline.loader {
  24151. position: relative;
  24152. vertical-align: middle;
  24153. margin: 0;
  24154. left: 0;
  24155. top: 0;
  24156. transform: none;
  24157. }
  24158. .ui.inline.loader.active,
  24159. .ui.inline.loader.visible {
  24160. display: inline-block;
  24161. }
  24162. /* Centered Inline */
  24163. .ui.centered.inline.loader.active,
  24164. .ui.centered.inline.loader.visible {
  24165. display: block;
  24166. margin-left: auto;
  24167. margin-right: auto;
  24168. }
  24169. .ui.loading.loading.loading.loading.loading.loading:after,
  24170. .ui.loading.loading.loading.loading.loading.loading .input > i.icon:after,
  24171. .ui.loading.loading.loading.loading.loading.loading > i.icon:after,
  24172. .ui.loader.loader.loader.loader.loader:after {
  24173. border-left-color: transparent;
  24174. border-right-color: transparent;
  24175. }
  24176. .ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,
  24177. .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after,
  24178. .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after,
  24179. .ui.loader.loader.loader.loader.loader.loader:not(.double):after {
  24180. border-bottom-color: transparent;
  24181. }
  24182. .ui.loading.loading.loading.loading.loading.loading.segment:after,
  24183. .ui.loading.loading.loading.loading.loading.loading.form:after {
  24184. border-left-color: rgba(0, 0, 0, 0.1);
  24185. border-right-color: rgba(0, 0, 0, 0.1);
  24186. }
  24187. .ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
  24188. .ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
  24189. border-bottom-color: rgba(0, 0, 0, 0.1);
  24190. }
  24191. /*-------------------
  24192. Elastic
  24193. --------------------*/
  24194. .ui.dimmer > .ui.elastic.loader {
  24195. color: #FFFFFF;
  24196. }
  24197. .ui.inverted.dimmer > .ui.elastic.loader {
  24198. color: #767676;
  24199. }
  24200. .ui.elastic.loading.loading:not(.form):not(.segment):after,
  24201. .ui.elastic.loading.loading .input > i.icon:after,
  24202. .ui.elastic.loading.loading > i.icon:after,
  24203. .ui.elastic.loader.loader:after {
  24204. -webkit-animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  24205. animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  24206. -webkit-animation-delay: 0.3s;
  24207. animation-delay: 0.3s;
  24208. }
  24209. .ui.elastic.loading.loading.loading:not(.form):not(.segment):before,
  24210. .ui.elastic.loading.loading.loading .input > i.icon:before,
  24211. .ui.elastic.loading.loading.loading > i.icon:before,
  24212. .ui.elastic.loader.loader:before {
  24213. -webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  24214. animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  24215. -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  24216. border-right-color: transparent;
  24217. }
  24218. .ui.elastic.inline.loader:empty {
  24219. -webkit-animation: loader 8s infinite linear;
  24220. animation: loader 8s infinite linear;
  24221. }
  24222. .ui.slow.elastic.loading.loading:not(.form):not(.segment):after,
  24223. .ui.slow.elastic.loading.loading .input > i.icon:after,
  24224. .ui.slow.elastic.loading.loading > i.icon:after,
  24225. .ui.slow.elastic.loader.loader:after {
  24226. -webkit-animation-duration: 1.5s;
  24227. animation-duration: 1.5s;
  24228. -webkit-animation-delay: 0.45s;
  24229. animation-delay: 0.45s;
  24230. }
  24231. .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before,
  24232. .ui.slow.elastic.loading.loading.loading .input > i.icon:before,
  24233. .ui.slow.elastic.loading.loading.loading > i.icon:before,
  24234. .ui.slow.elastic.loader.loader:before {
  24235. -webkit-animation-duration: 1.5s;
  24236. animation-duration: 1.5s;
  24237. }
  24238. .ui.fast.elastic.loading.loading:not(.form):not(.segment):after,
  24239. .ui.fast.elastic.loading.loading .input > i.icon:after,
  24240. .ui.fast.elastic.loading.loading > i.icon:after,
  24241. .ui.fast.elastic.loader.loader:after {
  24242. -webkit-animation-duration: 0.66s;
  24243. animation-duration: 0.66s;
  24244. -webkit-animation-delay: 0.2s;
  24245. animation-delay: 0.2s;
  24246. }
  24247. .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before,
  24248. .ui.fast.elastic.loading.loading.loading .input > i.icon:before,
  24249. .ui.fast.elastic.loading.loading.loading > i.icon:before,
  24250. .ui.fast.elastic.loader.loader:before {
  24251. -webkit-animation-duration: 0.66s;
  24252. animation-duration: 0.66s;
  24253. }
  24254. @-webkit-keyframes elastic-loader {
  24255. 0%, 1% {
  24256. border-left-color: transparent;
  24257. border-bottom-color: transparent;
  24258. }
  24259. 1.1%, 50% {
  24260. border-left-color: inherit;
  24261. }
  24262. 10%, 35.1% {
  24263. border-bottom-color: transparent;
  24264. }
  24265. 10.1%, 35% {
  24266. border-bottom-color: inherit;
  24267. }
  24268. 50.1% {
  24269. border-left-color: transparent;
  24270. }
  24271. 100% {
  24272. border-left-color: transparent;
  24273. border-bottom-color: transparent;
  24274. transform: rotate(360deg);
  24275. }
  24276. }
  24277. @keyframes elastic-loader {
  24278. 0%, 1% {
  24279. border-left-color: transparent;
  24280. border-bottom-color: transparent;
  24281. }
  24282. 1.1%, 50% {
  24283. border-left-color: inherit;
  24284. }
  24285. 10%, 35.1% {
  24286. border-bottom-color: transparent;
  24287. }
  24288. 10.1%, 35% {
  24289. border-bottom-color: inherit;
  24290. }
  24291. 50.1% {
  24292. border-left-color: transparent;
  24293. }
  24294. 100% {
  24295. border-left-color: transparent;
  24296. border-bottom-color: transparent;
  24297. transform: rotate(360deg);
  24298. }
  24299. }
  24300. @-webkit-keyframes currentcolor-elastic-loader {
  24301. 0%, 1% {
  24302. border-left-color: transparent;
  24303. border-bottom-color: transparent;
  24304. }
  24305. 1.1%, 50% {
  24306. border-left-color: currentColor;
  24307. }
  24308. 10%, 35.1% {
  24309. border-bottom-color: transparent;
  24310. }
  24311. 10.1%, 35% {
  24312. border-bottom-color: currentColor;
  24313. }
  24314. 50.1% {
  24315. border-left-color: transparent;
  24316. }
  24317. 100% {
  24318. border-left-color: transparent;
  24319. border-bottom-color: transparent;
  24320. transform: rotate(360deg);
  24321. }
  24322. }
  24323. @keyframes currentcolor-elastic-loader {
  24324. 0%, 1% {
  24325. border-left-color: transparent;
  24326. border-bottom-color: transparent;
  24327. }
  24328. 1.1%, 50% {
  24329. border-left-color: currentColor;
  24330. }
  24331. 10%, 35.1% {
  24332. border-bottom-color: transparent;
  24333. }
  24334. 10.1%, 35% {
  24335. border-bottom-color: currentColor;
  24336. }
  24337. 50.1% {
  24338. border-left-color: transparent;
  24339. }
  24340. 100% {
  24341. border-left-color: transparent;
  24342. border-bottom-color: transparent;
  24343. transform: rotate(360deg);
  24344. }
  24345. }
  24346. /*******************************
  24347. Theme Overrides
  24348. *******************************/
  24349. /*******************************
  24350. Site Overrides
  24351. *******************************/
  24352. /*
  24353. * # Fomantic - Menu
  24354. * http://github.com/fomantic/Fomantic-UI/
  24355. *
  24356. *
  24357. * Copyright 2015 Contributor
  24358. * Released under the MIT license
  24359. * http://opensource.org/licenses/MIT
  24360. *
  24361. */
  24362. /*******************************
  24363. Standard
  24364. *******************************/
  24365. /*--------------
  24366. Menu
  24367. ---------------*/
  24368. .ui.menu {
  24369. display: flex;
  24370. margin: 1rem 0;
  24371. font-family: var(--fonts-regular);
  24372. background: #FFFFFF;
  24373. font-weight: normal;
  24374. border: 1px solid rgba(34, 36, 38, 0.15);
  24375. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  24376. border-radius: 0.28571429rem;
  24377. min-height: 2.85714286em;
  24378. }
  24379. .ui.menu:after {
  24380. content: '';
  24381. display: block;
  24382. height: 0;
  24383. clear: both;
  24384. visibility: hidden;
  24385. }
  24386. .ui.menu:first-child {
  24387. margin-top: 0;
  24388. }
  24389. .ui.menu:last-child {
  24390. margin-bottom: 0;
  24391. }
  24392. /*--------------
  24393. Sub-Menu
  24394. ---------------*/
  24395. .ui.menu .menu {
  24396. margin: 0;
  24397. }
  24398. .ui.menu:not(.vertical) > .menu {
  24399. display: flex;
  24400. }
  24401. /*--------------
  24402. Item
  24403. ---------------*/
  24404. .ui.menu:not(.vertical) .item {
  24405. display: flex;
  24406. align-items: center;
  24407. }
  24408. .ui.menu .item {
  24409. position: relative;
  24410. vertical-align: middle;
  24411. line-height: 1;
  24412. text-decoration: none;
  24413. -webkit-tap-highlight-color: transparent;
  24414. flex: 0 0 auto;
  24415. -webkit-user-select: none;
  24416. -moz-user-select: none;
  24417. user-select: none;
  24418. background: none;
  24419. padding: 0.92857143em 1.14285714em;
  24420. text-transform: none;
  24421. color: rgba(0, 0, 0, 0.87);
  24422. font-weight: normal;
  24423. transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  24424. }
  24425. .ui.menu > .item:first-child {
  24426. border-radius: 0.28571429rem 0 0 0.28571429rem;
  24427. }
  24428. /* Border */
  24429. .ui.menu .item:before {
  24430. position: absolute;
  24431. content: '';
  24432. top: 0;
  24433. right: 0;
  24434. height: 100%;
  24435. width: 1px;
  24436. background: rgba(34, 36, 38, 0.1);
  24437. }
  24438. /*--------------
  24439. Text Content
  24440. ---------------*/
  24441. .ui.menu .text.item > *,
  24442. .ui.menu .item > a:not(.ui),
  24443. .ui.menu .item > p:only-child {
  24444. -webkit-user-select: text;
  24445. -moz-user-select: text;
  24446. user-select: text;
  24447. line-height: 1.3;
  24448. }
  24449. .ui.menu .item > p:first-child {
  24450. margin-top: 0;
  24451. }
  24452. .ui.menu .item > p:last-child {
  24453. margin-bottom: 0;
  24454. }
  24455. /*--------------
  24456. Icons
  24457. ---------------*/
  24458. .ui.menu .item > i.icon {
  24459. opacity: 0.9;
  24460. float: none;
  24461. margin: 0 0.35714286em 0 0;
  24462. }
  24463. /*--------------
  24464. Button
  24465. ---------------*/
  24466. .ui.menu:not(.vertical) .item > .button {
  24467. position: relative;
  24468. top: 0;
  24469. margin: -0.5em 0;
  24470. padding-bottom: 0.78571429em;
  24471. padding-top: 0.78571429em;
  24472. font-size: 1em;
  24473. }
  24474. /*----------------
  24475. Grid / Container
  24476. -----------------*/
  24477. .ui.menu > .grid,
  24478. .ui.menu > .container {
  24479. display: flex;
  24480. align-items: inherit;
  24481. flex-direction: inherit;
  24482. }
  24483. /*--------------
  24484. Inputs
  24485. ---------------*/
  24486. .ui.menu .item > .input {
  24487. width: 100%;
  24488. }
  24489. .ui.menu:not(.vertical) .item > .input {
  24490. position: relative;
  24491. top: 0;
  24492. margin: -0.5em 0;
  24493. }
  24494. .ui.menu .item > .input input {
  24495. font-size: 1em;
  24496. padding-top: 0.57142857em;
  24497. padding-bottom: 0.57142857em;
  24498. }
  24499. /*--------------
  24500. Header
  24501. ---------------*/
  24502. .ui.menu .header.item,
  24503. .ui.vertical.menu .header.item {
  24504. margin: 0;
  24505. background: '';
  24506. text-transform: normal;
  24507. font-weight: 500;
  24508. }
  24509. .ui.vertical.menu .item > .header:not(.ui) {
  24510. margin: 0 0 0.5em;
  24511. font-size: 1em;
  24512. font-weight: 500;
  24513. }
  24514. /*--------------
  24515. Dropdowns
  24516. ---------------*/
  24517. /* Dropdown Icon */
  24518. .ui.menu .item > i.dropdown.icon {
  24519. padding: 0;
  24520. float: right;
  24521. margin: 0 0 0 1em;
  24522. }
  24523. /* Menu */
  24524. .ui.menu .dropdown.item .menu {
  24525. min-width: calc(100% - 1px);
  24526. border-radius: 0 0 0.28571429rem 0.28571429rem;
  24527. background: #FFFFFF;
  24528. margin: 0 0 0;
  24529. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  24530. flex-direction: column !important;
  24531. }
  24532. /* Menu Items */
  24533. .ui.menu .ui.dropdown .menu > .item {
  24534. margin: 0;
  24535. text-align: left;
  24536. font-size: 1em !important;
  24537. padding: 0.78571429em 1.14285714em !important;
  24538. background: transparent !important;
  24539. color: rgba(0, 0, 0, 0.87) !important;
  24540. text-transform: none !important;
  24541. font-weight: normal !important;
  24542. box-shadow: none !important;
  24543. transition: none !important;
  24544. }
  24545. .ui.menu .ui.dropdown .menu > .item:hover {
  24546. background: rgba(0, 0, 0, 0.05) !important;
  24547. color: rgba(0, 0, 0, 0.95) !important;
  24548. }
  24549. .ui.menu .ui.dropdown .menu > .selected.item {
  24550. background: rgba(0, 0, 0, 0.05) !important;
  24551. color: rgba(0, 0, 0, 0.95) !important;
  24552. }
  24553. .ui.menu .ui.dropdown .menu > .active.item {
  24554. background: rgba(0, 0, 0, 0.03) !important;
  24555. font-weight: 500 !important;
  24556. color: rgba(0, 0, 0, 0.95) !important;
  24557. }
  24558. .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
  24559. display: block;
  24560. }
  24561. .ui.menu .ui.dropdown .menu > .item > .icons,
  24562. .ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) {
  24563. display: inline-block;
  24564. font-size: 1em !important;
  24565. float: none;
  24566. margin: 0 0.75em 0 0 !important;
  24567. }
  24568. /* Secondary */
  24569. .ui.secondary.menu .dropdown.item > .menu,
  24570. .ui.text.menu .dropdown.item > .menu {
  24571. border-radius: 0.28571429rem;
  24572. margin-top: 0.35714286em;
  24573. }
  24574. /* Pointing */
  24575. .ui.menu .pointing.dropdown.item .menu {
  24576. margin-top: 0.75em;
  24577. }
  24578. /* Inverted */
  24579. .ui.inverted.menu .search.dropdown.item > .search,
  24580. .ui.inverted.menu .search.dropdown.item > .text {
  24581. color: rgba(255, 255, 255, 0.9);
  24582. }
  24583. /* Vertical */
  24584. .ui.vertical.menu .dropdown.item > i.icon {
  24585. float: right;
  24586. content: "\f0da";
  24587. margin-left: 1em;
  24588. }
  24589. .ui.vertical.menu .dropdown.item .menu {
  24590. left: 100%;
  24591. /* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
  24592. min-width: 0;
  24593. min-width: -webkit-max-content;
  24594. min-width: -moz-max-content;
  24595. min-width: max-content;
  24596. margin: 0 0 0 0;
  24597. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  24598. border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
  24599. }
  24600. .ui.vertical.menu .dropdown.item.upward .menu {
  24601. bottom: 0;
  24602. }
  24603. .ui.vertical.menu .dropdown.item:not(.upward) .menu {
  24604. top: 0;
  24605. }
  24606. .ui.vertical.menu .active.dropdown.item {
  24607. border-top-right-radius: 0;
  24608. border-bottom-right-radius: 0;
  24609. }
  24610. .ui.vertical.menu .dropdown.active.item {
  24611. box-shadow: none;
  24612. }
  24613. /* Evenly Divided */
  24614. .ui.item.menu .dropdown .menu .item {
  24615. width: 100%;
  24616. }
  24617. /*--------------
  24618. Labels
  24619. ---------------*/
  24620. .ui.menu .item > .label:not(.floating) {
  24621. margin-left: 1em;
  24622. padding: 0.3em 0.78571429em;
  24623. }
  24624. .ui.vertical.menu .item > .label {
  24625. margin-top: -0.15em;
  24626. margin-bottom: -0.15em;
  24627. padding: 0.3em 0.78571429em;
  24628. }
  24629. .ui.menu .item > .floating.label {
  24630. padding: 0.3em 0.78571429em;
  24631. }
  24632. .ui.menu .item > .label {
  24633. background: #999999;
  24634. color: #FFFFFF;
  24635. }
  24636. .ui.menu .item > .image.label img {
  24637. margin: -0.2833em 0.8em -0.2833em -0.8em;
  24638. height: 1.5666em;
  24639. }
  24640. /*--------------
  24641. Images
  24642. ---------------*/
  24643. .ui.menu .item > img:not(.ui) {
  24644. display: inline-block;
  24645. vertical-align: middle;
  24646. margin: -0.3em 0;
  24647. width: 2.5em;
  24648. }
  24649. .ui.vertical.menu .item > img:not(.ui):only-child {
  24650. display: block;
  24651. max-width: 100%;
  24652. width: auto;
  24653. }
  24654. /*******************************
  24655. Coupling
  24656. *******************************/
  24657. /*--------------
  24658. List
  24659. ---------------*/
  24660. /* Menu divider shouldnt apply */
  24661. .ui.menu .list .item:before {
  24662. background: none !important;
  24663. }
  24664. /*--------------
  24665. Sidebar
  24666. ---------------*/
  24667. /* Show vertical dividers below last */
  24668. .ui.vertical.sidebar.menu > .item:first-child:before {
  24669. display: block !important;
  24670. }
  24671. .ui.vertical.sidebar.menu > .item::before {
  24672. top: auto;
  24673. bottom: 0;
  24674. }
  24675. /*--------------
  24676. Container
  24677. ---------------*/
  24678. @media only screen and (max-width: 767.98px) {
  24679. .ui.menu > .ui.container {
  24680. width: 100% !important;
  24681. margin-left: 0 !important;
  24682. margin-right: 0 !important;
  24683. }
  24684. }
  24685. @media only screen and (min-width: 768px) {
  24686. .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
  24687. border-left: 1px solid rgba(34, 36, 38, 0.1);
  24688. }
  24689. .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.item:not(.borderless):last-child,
  24690. .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.menu > .item:not(.borderless):last-child {
  24691. border-right: 1px solid rgba(34, 36, 38, 0.1);
  24692. }
  24693. }
  24694. /*******************************
  24695. States
  24696. *******************************/
  24697. /*--------------
  24698. Hover
  24699. ---------------*/
  24700. .ui.link.menu .item:hover,
  24701. .ui.menu .dropdown.item:hover,
  24702. .ui.menu .link.item:hover,
  24703. .ui.menu a.item:hover {
  24704. cursor: pointer;
  24705. background: rgba(0, 0, 0, 0.03);
  24706. color: rgba(0, 0, 0, 0.95);
  24707. }
  24708. /*--------------
  24709. Pressed
  24710. ---------------*/
  24711. .ui.link.menu .item:active,
  24712. .ui.menu .link.item:active,
  24713. .ui.menu a.item:active {
  24714. background: rgba(0, 0, 0, 0.03);
  24715. color: rgba(0, 0, 0, 0.95);
  24716. }
  24717. /*--------------
  24718. Active
  24719. ---------------*/
  24720. .ui.menu .active.item {
  24721. background: rgba(0, 0, 0, 0.05);
  24722. color: rgba(0, 0, 0, 0.95);
  24723. font-weight: normal;
  24724. box-shadow: none;
  24725. }
  24726. .ui.menu .active.item > i.icon {
  24727. opacity: 1;
  24728. }
  24729. /*--------------
  24730. Active Hover
  24731. ---------------*/
  24732. .ui.menu .active.item:hover,
  24733. .ui.vertical.menu .active.item:hover {
  24734. background-color: rgba(0, 0, 0, 0.05);
  24735. color: rgba(0, 0, 0, 0.95);
  24736. }
  24737. /*--------------
  24738. Disabled
  24739. ---------------*/
  24740. .ui.ui.menu .item.disabled {
  24741. cursor: default;
  24742. background-color: transparent;
  24743. color: rgba(40, 40, 40, 0.3);
  24744. pointer-events: none;
  24745. }
  24746. /*******************************
  24747. Types
  24748. *******************************/
  24749. /*------------------
  24750. Floated Menu / Item
  24751. -------------------*/
  24752. /* Left Floated */
  24753. .ui.menu:not(.vertical) .left.item,
  24754. .ui.menu:not(.vertical) .left.menu {
  24755. display: flex;
  24756. margin-right: auto !important;
  24757. }
  24758. /* Right Floated */
  24759. .ui.menu:not(.vertical) .right.item,
  24760. .ui.menu:not(.vertical) .right.menu {
  24761. display: flex;
  24762. margin-left: auto !important;
  24763. }
  24764. .ui.menu:not(.vertical) :not(.dropdown) > .left.menu,
  24765. .ui.menu:not(.vertical) :not(.dropdown) > .right.menu {
  24766. display: inherit;
  24767. }
  24768. /* Center */
  24769. .ui.menu:not(.vertical) .center.item,
  24770. .ui.menu:not(.vertical) .center.menu {
  24771. display: flex;
  24772. margin-left: auto !important;
  24773. margin-right: auto !important;
  24774. }
  24775. /* Swapped Borders */
  24776. .ui.menu .right.item::before,
  24777. .ui.menu .right.menu > .item::before {
  24778. right: auto;
  24779. left: 0;
  24780. }
  24781. /* Remove Outer Borders */
  24782. .ui.menu .center.item:last-child::before,
  24783. .ui.menu .center.menu > .item:last-child::before {
  24784. display: none;
  24785. }
  24786. /*--------------
  24787. Vertical
  24788. ---------------*/
  24789. .ui.vertical.menu {
  24790. display: block;
  24791. flex-direction: column;
  24792. background: #FFFFFF;
  24793. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  24794. }
  24795. /*--- Item ---*/
  24796. .ui.vertical.menu .item {
  24797. display: block;
  24798. background: none;
  24799. border-top: none;
  24800. border-right: none;
  24801. }
  24802. .ui.vertical.menu > .item:first-child {
  24803. border-radius: 0.28571429rem 0.28571429rem 0 0;
  24804. }
  24805. .ui.vertical.menu > .item:last-child {
  24806. border-radius: 0 0 0.28571429rem 0.28571429rem;
  24807. }
  24808. /*--- Label ---*/
  24809. .ui.vertical.menu .item > .label {
  24810. float: right;
  24811. text-align: center;
  24812. }
  24813. /*--- Icon ---*/
  24814. .ui.vertical.menu .item > i.icon,
  24815. .ui.vertical.menu .item > i.icons {
  24816. width: 1.18em;
  24817. float: right;
  24818. margin: 0 0 0 0.5em;
  24819. }
  24820. .ui.vertical.menu .item > .label + i.icon {
  24821. float: none;
  24822. margin: 0 0.5em 0 0;
  24823. }
  24824. /*--- Border ---*/
  24825. .ui.vertical.menu .item:before {
  24826. position: absolute;
  24827. content: '';
  24828. top: 0;
  24829. left: 0;
  24830. width: 100%;
  24831. height: 1px;
  24832. background: rgba(34, 36, 38, 0.1);
  24833. }
  24834. .ui.vertical.menu .item:first-child:before {
  24835. display: none !important;
  24836. }
  24837. /*--- Sub Menu ---*/
  24838. .ui.vertical.menu .item > .menu {
  24839. margin: 0.5em -1.14285714em 0;
  24840. }
  24841. .ui.vertical.menu .menu .item {
  24842. background: none;
  24843. padding: 0.5em 1.33333333em;
  24844. font-size: 0.85714286em;
  24845. color: rgba(0, 0, 0, 0.5);
  24846. }
  24847. .ui.vertical.menu .item .menu a.item:hover,
  24848. .ui.vertical.menu .item .menu .link.item:hover {
  24849. color: rgba(0, 0, 0, 0.85);
  24850. }
  24851. .ui.vertical.menu .menu .item:before {
  24852. display: none;
  24853. }
  24854. /* Vertical Active */
  24855. .ui.vertical.menu .active.item {
  24856. background: rgba(0, 0, 0, 0.05);
  24857. border-radius: 0;
  24858. box-shadow: none;
  24859. }
  24860. .ui.vertical.menu > .active.item:first-child {
  24861. border-radius: 0.28571429rem 0.28571429rem 0 0;
  24862. }
  24863. .ui.vertical.menu > .active.item:last-child {
  24864. border-radius: 0 0 0.28571429rem 0.28571429rem;
  24865. }
  24866. .ui.vertical.menu > .active.item:only-child {
  24867. border-radius: 0.28571429rem;
  24868. }
  24869. .ui.vertical.menu .active.item .menu .active.item {
  24870. border-left: none;
  24871. }
  24872. .ui.vertical.menu .item .menu .active.item {
  24873. background-color: transparent;
  24874. font-weight: 500;
  24875. color: rgba(0, 0, 0, 0.95);
  24876. }
  24877. /*--------------
  24878. Tabular
  24879. ---------------*/
  24880. .ui.tabular.menu {
  24881. border-radius: 0;
  24882. box-shadow: none !important;
  24883. border: none;
  24884. background: none transparent;
  24885. border-bottom: 1px solid #D4D4D5;
  24886. }
  24887. .ui.tabular.fluid.menu {
  24888. width: calc(100% + 2px) !important;
  24889. }
  24890. .ui.tabular.menu .item {
  24891. background: transparent;
  24892. border-bottom: none;
  24893. border-left: 1px solid transparent;
  24894. border-right: 1px solid transparent;
  24895. border-top: 2px solid transparent;
  24896. padding: 0.92857143em 1.42857143em;
  24897. color: rgba(0, 0, 0, 0.87);
  24898. }
  24899. .ui.tabular.menu .item:before {
  24900. display: none;
  24901. }
  24902. /* Hover */
  24903. .ui.tabular.menu .item:hover {
  24904. background-color: transparent;
  24905. color: rgba(0, 0, 0, 0.8);
  24906. }
  24907. /* Active */
  24908. .ui.tabular.menu .active.item {
  24909. background: none #FFFFFF;
  24910. color: rgba(0, 0, 0, 0.95);
  24911. border-top-width: 1px;
  24912. border-color: #D4D4D5;
  24913. font-weight: 500;
  24914. margin-bottom: -1px;
  24915. box-shadow: none;
  24916. border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
  24917. }
  24918. /* Coupling with segment for attachment */
  24919. .ui.tabular.menu + .attached:not(.top).segment,
  24920. .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
  24921. border-top: none;
  24922. margin-left: 0;
  24923. margin-top: 0;
  24924. margin-right: 0;
  24925. width: 100%;
  24926. }
  24927. .top.attached.segment + .ui.bottom.tabular.menu {
  24928. position: relative;
  24929. width: calc(100% + 2px);
  24930. left: -1px;
  24931. }
  24932. /* Bottom Vertical Tabular */
  24933. .ui.bottom.tabular.menu {
  24934. background: none transparent;
  24935. border-radius: 0;
  24936. box-shadow: none !important;
  24937. border-bottom: none;
  24938. border-top: 1px solid #D4D4D5;
  24939. }
  24940. .ui.bottom.tabular.menu .item {
  24941. background: none;
  24942. border-left: 1px solid transparent;
  24943. border-right: 1px solid transparent;
  24944. border-bottom: 1px solid transparent;
  24945. border-top: none;
  24946. }
  24947. .ui.bottom.tabular.menu .active.item {
  24948. background: none #FFFFFF;
  24949. color: rgba(0, 0, 0, 0.95);
  24950. border-color: #D4D4D5;
  24951. margin: -1px 0 0 0;
  24952. border-radius: 0 0 0.28571429rem 0.28571429rem !important;
  24953. }
  24954. /* Vertical Tabular (Left) */
  24955. .ui.vertical.tabular.menu {
  24956. background: none transparent;
  24957. border-radius: 0;
  24958. box-shadow: none !important;
  24959. border-bottom: none;
  24960. border-right: 1px solid #D4D4D5;
  24961. }
  24962. .ui.vertical.tabular.menu .item {
  24963. background: none;
  24964. border-left: 1px solid transparent;
  24965. border-bottom: 1px solid transparent;
  24966. border-top: 1px solid transparent;
  24967. border-right: none;
  24968. }
  24969. .ui.vertical.tabular.menu .active.item {
  24970. background: none #FFFFFF;
  24971. color: rgba(0, 0, 0, 0.95);
  24972. border-color: #D4D4D5;
  24973. margin: 0 -1px 0 0;
  24974. border-radius: 0.28571429rem 0 0 0.28571429rem !important;
  24975. }
  24976. /* Vertical Right Tabular */
  24977. .ui.vertical.right.tabular.menu {
  24978. background: none transparent;
  24979. border-radius: 0;
  24980. box-shadow: none !important;
  24981. border-bottom: none;
  24982. border-right: none;
  24983. border-left: 1px solid #D4D4D5;
  24984. }
  24985. .ui.vertical.right.tabular.menu .item {
  24986. background: none;
  24987. border-right: 1px solid transparent;
  24988. border-bottom: 1px solid transparent;
  24989. border-top: 1px solid transparent;
  24990. border-left: none;
  24991. }
  24992. .ui.vertical.right.tabular.menu .active.item {
  24993. background: none #FFFFFF;
  24994. color: rgba(0, 0, 0, 0.95);
  24995. border-color: #D4D4D5;
  24996. margin: 0 0 0 -1px;
  24997. border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
  24998. }
  24999. /* Dropdown */
  25000. .ui.tabular.menu .active.dropdown.item {
  25001. margin-bottom: 0;
  25002. border-left: 1px solid transparent;
  25003. border-right: 1px solid transparent;
  25004. border-top: 2px solid transparent;
  25005. border-bottom: none;
  25006. }
  25007. /*--------------
  25008. Pagination
  25009. ---------------*/
  25010. .ui.pagination.menu {
  25011. margin: 0;
  25012. display: inline-flex;
  25013. vertical-align: middle;
  25014. }
  25015. .ui.pagination.menu .item:last-child {
  25016. border-radius: 0 0.28571429rem 0.28571429rem 0;
  25017. }
  25018. .ui.compact.menu .item:last-child {
  25019. border-radius: 0 0.28571429rem 0.28571429rem 0;
  25020. }
  25021. .ui.pagination.menu .item:last-child:before {
  25022. display: none;
  25023. }
  25024. .ui.pagination.menu .item {
  25025. min-width: 3em;
  25026. text-align: center;
  25027. }
  25028. .ui.pagination.menu .icon.item i.icon {
  25029. vertical-align: top;
  25030. }
  25031. /* Active */
  25032. .ui.pagination.menu .active.item {
  25033. border-top: none;
  25034. padding-top: 0.92857143em;
  25035. background-color: rgba(0, 0, 0, 0.05);
  25036. color: rgba(0, 0, 0, 0.95);
  25037. box-shadow: none;
  25038. }
  25039. /*--------------
  25040. Secondary
  25041. ---------------*/
  25042. .ui.secondary.menu {
  25043. background: none;
  25044. margin-left: -0.35714286em;
  25045. margin-right: -0.35714286em;
  25046. border-radius: 0;
  25047. border: none;
  25048. box-shadow: none;
  25049. }
  25050. /* Item */
  25051. .ui.secondary.menu .item {
  25052. align-self: center;
  25053. box-shadow: none;
  25054. border: none;
  25055. padding: 0.78571429em 0.92857143em;
  25056. margin: 0 0.35714286em;
  25057. background: none;
  25058. transition: color 0.1s ease;
  25059. border-radius: 0.28571429rem;
  25060. }
  25061. /* No Divider */
  25062. .ui.secondary.menu .item:before {
  25063. display: none !important;
  25064. }
  25065. /* Header */
  25066. .ui.secondary.menu .header.item {
  25067. border-radius: 0;
  25068. border-right: none;
  25069. background: none transparent;
  25070. }
  25071. /* Image */
  25072. .ui.secondary.menu .item > img:not(.ui) {
  25073. margin: 0;
  25074. }
  25075. /* Hover */
  25076. .ui.secondary.menu .dropdown.item:hover,
  25077. .ui.secondary.menu .link.item:hover,
  25078. .ui.secondary.menu a.item:hover {
  25079. background: rgba(0, 0, 0, 0.05);
  25080. color: rgba(0, 0, 0, 0.95);
  25081. }
  25082. /* Active */
  25083. .ui.secondary.menu .active.item {
  25084. box-shadow: none;
  25085. background: rgba(0, 0, 0, 0.05);
  25086. color: rgba(0, 0, 0, 0.95);
  25087. border-radius: 0.28571429rem;
  25088. }
  25089. /* Active Hover */
  25090. .ui.secondary.menu .active.item:hover {
  25091. box-shadow: none;
  25092. background: rgba(0, 0, 0, 0.05);
  25093. color: rgba(0, 0, 0, 0.95);
  25094. }
  25095. /* Inverted */
  25096. .ui.secondary.inverted.menu .link.item:not(.disabled),
  25097. .ui.secondary.inverted.menu a.item:not(.disabled) {
  25098. color: rgba(255, 255, 255, 0.7);
  25099. }
  25100. .ui.secondary.inverted.menu .dropdown.item:hover,
  25101. .ui.secondary.inverted.menu .link.item:hover,
  25102. .ui.secondary.inverted.menu a.item:hover {
  25103. background: rgba(255, 255, 255, 0.08);
  25104. color: #ffffff;
  25105. }
  25106. .ui.secondary.inverted.menu .active.item {
  25107. background: rgba(255, 255, 255, 0.15);
  25108. color: #ffffff;
  25109. }
  25110. /* Fix item margins */
  25111. .ui.secondary.item.menu {
  25112. margin-left: 0;
  25113. margin-right: 0;
  25114. }
  25115. .ui.secondary.item.menu .item:last-child {
  25116. margin-right: 0;
  25117. }
  25118. .ui.secondary.attached.menu {
  25119. box-shadow: none;
  25120. }
  25121. /*---------------------
  25122. Secondary Vertical
  25123. -----------------------*/
  25124. /* Sub Menu */
  25125. .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
  25126. margin: 0 -0.92857143em;
  25127. }
  25128. .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  25129. margin: 0;
  25130. padding: 0.5em 1.33333333em;
  25131. }
  25132. .ui.secondary.vertical.menu > .item {
  25133. border: none;
  25134. margin: 0 0 0.35714286em;
  25135. border-radius: 0.28571429rem !important;
  25136. }
  25137. .ui.secondary.vertical.menu > .header.item {
  25138. border-radius: 0;
  25139. }
  25140. /* Sub Menu */
  25141. .ui.vertical.secondary.menu .item > .menu .item {
  25142. background-color: transparent;
  25143. }
  25144. /* Inverted */
  25145. .ui.secondary.inverted.menu {
  25146. background-color: transparent;
  25147. }
  25148. /*---------------------
  25149. Secondary Pointing
  25150. -----------------------*/
  25151. .ui.secondary.pointing.menu {
  25152. margin-left: 0;
  25153. margin-right: 0;
  25154. border-bottom: 2px solid rgba(34, 36, 38, 0.15);
  25155. }
  25156. .ui.secondary.pointing.menu .item {
  25157. border-bottom-color: transparent;
  25158. border-bottom-style: solid;
  25159. border-radius: 0;
  25160. align-self: flex-end;
  25161. margin: 0 0 -2px;
  25162. padding: 0.85714286em 1.14285714em;
  25163. border-bottom-width: 2px;
  25164. transition: color 0.1s ease;
  25165. }
  25166. .ui.secondary.pointing.menu .ui.dropdown .menu .item {
  25167. border-bottom-width: 0;
  25168. }
  25169. .ui.secondary.pointing.menu .item > .label:not(.floating) {
  25170. margin-top: -0.3em;
  25171. margin-bottom: -0.3em;
  25172. }
  25173. .ui.secondary.pointing.menu .item > .circular.label {
  25174. margin-top: -0.5em;
  25175. margin-bottom: -0.5em;
  25176. }
  25177. /* Item Types */
  25178. .ui.secondary.pointing.menu .header.item {
  25179. color: rgba(0, 0, 0, 0.85) !important;
  25180. }
  25181. .ui.secondary.pointing.menu .text.item {
  25182. box-shadow: none !important;
  25183. }
  25184. .ui.secondary.pointing.menu .item:after {
  25185. display: none;
  25186. }
  25187. /* Hover */
  25188. .ui.secondary.pointing.menu .dropdown.item:hover,
  25189. .ui.secondary.pointing.menu .link.item:hover,
  25190. .ui.secondary.pointing.menu a.item:hover {
  25191. background-color: transparent;
  25192. color: rgba(0, 0, 0, 0.87);
  25193. }
  25194. /* Pressed */
  25195. .ui.secondary.pointing.menu .dropdown.item:active,
  25196. .ui.secondary.pointing.menu .link.item:active,
  25197. .ui.secondary.pointing.menu a.item:active {
  25198. background-color: transparent;
  25199. border-color: rgba(34, 36, 38, 0.15);
  25200. }
  25201. /* Active */
  25202. .ui.secondary.pointing.menu .active.item {
  25203. background-color: transparent;
  25204. box-shadow: none;
  25205. border-color: currentColor;
  25206. font-weight: 500;
  25207. color: rgba(0, 0, 0, 0.95);
  25208. }
  25209. /* Active Hover */
  25210. .ui.secondary.pointing.menu .active.item:hover {
  25211. border-color: currentColor;
  25212. color: rgba(0, 0, 0, 0.95);
  25213. }
  25214. /* Active Dropdown */
  25215. .ui.secondary.pointing.menu .active.dropdown.item {
  25216. border-color: transparent;
  25217. }
  25218. /* Vertical Pointing */
  25219. .ui.secondary.vertical.pointing.menu {
  25220. border-bottom-width: 0;
  25221. border-right-width: 2px;
  25222. border-right-style: solid;
  25223. border-right-color: rgba(34, 36, 38, 0.15);
  25224. }
  25225. .ui.secondary.vertical.pointing.menu .item {
  25226. border-bottom: none;
  25227. border-right-style: solid;
  25228. border-right-color: transparent;
  25229. border-radius: 0 !important;
  25230. margin: 0 -2px 0 0;
  25231. border-right-width: 2px;
  25232. }
  25233. /* Vertical Active */
  25234. .ui.secondary.vertical.pointing.menu .active.item {
  25235. border-color: currentColor;
  25236. }
  25237. /* Inverted */
  25238. .ui.secondary.inverted.pointing.menu {
  25239. border-color: rgba(255, 255, 255, 0.1);
  25240. }
  25241. .ui.secondary.inverted.pointing.menu .item:not(.disabled) {
  25242. color: rgba(255, 255, 255, 0.9);
  25243. }
  25244. .ui.secondary.inverted.pointing.menu .header.item {
  25245. color: #FFFFFF !important;
  25246. }
  25247. /* Hover */
  25248. .ui.secondary.inverted.pointing.menu .link.item:hover,
  25249. .ui.secondary.inverted.pointing.menu a.item:hover {
  25250. color: #ffffff;
  25251. }
  25252. /* Active */
  25253. .ui.ui.secondary.inverted.pointing.menu .active.item {
  25254. border-color: #FFFFFF;
  25255. color: #ffffff;
  25256. background-color: transparent;
  25257. }
  25258. /*--------------
  25259. Text Menu
  25260. ---------------*/
  25261. .ui.text.menu {
  25262. background: none transparent;
  25263. border-radius: 0;
  25264. box-shadow: none;
  25265. border: none;
  25266. margin: 1em -0.5em;
  25267. }
  25268. .ui.text.menu .item {
  25269. border-radius: 0;
  25270. box-shadow: none;
  25271. align-self: center;
  25272. margin: 0 0;
  25273. padding: 0.35714286em 0.5em;
  25274. font-weight: normal;
  25275. color: rgba(0, 0, 0, 0.6);
  25276. transition: opacity 0.1s ease;
  25277. }
  25278. /* Border */
  25279. .ui.text.menu .item:before,
  25280. .ui.text.menu .menu .item:before {
  25281. display: none !important;
  25282. }
  25283. /* Header */
  25284. .ui.text.menu .header.item {
  25285. background-color: transparent;
  25286. opacity: 1;
  25287. color: rgba(0, 0, 0, 0.85);
  25288. font-size: 0.92857143em;
  25289. text-transform: uppercase;
  25290. font-weight: 500;
  25291. }
  25292. /* Image */
  25293. .ui.text.menu .item > img:not(.ui) {
  25294. margin: 0;
  25295. }
  25296. /*--- fluid text ---*/
  25297. .ui.text.item.menu .item {
  25298. margin: 0;
  25299. }
  25300. /*--- vertical text ---*/
  25301. .ui.vertical.text.menu {
  25302. margin: 1em 0;
  25303. }
  25304. .ui.vertical.text.menu:first-child {
  25305. margin-top: 0;
  25306. }
  25307. .ui.vertical.text.menu:last-child {
  25308. margin-bottom: 0;
  25309. }
  25310. .ui.vertical.text.menu .item {
  25311. margin: 0.57142857em 0;
  25312. padding-left: 0;
  25313. padding-right: 0;
  25314. }
  25315. .ui.vertical.text.menu .item > i.icon {
  25316. float: none;
  25317. margin: 0 0.35714286em 0 0;
  25318. }
  25319. .ui.vertical.text.menu .header.item {
  25320. margin: 0.57142857em 0 0.71428571em;
  25321. }
  25322. /* Vertical Sub Menu */
  25323. .ui.vertical.text.menu .item:not(.dropdown) > .menu {
  25324. margin: 0;
  25325. }
  25326. .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
  25327. margin: 0;
  25328. padding: 0.5em 0;
  25329. }
  25330. /*--- hover ---*/
  25331. .ui.text.menu .item:hover {
  25332. opacity: 1;
  25333. background-color: transparent;
  25334. }
  25335. /*--- active ---*/
  25336. .ui.text.menu .active.item {
  25337. background-color: transparent;
  25338. border: none;
  25339. box-shadow: none;
  25340. font-weight: normal;
  25341. color: rgba(0, 0, 0, 0.95);
  25342. }
  25343. /*--- active hover ---*/
  25344. .ui.text.menu .active.item:hover {
  25345. background-color: transparent;
  25346. }
  25347. /* Disable Bariations */
  25348. .ui.text.pointing.menu .active.item:after {
  25349. box-shadow: none;
  25350. }
  25351. .ui.text.attached.menu {
  25352. box-shadow: none;
  25353. }
  25354. /* Inverted */
  25355. .ui.inverted.text.menu,
  25356. .ui.inverted.text.menu .item,
  25357. .ui.inverted.text.menu .item:hover,
  25358. .ui.inverted.text.menu .active.item {
  25359. background-color: transparent;
  25360. }
  25361. /* Fluid */
  25362. .ui.fluid.text.menu {
  25363. margin-left: 0;
  25364. margin-right: 0;
  25365. }
  25366. /*--------------
  25367. Icon Only
  25368. ---------------*/
  25369. /* Vertical Menu */
  25370. .ui.vertical.icon.menu {
  25371. display: inline-block;
  25372. width: auto;
  25373. }
  25374. /* Item */
  25375. .ui.icon.menu .item {
  25376. height: auto;
  25377. text-align: center;
  25378. color: #1B1C1D;
  25379. }
  25380. /* Icon */
  25381. .ui.icon.menu .item > i.icon:not(.dropdown) {
  25382. margin: 0;
  25383. opacity: 1;
  25384. }
  25385. /* Icon Gylph */
  25386. .ui.icon.menu i.icon:before {
  25387. opacity: 1;
  25388. }
  25389. /* (x) Item Icon */
  25390. .ui.menu .icon.item > i.icon {
  25391. width: auto;
  25392. margin: 0 auto;
  25393. }
  25394. /* Vertical Icon */
  25395. .ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
  25396. display: block;
  25397. opacity: 1;
  25398. margin: 0 auto;
  25399. float: none;
  25400. }
  25401. /* Inverted */
  25402. .ui.inverted.icon.menu .item {
  25403. color: #FFFFFF;
  25404. }
  25405. /*--------------
  25406. Labeled Icon
  25407. ---------------*/
  25408. /* Menu */
  25409. .ui.labeled.icon.menu {
  25410. text-align: center;
  25411. }
  25412. /* Item */
  25413. .ui.labeled.icon.menu .item {
  25414. min-width: 6em;
  25415. flex-direction: column;
  25416. }
  25417. /* Icon */
  25418. .ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
  25419. height: 1em;
  25420. display: block;
  25421. font-size: 1.71428571em !important;
  25422. margin: 0 auto 0.5rem !important;
  25423. }
  25424. /* Fluid */
  25425. .ui.fluid.labeled.icon.menu > .item {
  25426. min-width: 0;
  25427. }
  25428. /*******************************
  25429. Variations
  25430. *******************************/
  25431. /*--------------
  25432. Stackable
  25433. ---------------*/
  25434. @media only screen and (max-width: 767.98px) {
  25435. .ui.stackable.menu {
  25436. flex-direction: column;
  25437. }
  25438. .ui.stackable.menu .item {
  25439. width: 100% !important;
  25440. }
  25441. .ui.stackable.menu .item:before {
  25442. position: absolute;
  25443. content: '';
  25444. top: auto;
  25445. bottom: 0;
  25446. left: 0;
  25447. width: 100%;
  25448. height: 1px;
  25449. background: rgba(34, 36, 38, 0.1);
  25450. }
  25451. .ui.stackable.menu .left.menu,
  25452. .ui.stackable.menu .left.item {
  25453. margin-right: 0 !important;
  25454. }
  25455. .ui.stackable.menu .right.menu,
  25456. .ui.stackable.menu .right.item {
  25457. margin-left: 0 !important;
  25458. }
  25459. .ui.stackable.menu .center.menu,
  25460. .ui.stackable.menu .center.item {
  25461. margin-left: 0 !important;
  25462. margin-right: 0 !important;
  25463. }
  25464. .ui.stackable.menu .right.menu,
  25465. .ui.stackable.menu .center.menu,
  25466. .ui.stackable.menu .left.menu {
  25467. flex-direction: column;
  25468. }
  25469. }
  25470. /*--------------
  25471. Colors
  25472. ---------------*/
  25473. .ui.ui.ui.menu .primary.active.item,
  25474. .ui.ui.primary.menu .active.item:hover,
  25475. .ui.ui.primary.menu .active.item {
  25476. color: #2185D0;
  25477. }
  25478. .ui.ui.ui.menu .red.active.item,
  25479. .ui.ui.red.menu .active.item:hover,
  25480. .ui.ui.red.menu .active.item {
  25481. color: #DB2828;
  25482. }
  25483. .ui.ui.ui.menu .orange.active.item,
  25484. .ui.ui.orange.menu .active.item:hover,
  25485. .ui.ui.orange.menu .active.item {
  25486. color: #F2711C;
  25487. }
  25488. .ui.ui.ui.menu .yellow.active.item,
  25489. .ui.ui.yellow.menu .active.item:hover,
  25490. .ui.ui.yellow.menu .active.item {
  25491. color: #FBBD08;
  25492. }
  25493. .ui.ui.ui.menu .olive.active.item,
  25494. .ui.ui.olive.menu .active.item:hover,
  25495. .ui.ui.olive.menu .active.item {
  25496. color: #B5CC18;
  25497. }
  25498. .ui.ui.ui.menu .green.active.item,
  25499. .ui.ui.green.menu .active.item:hover,
  25500. .ui.ui.green.menu .active.item {
  25501. color: #21BA45;
  25502. }
  25503. .ui.ui.ui.menu .teal.active.item,
  25504. .ui.ui.teal.menu .active.item:hover,
  25505. .ui.ui.teal.menu .active.item {
  25506. color: #00B5AD;
  25507. }
  25508. .ui.ui.ui.menu .blue.active.item,
  25509. .ui.ui.blue.menu .active.item:hover,
  25510. .ui.ui.blue.menu .active.item {
  25511. color: #2185D0;
  25512. }
  25513. .ui.ui.ui.menu .violet.active.item,
  25514. .ui.ui.violet.menu .active.item:hover,
  25515. .ui.ui.violet.menu .active.item {
  25516. color: #6435C9;
  25517. }
  25518. .ui.ui.ui.menu .purple.active.item,
  25519. .ui.ui.purple.menu .active.item:hover,
  25520. .ui.ui.purple.menu .active.item {
  25521. color: #A333C8;
  25522. }
  25523. .ui.ui.ui.menu .pink.active.item,
  25524. .ui.ui.pink.menu .active.item:hover,
  25525. .ui.ui.pink.menu .active.item {
  25526. color: #E03997;
  25527. }
  25528. .ui.ui.ui.menu .brown.active.item,
  25529. .ui.ui.brown.menu .active.item:hover,
  25530. .ui.ui.brown.menu .active.item {
  25531. color: #A5673F;
  25532. }
  25533. .ui.ui.ui.menu .grey.active.item,
  25534. .ui.ui.grey.menu .active.item:hover,
  25535. .ui.ui.grey.menu .active.item {
  25536. color: #767676;
  25537. }
  25538. .ui.ui.ui.menu .black.active.item,
  25539. .ui.ui.black.menu .active.item:hover,
  25540. .ui.ui.black.menu .active.item {
  25541. color: #1B1C1D;
  25542. }
  25543. /*--------------
  25544. Inverted
  25545. ---------------*/
  25546. .ui.inverted.menu {
  25547. border: 0 solid transparent;
  25548. background: #1B1C1D;
  25549. box-shadow: none;
  25550. }
  25551. /* Menu Item */
  25552. .ui.inverted.menu .item,
  25553. .ui.inverted.menu .item > a:not(.ui) {
  25554. background: transparent;
  25555. color: rgba(255, 255, 255, 0.9);
  25556. }
  25557. .ui.inverted.menu .item.menu {
  25558. background: transparent;
  25559. }
  25560. /*--- Border ---*/
  25561. .ui.inverted.menu .item:before {
  25562. background: rgba(255, 255, 255, 0.08);
  25563. }
  25564. .ui.vertical.inverted.menu .item:before {
  25565. background: rgba(255, 255, 255, 0.08);
  25566. }
  25567. /* Sub Menu */
  25568. .ui.vertical.inverted.menu .menu .item,
  25569. .ui.vertical.inverted.menu .menu .item a:not(.ui) {
  25570. color: rgba(255, 255, 255, 0.5);
  25571. }
  25572. /* Header */
  25573. .ui.inverted.menu .header.item {
  25574. margin: 0;
  25575. background: transparent;
  25576. box-shadow: none;
  25577. }
  25578. /* Disabled */
  25579. .ui.ui.inverted.menu .item.disabled {
  25580. color: rgba(225, 225, 225, 0.3);
  25581. }
  25582. /*--- Hover ---*/
  25583. .ui.link.inverted.menu .item:hover,
  25584. .ui.inverted.menu .dropdown.item:hover,
  25585. .ui.inverted.menu .link.item:hover,
  25586. .ui.inverted.menu a.item:hover {
  25587. background: rgba(255, 255, 255, 0.08);
  25588. color: #ffffff;
  25589. }
  25590. .ui.vertical.inverted.menu .item .menu a.item:hover,
  25591. .ui.vertical.inverted.menu .item .menu .link.item:hover {
  25592. background: transparent;
  25593. color: #ffffff;
  25594. }
  25595. /*--- Pressed ---*/
  25596. .ui.inverted.menu a.item:active,
  25597. .ui.inverted.menu .link.item:active {
  25598. background: rgba(255, 255, 255, 0.08);
  25599. color: #ffffff;
  25600. }
  25601. /*--- Active ---*/
  25602. .ui.inverted.menu .active.item {
  25603. background: #3D3E3F;
  25604. color: #ffffff !important;
  25605. }
  25606. .ui.inverted.vertical.menu .item .menu .active.item {
  25607. background: transparent;
  25608. color: #FFFFFF;
  25609. }
  25610. .ui.inverted.pointing.menu .active.item:after {
  25611. background: #3D3E3F;
  25612. margin: 0 !important;
  25613. box-shadow: none !important;
  25614. border: none !important;
  25615. }
  25616. /*--- Active Hover ---*/
  25617. .ui.inverted.menu .active.item:hover {
  25618. background: #3D3E3F;
  25619. color: #FFFFFF !important;
  25620. }
  25621. .ui.inverted.pointing.menu .active.item:hover:after {
  25622. background: #3D3E3F;
  25623. }
  25624. /*--------------
  25625. Floated
  25626. ---------------*/
  25627. .ui.floated.menu {
  25628. float: left;
  25629. margin: 0 0.5rem 0 0;
  25630. }
  25631. .ui.floated.menu .item:last-child:before {
  25632. display: none;
  25633. }
  25634. .ui.right.floated.menu {
  25635. float: right;
  25636. margin: 0 0 0 0.5rem;
  25637. }
  25638. /*--------------
  25639. Inverted
  25640. ---------------*/
  25641. .ui.ui.ui.inverted.menu .primary.active.item,
  25642. .ui.ui.inverted.primary.menu {
  25643. background-color: #2185D0;
  25644. }
  25645. .ui.inverted.primary.menu .item:before {
  25646. background-color: rgba(34, 36, 38, 0.1);
  25647. }
  25648. .ui.ui.inverted.primary.menu .active.item {
  25649. background-color: rgba(0, 0, 0, 0.1);
  25650. }
  25651. .ui.inverted.pointing.primary.menu .active.item {
  25652. background-color: #1678c2;
  25653. }
  25654. .ui.ui.ui.inverted.menu .red.active.item,
  25655. .ui.ui.inverted.red.menu {
  25656. background-color: #DB2828;
  25657. }
  25658. .ui.inverted.red.menu .item:before {
  25659. background-color: rgba(34, 36, 38, 0.1);
  25660. }
  25661. .ui.ui.inverted.red.menu .active.item {
  25662. background-color: rgba(0, 0, 0, 0.1);
  25663. }
  25664. .ui.inverted.pointing.red.menu .active.item {
  25665. background-color: #d01919;
  25666. }
  25667. .ui.ui.ui.inverted.menu .orange.active.item,
  25668. .ui.ui.inverted.orange.menu {
  25669. background-color: #F2711C;
  25670. }
  25671. .ui.inverted.orange.menu .item:before {
  25672. background-color: rgba(34, 36, 38, 0.1);
  25673. }
  25674. .ui.ui.inverted.orange.menu .active.item {
  25675. background-color: rgba(0, 0, 0, 0.1);
  25676. }
  25677. .ui.inverted.pointing.orange.menu .active.item {
  25678. background-color: #f26202;
  25679. }
  25680. .ui.ui.ui.inverted.menu .yellow.active.item,
  25681. .ui.ui.inverted.yellow.menu {
  25682. background-color: #FBBD08;
  25683. }
  25684. .ui.inverted.yellow.menu .item:before {
  25685. background-color: rgba(34, 36, 38, 0.1);
  25686. }
  25687. .ui.ui.inverted.yellow.menu .active.item {
  25688. background-color: rgba(0, 0, 0, 0.1);
  25689. }
  25690. .ui.inverted.pointing.yellow.menu .active.item {
  25691. background-color: #eaae00;
  25692. }
  25693. .ui.ui.ui.inverted.menu .olive.active.item,
  25694. .ui.ui.inverted.olive.menu {
  25695. background-color: #B5CC18;
  25696. }
  25697. .ui.inverted.olive.menu .item:before {
  25698. background-color: rgba(34, 36, 38, 0.1);
  25699. }
  25700. .ui.ui.inverted.olive.menu .active.item {
  25701. background-color: rgba(0, 0, 0, 0.1);
  25702. }
  25703. .ui.inverted.pointing.olive.menu .active.item {
  25704. background-color: #a7bd0d;
  25705. }
  25706. .ui.ui.ui.inverted.menu .green.active.item,
  25707. .ui.ui.inverted.green.menu {
  25708. background-color: #21BA45;
  25709. }
  25710. .ui.inverted.green.menu .item:before {
  25711. background-color: rgba(34, 36, 38, 0.1);
  25712. }
  25713. .ui.ui.inverted.green.menu .active.item {
  25714. background-color: rgba(0, 0, 0, 0.1);
  25715. }
  25716. .ui.inverted.pointing.green.menu .active.item {
  25717. background-color: #16ab39;
  25718. }
  25719. .ui.ui.ui.inverted.menu .teal.active.item,
  25720. .ui.ui.inverted.teal.menu {
  25721. background-color: #00B5AD;
  25722. }
  25723. .ui.inverted.teal.menu .item:before {
  25724. background-color: rgba(34, 36, 38, 0.1);
  25725. }
  25726. .ui.ui.inverted.teal.menu .active.item {
  25727. background-color: rgba(0, 0, 0, 0.1);
  25728. }
  25729. .ui.inverted.pointing.teal.menu .active.item {
  25730. background-color: #009c95;
  25731. }
  25732. .ui.ui.ui.inverted.menu .blue.active.item,
  25733. .ui.ui.inverted.blue.menu {
  25734. background-color: #2185D0;
  25735. }
  25736. .ui.inverted.blue.menu .item:before {
  25737. background-color: rgba(34, 36, 38, 0.1);
  25738. }
  25739. .ui.ui.inverted.blue.menu .active.item {
  25740. background-color: rgba(0, 0, 0, 0.1);
  25741. }
  25742. .ui.inverted.pointing.blue.menu .active.item {
  25743. background-color: #1678c2;
  25744. }
  25745. .ui.ui.ui.inverted.menu .violet.active.item,
  25746. .ui.ui.inverted.violet.menu {
  25747. background-color: #6435C9;
  25748. }
  25749. .ui.inverted.violet.menu .item:before {
  25750. background-color: rgba(34, 36, 38, 0.1);
  25751. }
  25752. .ui.ui.inverted.violet.menu .active.item {
  25753. background-color: rgba(0, 0, 0, 0.1);
  25754. }
  25755. .ui.inverted.pointing.violet.menu .active.item {
  25756. background-color: #5829bb;
  25757. }
  25758. .ui.ui.ui.inverted.menu .purple.active.item,
  25759. .ui.ui.inverted.purple.menu {
  25760. background-color: #A333C8;
  25761. }
  25762. .ui.inverted.purple.menu .item:before {
  25763. background-color: rgba(34, 36, 38, 0.1);
  25764. }
  25765. .ui.ui.inverted.purple.menu .active.item {
  25766. background-color: rgba(0, 0, 0, 0.1);
  25767. }
  25768. .ui.inverted.pointing.purple.menu .active.item {
  25769. background-color: #9627ba;
  25770. }
  25771. .ui.ui.ui.inverted.menu .pink.active.item,
  25772. .ui.ui.inverted.pink.menu {
  25773. background-color: #E03997;
  25774. }
  25775. .ui.inverted.pink.menu .item:before {
  25776. background-color: rgba(34, 36, 38, 0.1);
  25777. }
  25778. .ui.ui.inverted.pink.menu .active.item {
  25779. background-color: rgba(0, 0, 0, 0.1);
  25780. }
  25781. .ui.inverted.pointing.pink.menu .active.item {
  25782. background-color: #e61a8d;
  25783. }
  25784. .ui.ui.ui.inverted.menu .brown.active.item,
  25785. .ui.ui.inverted.brown.menu {
  25786. background-color: #A5673F;
  25787. }
  25788. .ui.inverted.brown.menu .item:before {
  25789. background-color: rgba(34, 36, 38, 0.1);
  25790. }
  25791. .ui.ui.inverted.brown.menu .active.item {
  25792. background-color: rgba(0, 0, 0, 0.1);
  25793. }
  25794. .ui.inverted.pointing.brown.menu .active.item {
  25795. background-color: #975b33;
  25796. }
  25797. .ui.ui.ui.inverted.menu .grey.active.item,
  25798. .ui.ui.inverted.grey.menu {
  25799. background-color: #767676;
  25800. }
  25801. .ui.inverted.grey.menu .item:before {
  25802. background-color: rgba(34, 36, 38, 0.1);
  25803. }
  25804. .ui.ui.inverted.grey.menu .active.item {
  25805. background-color: rgba(0, 0, 0, 0.1);
  25806. }
  25807. .ui.inverted.pointing.grey.menu .active.item {
  25808. background-color: #838383;
  25809. }
  25810. .ui.ui.ui.inverted.menu .black.active.item,
  25811. .ui.ui.inverted.black.menu {
  25812. background-color: #1B1C1D;
  25813. }
  25814. .ui.inverted.black.menu .item:before {
  25815. background-color: rgba(34, 36, 38, 0.1);
  25816. }
  25817. .ui.ui.inverted.black.menu .active.item {
  25818. background-color: rgba(0, 0, 0, 0.1);
  25819. }
  25820. .ui.inverted.pointing.black.menu .active.item {
  25821. background-color: #27292a;
  25822. }
  25823. .ui.ui.ui.inverted.pointing.menu .active.item:after {
  25824. background-color: inherit;
  25825. }
  25826. /*--------------
  25827. Fitted
  25828. ---------------*/
  25829. .ui.fitted.menu .item,
  25830. .ui.fitted.menu .item .menu .item,
  25831. .ui.menu .fitted.item {
  25832. padding: 0;
  25833. }
  25834. .ui.horizontally.fitted.menu .item,
  25835. .ui.horizontally.fitted.menu .item .menu .item,
  25836. .ui.menu .horizontally.fitted.item {
  25837. padding-top: 0.92857143em;
  25838. padding-bottom: 0.92857143em;
  25839. }
  25840. .ui.vertically.fitted.menu .item,
  25841. .ui.vertically.fitted.menu .item .menu .item,
  25842. .ui.menu .vertically.fitted.item {
  25843. padding-left: 1.14285714em;
  25844. padding-right: 1.14285714em;
  25845. }
  25846. /*--------------
  25847. Borderless
  25848. ---------------*/
  25849. .ui.borderless.menu .item:before,
  25850. .ui.borderless.menu .item .menu .item:before,
  25851. .ui.menu .borderless.item:before {
  25852. background: none !important;
  25853. }
  25854. /*-------------------
  25855. Compact
  25856. --------------------*/
  25857. .ui.compact.menu {
  25858. display: inline-flex;
  25859. margin: 0;
  25860. vertical-align: middle;
  25861. }
  25862. .ui.compact.vertical.menu {
  25863. /* IE hack to make dropdown icons appear inline */
  25864. display: -ms-inline-flexbox !important;
  25865. display: inline-block;
  25866. }
  25867. .ui.compact.menu:not(.secondary) .item:last-child {
  25868. border-radius: 0 0.28571429rem 0.28571429rem 0;
  25869. }
  25870. .ui.compact.menu .item:last-child:before {
  25871. display: none;
  25872. }
  25873. .ui.compact.vertical.menu {
  25874. width: auto !important;
  25875. }
  25876. .ui.compact.vertical.menu .item:last-child::before {
  25877. display: block;
  25878. }
  25879. /*-------------------
  25880. Fluid
  25881. --------------------*/
  25882. .ui.menu.fluid,
  25883. .ui.vertical.menu.fluid {
  25884. width: 100% !important;
  25885. }
  25886. /*-------------------
  25887. Evenly Sized
  25888. --------------------*/
  25889. .ui.item.menu,
  25890. .ui.item.menu .item {
  25891. width: 100%;
  25892. padding-left: 0 !important;
  25893. padding-right: 0 !important;
  25894. margin-left: 0 !important;
  25895. margin-right: 0 !important;
  25896. text-align: center;
  25897. justify-content: center;
  25898. }
  25899. .ui.attached.item.menu:not(.tabular) {
  25900. margin: 0 -1px !important;
  25901. }
  25902. .ui.item.menu .item:last-child:before {
  25903. display: none;
  25904. }
  25905. .ui.menu.two.item .item {
  25906. width: 50%;
  25907. }
  25908. .ui.menu.three.item .item {
  25909. width: 33.333%;
  25910. }
  25911. .ui.menu.four.item .item {
  25912. width: 25%;
  25913. }
  25914. .ui.menu.five.item .item {
  25915. width: 20%;
  25916. }
  25917. .ui.menu.six.item .item {
  25918. width: 16.666%;
  25919. }
  25920. .ui.menu.seven.item .item {
  25921. width: 14.285%;
  25922. }
  25923. .ui.menu.eight.item .item {
  25924. width: 12.5%;
  25925. }
  25926. .ui.menu.nine.item .item {
  25927. width: 11.11%;
  25928. }
  25929. .ui.menu.ten.item .item {
  25930. width: 10%;
  25931. }
  25932. .ui.menu.eleven.item .item {
  25933. width: 9.09%;
  25934. }
  25935. .ui.menu.twelve.item .item {
  25936. width: 8.333%;
  25937. }
  25938. /*--------------
  25939. Fixed
  25940. ---------------*/
  25941. .ui.menu.fixed {
  25942. position: fixed;
  25943. z-index: 101;
  25944. margin: 0;
  25945. width: 100%;
  25946. }
  25947. .ui.menu.fixed,
  25948. .ui.menu.fixed .item:first-child,
  25949. .ui.menu.fixed .item:last-child {
  25950. border-radius: 0 !important;
  25951. }
  25952. .ui.fixed.menu,
  25953. .ui[class*="top fixed"].menu {
  25954. top: 0;
  25955. left: 0;
  25956. right: auto;
  25957. bottom: auto;
  25958. }
  25959. .ui[class*="top fixed"].menu {
  25960. border-top: none;
  25961. border-left: none;
  25962. border-right: none;
  25963. }
  25964. .ui[class*="right fixed"].menu {
  25965. border-top: none;
  25966. border-bottom: none;
  25967. border-right: none;
  25968. top: 0;
  25969. right: 0;
  25970. left: auto;
  25971. bottom: auto;
  25972. width: auto;
  25973. height: 100%;
  25974. }
  25975. .ui[class*="bottom fixed"].menu {
  25976. border-bottom: none;
  25977. border-left: none;
  25978. border-right: none;
  25979. bottom: 0;
  25980. left: 0;
  25981. top: auto;
  25982. right: auto;
  25983. }
  25984. .ui[class*="left fixed"].menu {
  25985. border-top: none;
  25986. border-bottom: none;
  25987. border-left: none;
  25988. top: 0;
  25989. left: 0;
  25990. right: auto;
  25991. bottom: auto;
  25992. width: auto;
  25993. height: 100%;
  25994. }
  25995. /* Coupling with Grid */
  25996. .ui.fixed.menu + .ui.grid {
  25997. padding-top: 2.75rem;
  25998. }
  25999. /*-------------------
  26000. Pointing
  26001. --------------------*/
  26002. .ui.pointing.menu .item:after {
  26003. visibility: hidden;
  26004. position: absolute;
  26005. content: '';
  26006. top: 100%;
  26007. left: 50%;
  26008. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  26009. background: none;
  26010. margin: 0.5px 0 0;
  26011. width: 0.57142857em;
  26012. height: 0.57142857em;
  26013. border: none;
  26014. border-bottom: 1px solid #D4D4D5;
  26015. border-right: 1px solid #D4D4D5;
  26016. z-index: 2;
  26017. transition: background 0.1s ease;
  26018. }
  26019. .ui.vertical.pointing.menu .item:after {
  26020. position: absolute;
  26021. top: 50%;
  26022. right: 0;
  26023. bottom: auto;
  26024. left: auto;
  26025. transform: translateX(50%) translateY(-50%) rotate(45deg);
  26026. margin: 0 -0.5px 0 0;
  26027. border: none;
  26028. border-top: 1px solid #D4D4D5;
  26029. border-right: 1px solid #D4D4D5;
  26030. }
  26031. .ui.pointing.menu .ui.dropdown .menu .item:after,
  26032. .ui.vertical.pointing.menu .ui.dropdown .menu .item:after {
  26033. display: none;
  26034. }
  26035. /* Active */
  26036. .ui.pointing.menu .active.item:after {
  26037. visibility: visible;
  26038. }
  26039. .ui.pointing.menu .active.dropdown.item:after {
  26040. visibility: hidden;
  26041. }
  26042. /* Don't double up pointers */
  26043. .ui.pointing.menu .dropdown.active.item:after,
  26044. .ui.pointing.menu .active.item .menu .active.item:after {
  26045. display: none;
  26046. }
  26047. /* Colors */
  26048. .ui.pointing.menu .active.item:hover:after {
  26049. background-color: #F2F2F2;
  26050. }
  26051. .ui.pointing.menu .active.item:after {
  26052. background-color: #F2F2F2;
  26053. }
  26054. .ui.pointing.menu .active.item:hover:after {
  26055. background-color: #F2F2F2;
  26056. }
  26057. .ui.vertical.pointing.menu .active.item:hover:after {
  26058. background-color: #F2F2F2;
  26059. }
  26060. .ui.vertical.pointing.menu .active.item:after {
  26061. background-color: #F2F2F2;
  26062. }
  26063. .ui.vertical.pointing.menu .menu .active.item:after {
  26064. background-color: #FFFFFF;
  26065. }
  26066. .ui.inverted.pointing.menu .primary.active.item:after {
  26067. background-color: #2185D0;
  26068. }
  26069. .ui.inverted.pointing.menu .secondary.active.item:after {
  26070. background-color: #1B1C1D;
  26071. }
  26072. .ui.inverted.pointing.menu .red.active.item:after {
  26073. background-color: #DB2828;
  26074. }
  26075. .ui.inverted.pointing.menu .orange.active.item:after {
  26076. background-color: #F2711C;
  26077. }
  26078. .ui.inverted.pointing.menu .yellow.active.item:after {
  26079. background-color: #FBBD08;
  26080. }
  26081. .ui.inverted.pointing.menu .olive.active.item:after {
  26082. background-color: #B5CC18;
  26083. }
  26084. .ui.inverted.pointing.menu .green.active.item:after {
  26085. background-color: #21BA45;
  26086. }
  26087. .ui.inverted.pointing.menu .teal.active.item:after {
  26088. background-color: #00B5AD;
  26089. }
  26090. .ui.inverted.pointing.menu .blue.active.item:after {
  26091. background-color: #2185D0;
  26092. }
  26093. .ui.inverted.pointing.menu .violet.active.item:after {
  26094. background-color: #6435C9;
  26095. }
  26096. .ui.inverted.pointing.menu .purple.active.item:after {
  26097. background-color: #A333C8;
  26098. }
  26099. .ui.inverted.pointing.menu .pink.active.item:after {
  26100. background-color: #E03997;
  26101. }
  26102. .ui.inverted.pointing.menu .brown.active.item:after {
  26103. background-color: #A5673F;
  26104. }
  26105. .ui.inverted.pointing.menu .grey.active.item:after {
  26106. background-color: #767676;
  26107. }
  26108. .ui.inverted.pointing.menu .black.active.item:after {
  26109. background-color: #1B1C1D;
  26110. }
  26111. /*--------------
  26112. Attached
  26113. ---------------*/
  26114. /* Middle */
  26115. .ui.attached.menu {
  26116. top: 0;
  26117. bottom: 0;
  26118. border-radius: 0;
  26119. margin: 0 -1px;
  26120. width: calc(100% + 2px);
  26121. max-width: calc(100% + 2px);
  26122. box-shadow: none;
  26123. }
  26124. .ui.attached + .ui.attached.menu:not(.top) {
  26125. border-top: none;
  26126. }
  26127. /* Top */
  26128. .ui[class*="top attached"].menu {
  26129. bottom: 0;
  26130. margin-bottom: 0;
  26131. top: 0;
  26132. margin-top: 1rem;
  26133. border-radius: 0.28571429rem 0.28571429rem 0 0;
  26134. }
  26135. .ui.menu[class*="top attached"]:first-child {
  26136. margin-top: 0;
  26137. }
  26138. /* Bottom */
  26139. .ui[class*="bottom attached"].menu {
  26140. bottom: 0;
  26141. margin-top: 0;
  26142. top: 0;
  26143. margin-bottom: 1rem;
  26144. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  26145. border-radius: 0 0 0.28571429rem 0.28571429rem;
  26146. }
  26147. .ui[class*="bottom attached"].menu:last-child {
  26148. margin-bottom: 0;
  26149. }
  26150. /* Attached Menu Item */
  26151. .ui.top.attached.menu > .item:first-child {
  26152. border-radius: 0.28571429rem 0 0 0;
  26153. }
  26154. .ui.bottom.attached.menu > .item:first-child {
  26155. border-radius: 0 0 0 0.28571429rem;
  26156. }
  26157. /* Tabular Attached */
  26158. .ui.attached.menu:not(.tabular) {
  26159. border: 1px solid #D4D4D5;
  26160. }
  26161. .ui.attached.inverted.menu {
  26162. border: none;
  26163. }
  26164. .ui.attached.tabular.menu {
  26165. margin-left: 0;
  26166. margin-right: 0;
  26167. width: 100%;
  26168. }
  26169. /*--------------
  26170. Sizes
  26171. ---------------*/
  26172. .ui.menu {
  26173. font-size: 1rem;
  26174. }
  26175. .ui.vertical.menu {
  26176. width: 15rem;
  26177. }
  26178. .ui.mini.menu,
  26179. .ui.mini.menu .dropdown,
  26180. .ui.mini.menu .dropdown .menu > .item {
  26181. font-size: 0.78571429rem;
  26182. }
  26183. .ui.mini.vertical.menu:not(.icon) {
  26184. width: 9rem;
  26185. }
  26186. .ui.tiny.menu,
  26187. .ui.tiny.menu .dropdown,
  26188. .ui.tiny.menu .dropdown .menu > .item {
  26189. font-size: 0.85714286rem;
  26190. }
  26191. .ui.tiny.vertical.menu:not(.icon) {
  26192. width: 11rem;
  26193. }
  26194. .ui.small.menu,
  26195. .ui.small.menu .dropdown,
  26196. .ui.small.menu .dropdown .menu > .item {
  26197. font-size: 0.92857143rem;
  26198. }
  26199. .ui.small.vertical.menu:not(.icon) {
  26200. width: 13rem;
  26201. }
  26202. .ui.large.menu,
  26203. .ui.large.menu .dropdown,
  26204. .ui.large.menu .dropdown .menu > .item {
  26205. font-size: 1.07142857rem;
  26206. }
  26207. .ui.large.vertical.menu:not(.icon) {
  26208. width: 18rem;
  26209. }
  26210. .ui.big.menu,
  26211. .ui.big.menu .dropdown,
  26212. .ui.big.menu .dropdown .menu > .item {
  26213. font-size: 1.14285714rem;
  26214. }
  26215. .ui.big.vertical.menu:not(.icon) {
  26216. width: 20rem;
  26217. }
  26218. .ui.huge.menu,
  26219. .ui.huge.menu .dropdown,
  26220. .ui.huge.menu .dropdown .menu > .item {
  26221. font-size: 1.21428571rem;
  26222. }
  26223. .ui.huge.vertical.menu:not(.icon) {
  26224. width: 22rem;
  26225. }
  26226. .ui.massive.menu,
  26227. .ui.massive.menu .dropdown,
  26228. .ui.massive.menu .dropdown .menu > .item {
  26229. font-size: 1.28571429rem;
  26230. }
  26231. .ui.massive.vertical.menu:not(.icon) {
  26232. width: 25rem;
  26233. }
  26234. /*-------------------
  26235. Inverted dropdowns
  26236. --------------------*/
  26237. .ui.menu .ui.inverted.inverted.dropdown.item .menu {
  26238. background: #1B1C1D;
  26239. box-shadow: none;
  26240. }
  26241. .ui.menu .ui.inverted.dropdown .menu > .item {
  26242. color: rgba(255, 255, 255, 0.8) !important;
  26243. }
  26244. .ui.menu .ui.inverted.dropdown .menu > .active.item {
  26245. background: transparent !important;
  26246. color: rgba(255, 255, 255, 0.8) !important;
  26247. }
  26248. .ui.menu .ui.inverted.dropdown .menu > .item:hover {
  26249. background: rgba(255, 255, 255, 0.08) !important;
  26250. color: rgba(255, 255, 255, 0.8) !important;
  26251. }
  26252. .ui.menu .ui.inverted.dropdown .menu > .selected.item {
  26253. background: rgba(255, 255, 255, 0.15) !important;
  26254. color: rgba(255, 255, 255, 0.8) !important;
  26255. }
  26256. /* Vertical */
  26257. .ui.vertical.menu .inverted.dropdown.item .menu {
  26258. box-shadow: none;
  26259. }
  26260. /*******************************
  26261. Theme Overrides
  26262. *******************************/
  26263. /*******************************
  26264. Site Overrides
  26265. *******************************/
  26266. /*!
  26267. * # Fomantic-UI - Message
  26268. * http://github.com/fomantic/Fomantic-UI/
  26269. *
  26270. *
  26271. * Released under the MIT license
  26272. * http://opensource.org/licenses/MIT
  26273. *
  26274. */
  26275. /*******************************
  26276. Message
  26277. *******************************/
  26278. .ui.message {
  26279. position: relative;
  26280. min-height: 1em;
  26281. margin: 1em 0;
  26282. background: #F8F8F9;
  26283. padding: 1em 1.5em;
  26284. line-height: 1.4285em;
  26285. color: rgba(0, 0, 0, 0.87);
  26286. transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  26287. border-radius: 0.28571429rem;
  26288. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26289. }
  26290. .ui.message:first-child {
  26291. margin-top: 0;
  26292. }
  26293. .ui.message:last-child {
  26294. margin-bottom: 0;
  26295. }
  26296. /*--------------
  26297. Content
  26298. ---------------*/
  26299. /* Header */
  26300. .ui.message .header {
  26301. display: block;
  26302. font-family: var(--fonts-regular);
  26303. font-weight: 500;
  26304. margin: -0.14285714em 0 0 0;
  26305. }
  26306. /* Default font size */
  26307. .ui.message .header:not(.ui) {
  26308. font-size: 1.14285714em;
  26309. }
  26310. /* Paragraph */
  26311. .ui.message p {
  26312. opacity: 0.85;
  26313. margin: 0.75em 0;
  26314. }
  26315. .ui.message p:first-child {
  26316. margin-top: 0;
  26317. }
  26318. .ui.message p:last-child {
  26319. margin-bottom: 0;
  26320. }
  26321. .ui.message .header + p {
  26322. margin-top: 0.25em;
  26323. }
  26324. /* List */
  26325. .ui.message .list:not(.ui) {
  26326. text-align: left;
  26327. padding: 0;
  26328. opacity: 0.85;
  26329. list-style-position: inside;
  26330. margin: 0.5em 0 0;
  26331. }
  26332. .ui.message .list:not(.ui):first-child {
  26333. margin-top: 0;
  26334. }
  26335. .ui.message .list:not(.ui):last-child {
  26336. margin-bottom: 0;
  26337. }
  26338. .ui.message .list:not(.ui) li {
  26339. position: relative;
  26340. list-style-type: none;
  26341. margin: 0 0 0.3em 1em;
  26342. padding: 0;
  26343. }
  26344. .ui.message .list:not(.ui) li:before {
  26345. position: absolute;
  26346. content: '•';
  26347. left: -1em;
  26348. height: 100%;
  26349. vertical-align: baseline;
  26350. }
  26351. .ui.message .list:not(.ui) li:last-child {
  26352. margin-bottom: 0;
  26353. }
  26354. /* Icon */
  26355. .ui.message > i.icon {
  26356. margin-right: 0.6em;
  26357. }
  26358. /* Close Icon */
  26359. .ui.message > .close.icon {
  26360. cursor: pointer;
  26361. position: absolute;
  26362. margin: 0;
  26363. top: 0.78575em;
  26364. right: 0.5em;
  26365. opacity: 0.7;
  26366. transition: opacity 0.1s ease;
  26367. }
  26368. .ui.message > .close.icon:hover {
  26369. opacity: 1;
  26370. }
  26371. /* First / Last Element */
  26372. .ui.message > :first-child {
  26373. margin-top: 0;
  26374. }
  26375. .ui.message > :last-child {
  26376. margin-bottom: 0;
  26377. }
  26378. /*******************************
  26379. Coupling
  26380. *******************************/
  26381. .ui.dropdown .menu > .message {
  26382. margin: 0 -1px;
  26383. }
  26384. /*******************************
  26385. States
  26386. *******************************/
  26387. /*--------------
  26388. Visible
  26389. ---------------*/
  26390. .ui.visible.visible.visible.visible.message {
  26391. display: block;
  26392. }
  26393. .ui.icon.visible.visible.visible.visible.message {
  26394. display: flex;
  26395. }
  26396. /*--------------
  26397. Hidden
  26398. ---------------*/
  26399. .ui.hidden.hidden.hidden.hidden.message {
  26400. display: none;
  26401. }
  26402. /*******************************
  26403. Variations
  26404. *******************************/
  26405. /*--------------
  26406. Compact
  26407. ---------------*/
  26408. .ui.compact.message {
  26409. display: inline-block;
  26410. }
  26411. .ui.compact.icon.message {
  26412. display: inline-flex;
  26413. width: auto;
  26414. }
  26415. /*--------------
  26416. Attached
  26417. ---------------*/
  26418. .ui.attached.message {
  26419. margin-bottom: -1px;
  26420. border-radius: 0.28571429rem 0.28571429rem 0 0;
  26421. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  26422. margin-left: -1px;
  26423. margin-right: -1px;
  26424. }
  26425. .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  26426. margin-top: -1px;
  26427. border-radius: 0;
  26428. }
  26429. .ui.bottom.attached.message {
  26430. margin-top: -1px;
  26431. border-radius: 0 0 0.28571429rem 0.28571429rem;
  26432. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  26433. }
  26434. .ui.bottom.attached.message:not(:last-child) {
  26435. margin-bottom: 1em;
  26436. }
  26437. .ui.attached.icon.message {
  26438. width: auto;
  26439. }
  26440. /*--------------
  26441. Icon
  26442. ---------------*/
  26443. .ui.icon.message {
  26444. display: flex;
  26445. width: 100%;
  26446. align-items: center;
  26447. }
  26448. .ui.icon.message > i.icon:not(.close) {
  26449. display: block;
  26450. flex: 0 0 auto;
  26451. width: auto;
  26452. line-height: 1;
  26453. vertical-align: middle;
  26454. font-size: 3em;
  26455. opacity: 0.8;
  26456. }
  26457. .ui.icon.message > .content {
  26458. display: block;
  26459. flex: 1 1 auto;
  26460. vertical-align: middle;
  26461. }
  26462. .ui.icon.message > i.icon:not(.close) + .content {
  26463. padding-left: 0;
  26464. }
  26465. .ui.icon.message > i.circular.icon {
  26466. width: 1em;
  26467. }
  26468. /*--------------
  26469. Floating
  26470. ---------------*/
  26471. .ui.floating.message {
  26472. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26473. }
  26474. /*--------------
  26475. Colors
  26476. ---------------*/
  26477. /*--------------
  26478. Types
  26479. ---------------*/
  26480. .ui.positive.message {
  26481. background-color: #FCFFF5;
  26482. color: #2C662D;
  26483. }
  26484. .ui.positive.message,
  26485. .ui.attached.positive.message {
  26486. box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26487. }
  26488. .ui.floating.positive.message {
  26489. box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26490. }
  26491. .ui.positive.message .header {
  26492. color: #1A531B;
  26493. }
  26494. .ui.negative.message {
  26495. background-color: #FFF6F6;
  26496. color: #9F3A38;
  26497. }
  26498. .ui.negative.message,
  26499. .ui.attached.negative.message {
  26500. box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26501. }
  26502. .ui.floating.negative.message {
  26503. box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26504. }
  26505. .ui.negative.message .header {
  26506. color: #912D2B;
  26507. }
  26508. .ui.info.message {
  26509. background-color: #F8FFFF;
  26510. color: #276F86;
  26511. }
  26512. .ui.info.message,
  26513. .ui.attached.info.message {
  26514. box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26515. }
  26516. .ui.floating.info.message {
  26517. box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26518. }
  26519. .ui.info.message .header {
  26520. color: #0E566C;
  26521. }
  26522. .ui.warning.message {
  26523. background-color: #FFFAF3;
  26524. color: #573A08;
  26525. }
  26526. .ui.warning.message,
  26527. .ui.attached.warning.message {
  26528. box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26529. }
  26530. .ui.floating.warning.message {
  26531. box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26532. }
  26533. .ui.warning.message .header {
  26534. color: #794B02;
  26535. }
  26536. .ui.error.message {
  26537. background-color: #FFF6F6;
  26538. color: #9F3A38;
  26539. }
  26540. .ui.error.message,
  26541. .ui.attached.error.message {
  26542. box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26543. }
  26544. .ui.floating.error.message {
  26545. box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26546. }
  26547. .ui.error.message .header {
  26548. color: #912D2B;
  26549. }
  26550. .ui.success.message {
  26551. background-color: #FCFFF5;
  26552. color: #2C662D;
  26553. }
  26554. .ui.success.message,
  26555. .ui.attached.success.message {
  26556. box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26557. }
  26558. .ui.floating.success.message {
  26559. box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26560. }
  26561. .ui.success.message .header {
  26562. color: #1A531B;
  26563. }
  26564. .ui.primary.message {
  26565. background-color: #DFF0FF;
  26566. color: rgba(255, 255, 255, 0.9);
  26567. }
  26568. .ui.primary.message,
  26569. .ui.attached.primary.message {
  26570. box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26571. }
  26572. .ui.floating.primary.message {
  26573. box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26574. }
  26575. .ui.primary.message .header {
  26576. color: rgba(242, 242, 242, 0.9);
  26577. }
  26578. .ui.secondary.message {
  26579. background-color: #F4F4F4;
  26580. color: rgba(255, 255, 255, 0.9);
  26581. }
  26582. .ui.secondary.message,
  26583. .ui.attached.secondary.message {
  26584. box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26585. }
  26586. .ui.floating.secondary.message {
  26587. box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26588. }
  26589. .ui.secondary.message .header {
  26590. color: rgba(242, 242, 242, 0.9);
  26591. }
  26592. .ui.red.message {
  26593. background-color: #FFE8E6;
  26594. color: #DB2828;
  26595. }
  26596. .ui.red.message,
  26597. .ui.attached.red.message {
  26598. box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26599. }
  26600. .ui.floating.red.message {
  26601. box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26602. }
  26603. .ui.red.message .header {
  26604. color: #c82121;
  26605. }
  26606. .ui.orange.message {
  26607. background-color: #FFEDDE;
  26608. color: #F2711C;
  26609. }
  26610. .ui.orange.message,
  26611. .ui.attached.orange.message {
  26612. box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26613. }
  26614. .ui.floating.orange.message {
  26615. box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26616. }
  26617. .ui.orange.message .header {
  26618. color: #e7640d;
  26619. }
  26620. .ui.yellow.message {
  26621. background-color: #FFF8DB;
  26622. color: #B58105;
  26623. }
  26624. .ui.yellow.message,
  26625. .ui.attached.yellow.message {
  26626. box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26627. }
  26628. .ui.floating.yellow.message {
  26629. box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26630. }
  26631. .ui.yellow.message .header {
  26632. color: #9c6f04;
  26633. }
  26634. .ui.olive.message {
  26635. background-color: #FBFDEF;
  26636. color: #8ABC1E;
  26637. }
  26638. .ui.olive.message,
  26639. .ui.attached.olive.message {
  26640. box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26641. }
  26642. .ui.floating.olive.message {
  26643. box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26644. }
  26645. .ui.olive.message .header {
  26646. color: #7aa61a;
  26647. }
  26648. .ui.green.message {
  26649. background-color: #E5F9E7;
  26650. color: #1EBC30;
  26651. }
  26652. .ui.green.message,
  26653. .ui.attached.green.message {
  26654. box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26655. }
  26656. .ui.floating.green.message {
  26657. box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26658. }
  26659. .ui.green.message .header {
  26660. color: #1aa62a;
  26661. }
  26662. .ui.teal.message {
  26663. background-color: #E1F7F7;
  26664. color: #10A3A3;
  26665. }
  26666. .ui.teal.message,
  26667. .ui.attached.teal.message {
  26668. box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26669. }
  26670. .ui.floating.teal.message {
  26671. box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26672. }
  26673. .ui.teal.message .header {
  26674. color: #0e8c8c;
  26675. }
  26676. .ui.blue.message {
  26677. background-color: #DFF0FF;
  26678. color: #2185D0;
  26679. }
  26680. .ui.blue.message,
  26681. .ui.attached.blue.message {
  26682. box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26683. }
  26684. .ui.floating.blue.message {
  26685. box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26686. }
  26687. .ui.blue.message .header {
  26688. color: #1e77ba;
  26689. }
  26690. .ui.violet.message {
  26691. background-color: #EAE7FF;
  26692. color: #6435C9;
  26693. }
  26694. .ui.violet.message,
  26695. .ui.attached.violet.message {
  26696. box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26697. }
  26698. .ui.floating.violet.message {
  26699. box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26700. }
  26701. .ui.violet.message .header {
  26702. color: #5a30b5;
  26703. }
  26704. .ui.purple.message {
  26705. background-color: #F6E7FF;
  26706. color: #A333C8;
  26707. }
  26708. .ui.purple.message,
  26709. .ui.attached.purple.message {
  26710. box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26711. }
  26712. .ui.floating.purple.message {
  26713. box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26714. }
  26715. .ui.purple.message .header {
  26716. color: #922eb4;
  26717. }
  26718. .ui.pink.message {
  26719. background-color: #FFE3FB;
  26720. color: #E03997;
  26721. }
  26722. .ui.pink.message,
  26723. .ui.attached.pink.message {
  26724. box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26725. }
  26726. .ui.floating.pink.message {
  26727. box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26728. }
  26729. .ui.pink.message .header {
  26730. color: #dd238b;
  26731. }
  26732. .ui.brown.message {
  26733. background-color: #F1E2D3;
  26734. color: #A5673F;
  26735. }
  26736. .ui.brown.message,
  26737. .ui.attached.brown.message {
  26738. box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26739. }
  26740. .ui.floating.brown.message {
  26741. box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26742. }
  26743. .ui.brown.message .header {
  26744. color: #935b38;
  26745. }
  26746. .ui.grey.message {
  26747. background-color: #F4F4F4;
  26748. color: #767676;
  26749. }
  26750. .ui.grey.message,
  26751. .ui.attached.grey.message {
  26752. box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
  26753. }
  26754. .ui.floating.grey.message {
  26755. box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  26756. }
  26757. .ui.grey.message .header {
  26758. color: #696969;
  26759. }
  26760. .ui.black.message {
  26761. background-color: #1B1C1D;
  26762. color: rgba(255, 255, 255, 0.9);
  26763. }
  26764. .ui.black.message .header {
  26765. color: rgba(255, 255, 255, 0.9);
  26766. }
  26767. .ui.inverted.message {
  26768. background-color: #1B1C1D;
  26769. color: rgba(255, 255, 255, 0.9);
  26770. }
  26771. /*--------------
  26772. Sizes
  26773. ---------------*/
  26774. .ui.message {
  26775. font-size: 1em;
  26776. }
  26777. .ui.mini.message {
  26778. font-size: 0.78571429em;
  26779. }
  26780. .ui.tiny.message {
  26781. font-size: 0.85714286em;
  26782. }
  26783. .ui.small.message {
  26784. font-size: 0.92857143em;
  26785. }
  26786. .ui.large.message {
  26787. font-size: 1.14285714em;
  26788. }
  26789. .ui.big.message {
  26790. font-size: 1.28571429em;
  26791. }
  26792. .ui.huge.message {
  26793. font-size: 1.42857143em;
  26794. }
  26795. .ui.massive.message {
  26796. font-size: 1.71428571em;
  26797. }
  26798. /*******************************
  26799. Theme Overrides
  26800. *******************************/
  26801. /*******************************
  26802. Site Overrides
  26803. *******************************/
  26804. /*!
  26805. * # Fomantic-UI - Modal
  26806. * http://github.com/fomantic/Fomantic-UI/
  26807. *
  26808. *
  26809. * Released under the MIT license
  26810. * http://opensource.org/licenses/MIT
  26811. *
  26812. */
  26813. /*******************************
  26814. Modal
  26815. *******************************/
  26816. .ui.modal {
  26817. position: absolute;
  26818. display: none;
  26819. z-index: 1001;
  26820. text-align: left;
  26821. background: #FFFFFF;
  26822. border: none;
  26823. box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  26824. transform-origin: 50% 25%;
  26825. flex: 0 0 auto;
  26826. border-radius: 0.28571429rem;
  26827. -webkit-user-select: text;
  26828. -moz-user-select: text;
  26829. user-select: text;
  26830. will-change: top, left, margin, transform, opacity;
  26831. }
  26832. .ui.modal > :first-child:not(.icon):not(.dimmer),
  26833. .ui.modal > i.icon:first-child + *,
  26834. .ui.modal > .dimmer:first-child + *:not(.icon),
  26835. .ui.modal > .dimmer:first-child + i.icon + * {
  26836. border-top-left-radius: 0.28571429rem;
  26837. border-top-right-radius: 0.28571429rem;
  26838. }
  26839. .ui.modal > :last-child {
  26840. border-bottom-left-radius: 0.28571429rem;
  26841. border-bottom-right-radius: 0.28571429rem;
  26842. }
  26843. .ui.modal > .ui.dimmer {
  26844. border-radius: inherit;
  26845. }
  26846. /*******************************
  26847. Content
  26848. *******************************/
  26849. /*--------------
  26850. Close
  26851. ---------------*/
  26852. .ui.modal > .close {
  26853. cursor: pointer;
  26854. position: absolute;
  26855. top: -2.5rem;
  26856. right: -2.5rem;
  26857. z-index: 1;
  26858. opacity: 0.8;
  26859. font-size: 1.25em;
  26860. color: #FFFFFF;
  26861. width: 2.25rem;
  26862. height: 2.25rem;
  26863. padding: 0.625rem 0 0 0;
  26864. }
  26865. .ui.modal > .close:hover {
  26866. opacity: 1;
  26867. }
  26868. /*--------------
  26869. Header
  26870. ---------------*/
  26871. .ui.modal > .header {
  26872. display: block;
  26873. font-family: var(--fonts-regular);
  26874. background: #FFFFFF;
  26875. margin: 0;
  26876. padding: 1.25rem 1.5rem;
  26877. box-shadow: none;
  26878. color: rgba(0, 0, 0, 0.85);
  26879. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  26880. }
  26881. .ui.modal > .header:not(.ui) {
  26882. font-size: 1.42857143rem;
  26883. line-height: 1.28571429em;
  26884. font-weight: 500;
  26885. }
  26886. /*--------------
  26887. Content
  26888. ---------------*/
  26889. .ui.modal > .content {
  26890. display: block;
  26891. width: 100%;
  26892. font-size: 1em;
  26893. line-height: 1.4;
  26894. padding: 1.5rem;
  26895. background: #FFFFFF;
  26896. }
  26897. .ui.modal > .image.content {
  26898. display: flex;
  26899. flex-direction: row;
  26900. }
  26901. /* Image */
  26902. .ui.modal > .content > .image {
  26903. display: block;
  26904. flex: 0 1 auto;
  26905. width: '';
  26906. align-self: start;
  26907. max-width: 100%;
  26908. }
  26909. .ui.modal > [class*="top aligned"] {
  26910. align-self: start;
  26911. }
  26912. .ui.modal > [class*="middle aligned"] {
  26913. align-self: center;
  26914. }
  26915. .ui.modal > [class*="stretched"] {
  26916. align-self: stretch;
  26917. }
  26918. /* Description */
  26919. .ui.modal > .content > .description {
  26920. display: block;
  26921. flex: 1 0 auto;
  26922. min-width: 0;
  26923. align-self: start;
  26924. }
  26925. .ui.modal > .content > i.icon + .description,
  26926. .ui.modal > .content > .image + .description {
  26927. flex: 0 1 auto;
  26928. min-width: '';
  26929. width: auto;
  26930. padding-left: 2em;
  26931. }
  26932. /*rtl:ignore*/
  26933. .ui.modal > .content > .image > i.icon {
  26934. margin: 0;
  26935. opacity: 1;
  26936. width: auto;
  26937. line-height: 1;
  26938. font-size: 8rem;
  26939. }
  26940. /*--------------
  26941. Actions
  26942. ---------------*/
  26943. .ui.modal > .actions {
  26944. background: #F9FAFB;
  26945. padding: 1rem 1rem;
  26946. border-top: 1px solid rgba(34, 36, 38, 0.15);
  26947. text-align: right;
  26948. }
  26949. .ui.modal .actions > .button:not(.fluid) {
  26950. margin-left: 0.75em;
  26951. }
  26952. .ui.basic.modal > .actions {
  26953. border-top: none;
  26954. }
  26955. /*-------------------
  26956. Responsive
  26957. --------------------*/
  26958. /* Modal Width */
  26959. @media only screen and (max-width: 767.98px) {
  26960. .ui.modal:not(.fullscreen) {
  26961. width: 95%;
  26962. margin: 0 0 0 0;
  26963. }
  26964. }
  26965. @media only screen and (min-width: 768px) {
  26966. .ui.modal:not(.fullscreen) {
  26967. width: 88%;
  26968. margin: 0 0 0 0;
  26969. }
  26970. }
  26971. @media only screen and (min-width: 992px) {
  26972. .ui.modal:not(.fullscreen) {
  26973. width: 850px;
  26974. margin: 0 0 0 0;
  26975. }
  26976. }
  26977. @media only screen and (min-width: 1200px) {
  26978. .ui.modal:not(.fullscreen) {
  26979. width: 900px;
  26980. margin: 0 0 0 0;
  26981. }
  26982. }
  26983. @media only screen and (min-width: 1920px) {
  26984. .ui.modal:not(.fullscreen) {
  26985. width: 950px;
  26986. margin: 0 0 0 0;
  26987. }
  26988. }
  26989. /* Tablet and Mobile */
  26990. @media only screen and (max-width: 991.98px) {
  26991. .ui.modal > .header {
  26992. padding-right: 2.25rem;
  26993. }
  26994. .ui.modal > .close {
  26995. top: 1.0535rem;
  26996. right: 1rem;
  26997. color: rgba(0, 0, 0, 0.87);
  26998. }
  26999. }
  27000. /* Mobile */
  27001. @media only screen and (max-width: 767.98px) {
  27002. .ui.modal > .header {
  27003. padding: 0.75rem 1rem !important;
  27004. padding-right: 2.25rem !important;
  27005. }
  27006. .ui.overlay.fullscreen.modal > .content.content.content {
  27007. min-height: calc(100vh - 8.1rem);
  27008. }
  27009. .ui.overlay.fullscreen.modal > .scrolling.content.content.content {
  27010. max-height: calc(100vh - 8.1rem);
  27011. }
  27012. .ui.modal > .content {
  27013. display: block;
  27014. padding: 1rem !important;
  27015. }
  27016. .ui.modal > .close {
  27017. top: 0.5rem !important;
  27018. right: 0.5rem !important;
  27019. }
  27020. /*rtl:ignore*/
  27021. .ui.modal .image.content {
  27022. flex-direction: column;
  27023. }
  27024. .ui.modal > .content > .image {
  27025. display: block;
  27026. max-width: 100%;
  27027. margin: 0 auto !important;
  27028. text-align: center;
  27029. padding: 0 0 1rem !important;
  27030. }
  27031. .ui.modal > .content > .image > i.icon {
  27032. font-size: 5rem;
  27033. text-align: center;
  27034. }
  27035. /*rtl:ignore*/
  27036. .ui.modal > .content > .description {
  27037. display: block;
  27038. width: 100% !important;
  27039. margin: 0 !important;
  27040. padding: 1rem 0 !important;
  27041. box-shadow: none;
  27042. }
  27043. /* Let Buttons Stack */
  27044. .ui.modal > .actions {
  27045. padding: 1rem 1rem 0rem !important;
  27046. }
  27047. .ui.modal .actions > .buttons,
  27048. .ui.modal .actions > .button {
  27049. margin-bottom: 1rem;
  27050. }
  27051. }
  27052. /*--------------
  27053. Coupling
  27054. ---------------*/
  27055. .ui.inverted.dimmer > .ui.modal {
  27056. box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
  27057. }
  27058. /*******************************
  27059. Types
  27060. *******************************/
  27061. .ui.basic.modal {
  27062. background-color: transparent;
  27063. border: none;
  27064. border-radius: 0;
  27065. box-shadow: none !important;
  27066. color: #FFFFFF;
  27067. }
  27068. .ui.basic.modal > .header,
  27069. .ui.basic.modal > .content,
  27070. .ui.basic.modal > .actions {
  27071. background-color: transparent;
  27072. }
  27073. .ui.basic.modal > .header {
  27074. color: #FFFFFF;
  27075. border-bottom: none;
  27076. }
  27077. .ui.basic.modal > .close {
  27078. top: 1rem;
  27079. right: 1.5rem;
  27080. color: #FFFFFF;
  27081. }
  27082. .ui.inverted.dimmer > .basic.modal {
  27083. color: rgba(0, 0, 0, 0.87);
  27084. }
  27085. .ui.inverted.dimmer > .ui.basic.modal > .header {
  27086. color: rgba(0, 0, 0, 0.85);
  27087. }
  27088. /* Resort to margin positioning if legacy */
  27089. .ui.legacy.legacy.modal,
  27090. .ui.legacy.legacy.page.dimmer > .ui.modal {
  27091. left: 50% !important;
  27092. }
  27093. .ui.legacy.legacy.modal:not(.aligned),
  27094. .ui.legacy.legacy.page.dimmer > .ui.modal:not(.aligned) {
  27095. top: 50%;
  27096. }
  27097. .ui.legacy.legacy.page.dimmer > .ui.scrolling.modal:not(.aligned),
  27098. .ui.page.dimmer > .ui.scrolling.legacy.legacy.modal:not(.aligned),
  27099. .ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal:not(.aligned),
  27100. .ui.top.aligned.dimmer > .ui.legacy.legacy.modal:not(.aligned) {
  27101. top: auto;
  27102. }
  27103. .ui.legacy.overlay.fullscreen.modal {
  27104. margin-top: -2rem !important;
  27105. }
  27106. /*******************************
  27107. States
  27108. *******************************/
  27109. .ui.loading.modal {
  27110. display: block;
  27111. visibility: hidden;
  27112. z-index: -1;
  27113. }
  27114. .ui.active.modal {
  27115. display: block;
  27116. }
  27117. /*******************************
  27118. Variations
  27119. *******************************/
  27120. /*--------------
  27121. Aligned
  27122. ---------------*/
  27123. .modals.dimmer .ui.top.aligned.modal {
  27124. top: 5vh;
  27125. }
  27126. .modals.dimmer .ui.bottom.aligned.modal {
  27127. bottom: 5vh;
  27128. }
  27129. @media only screen and (max-width: 767.98px) {
  27130. .modals.dimmer .ui.top.aligned.modal {
  27131. top: 1rem;
  27132. }
  27133. .modals.dimmer .ui.bottom.aligned.modal {
  27134. bottom: 1rem;
  27135. }
  27136. }
  27137. /*--------------
  27138. Scrolling
  27139. ---------------*/
  27140. /* Scrolling Dimmer */
  27141. .scrolling.dimmable.dimmed {
  27142. overflow: hidden;
  27143. }
  27144. .scrolling.dimmable > .dimmer {
  27145. justify-content: flex-start;
  27146. position: fixed;
  27147. }
  27148. .scrolling.dimmable.dimmed > .dimmer {
  27149. overflow: auto;
  27150. -webkit-overflow-scrolling: touch;
  27151. }
  27152. .modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
  27153. margin: 2rem auto;
  27154. }
  27155. /* Fix for Firefox, Edge, IE11 */
  27156. .modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
  27157. content: '\00A0';
  27158. position: absolute;
  27159. height: 2rem;
  27160. }
  27161. /* Undetached Scrolling */
  27162. .scrolling.undetached.dimmable.dimmed {
  27163. overflow: auto;
  27164. -webkit-overflow-scrolling: touch;
  27165. }
  27166. .scrolling.undetached.dimmable.dimmed > .dimmer {
  27167. overflow: hidden;
  27168. }
  27169. .scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
  27170. position: absolute;
  27171. left: 50%;
  27172. }
  27173. /* Scrolling Content */
  27174. .ui.modal > .scrolling.content {
  27175. max-height: calc(80vh - 10rem);
  27176. overflow: auto;
  27177. }
  27178. .ui.overlay.fullscreen.modal > .content {
  27179. min-height: calc(100vh - 9.1rem);
  27180. }
  27181. .ui.overlay.fullscreen.modal > .scrolling.content {
  27182. max-height: calc(100vh - 9.1rem);
  27183. }
  27184. /*--------------
  27185. Full Screen
  27186. ---------------*/
  27187. .ui.fullscreen.modal {
  27188. width: 95%;
  27189. left: 2.5%;
  27190. margin: 1em auto;
  27191. }
  27192. .ui.overlay.fullscreen.modal {
  27193. width: 100%;
  27194. left: 0;
  27195. margin: 0 auto;
  27196. top: 0;
  27197. border-radius: 0;
  27198. }
  27199. .ui.modal > .close.inside + .header,
  27200. .ui.fullscreen.modal > .header {
  27201. padding-right: 2.25rem;
  27202. }
  27203. .ui.modal > .close.inside,
  27204. .ui.fullscreen.modal > .close {
  27205. top: 1.0535rem;
  27206. right: 1rem;
  27207. color: rgba(0, 0, 0, 0.87);
  27208. }
  27209. .ui.basic.fullscreen.modal > .close {
  27210. color: #FFFFFF;
  27211. }
  27212. /*--------------
  27213. Size
  27214. ---------------*/
  27215. .ui.modal {
  27216. font-size: 1rem;
  27217. }
  27218. .ui.mini.modal > .header:not(.ui) {
  27219. font-size: 1.3em;
  27220. }
  27221. @media only screen and (max-width: 767.98px) {
  27222. .ui.mini.modal {
  27223. width: 95%;
  27224. margin: 0 0 0 0;
  27225. }
  27226. }
  27227. @media only screen and (min-width: 768px) {
  27228. .ui.mini.modal {
  27229. width: 35.2%;
  27230. margin: 0 0 0 0;
  27231. }
  27232. }
  27233. @media only screen and (min-width: 992px) {
  27234. .ui.mini.modal {
  27235. width: 340px;
  27236. margin: 0 0 0 0;
  27237. }
  27238. }
  27239. @media only screen and (min-width: 1200px) {
  27240. .ui.mini.modal {
  27241. width: 360px;
  27242. margin: 0 0 0 0;
  27243. }
  27244. }
  27245. @media only screen and (min-width: 1920px) {
  27246. .ui.mini.modal {
  27247. width: 380px;
  27248. margin: 0 0 0 0;
  27249. }
  27250. }
  27251. .ui.tiny.modal > .header:not(.ui) {
  27252. font-size: 1.3em;
  27253. }
  27254. @media only screen and (max-width: 767.98px) {
  27255. .ui.tiny.modal {
  27256. width: 95%;
  27257. margin: 0 0 0 0;
  27258. }
  27259. }
  27260. @media only screen and (min-width: 768px) {
  27261. .ui.tiny.modal {
  27262. width: 52.8%;
  27263. margin: 0 0 0 0;
  27264. }
  27265. }
  27266. @media only screen and (min-width: 992px) {
  27267. .ui.tiny.modal {
  27268. width: 510px;
  27269. margin: 0 0 0 0;
  27270. }
  27271. }
  27272. @media only screen and (min-width: 1200px) {
  27273. .ui.tiny.modal {
  27274. width: 540px;
  27275. margin: 0 0 0 0;
  27276. }
  27277. }
  27278. @media only screen and (min-width: 1920px) {
  27279. .ui.tiny.modal {
  27280. width: 570px;
  27281. margin: 0 0 0 0;
  27282. }
  27283. }
  27284. .ui.small.modal > .header:not(.ui) {
  27285. font-size: 1.3em;
  27286. }
  27287. @media only screen and (max-width: 767.98px) {
  27288. .ui.small.modal {
  27289. width: 95%;
  27290. margin: 0 0 0 0;
  27291. }
  27292. }
  27293. @media only screen and (min-width: 768px) {
  27294. .ui.small.modal {
  27295. width: 70.4%;
  27296. margin: 0 0 0 0;
  27297. }
  27298. }
  27299. @media only screen and (min-width: 992px) {
  27300. .ui.small.modal {
  27301. width: 680px;
  27302. margin: 0 0 0 0;
  27303. }
  27304. }
  27305. @media only screen and (min-width: 1200px) {
  27306. .ui.small.modal {
  27307. width: 720px;
  27308. margin: 0 0 0 0;
  27309. }
  27310. }
  27311. @media only screen and (min-width: 1920px) {
  27312. .ui.small.modal {
  27313. width: 760px;
  27314. margin: 0 0 0 0;
  27315. }
  27316. }
  27317. .ui.large.modal > .header:not(.ui) {
  27318. font-size: 1.6em;
  27319. }
  27320. @media only screen and (max-width: 767.98px) {
  27321. .ui.large.modal {
  27322. width: 95%;
  27323. margin: 0 0 0 0;
  27324. }
  27325. }
  27326. @media only screen and (min-width: 768px) {
  27327. .ui.large.modal {
  27328. width: 88%;
  27329. margin: 0 0 0 0;
  27330. }
  27331. }
  27332. @media only screen and (min-width: 992px) {
  27333. .ui.large.modal {
  27334. width: 1020px;
  27335. margin: 0 0 0 0;
  27336. }
  27337. }
  27338. @media only screen and (min-width: 1200px) {
  27339. .ui.large.modal {
  27340. width: 1080px;
  27341. margin: 0 0 0 0;
  27342. }
  27343. }
  27344. @media only screen and (min-width: 1920px) {
  27345. .ui.large.modal {
  27346. width: 1140px;
  27347. margin: 0 0 0 0;
  27348. }
  27349. }
  27350. .ui.big.modal > .header:not(.ui) {
  27351. font-size: 1.6em;
  27352. }
  27353. @media only screen and (max-width: 767.98px) {
  27354. .ui.big.modal {
  27355. width: 95%;
  27356. margin: 0 0 0 0;
  27357. }
  27358. }
  27359. @media only screen and (min-width: 768px) {
  27360. .ui.big.modal {
  27361. width: 88%;
  27362. margin: 0 0 0 0;
  27363. }
  27364. }
  27365. @media only screen and (min-width: 992px) {
  27366. .ui.big.modal {
  27367. width: 1190px;
  27368. margin: 0 0 0 0;
  27369. }
  27370. }
  27371. @media only screen and (min-width: 1200px) {
  27372. .ui.big.modal {
  27373. width: 1260px;
  27374. margin: 0 0 0 0;
  27375. }
  27376. }
  27377. @media only screen and (min-width: 1920px) {
  27378. .ui.big.modal {
  27379. width: 1330px;
  27380. margin: 0 0 0 0;
  27381. }
  27382. }
  27383. .ui.huge.modal > .header:not(.ui) {
  27384. font-size: 1.6em;
  27385. }
  27386. @media only screen and (max-width: 767.98px) {
  27387. .ui.huge.modal {
  27388. width: 95%;
  27389. margin: 0 0 0 0;
  27390. }
  27391. }
  27392. @media only screen and (min-width: 768px) {
  27393. .ui.huge.modal {
  27394. width: 88%;
  27395. margin: 0 0 0 0;
  27396. }
  27397. }
  27398. @media only screen and (min-width: 992px) {
  27399. .ui.huge.modal {
  27400. width: 1360px;
  27401. margin: 0 0 0 0;
  27402. }
  27403. }
  27404. @media only screen and (min-width: 1200px) {
  27405. .ui.huge.modal {
  27406. width: 1440px;
  27407. margin: 0 0 0 0;
  27408. }
  27409. }
  27410. @media only screen and (min-width: 1920px) {
  27411. .ui.huge.modal {
  27412. width: 1520px;
  27413. margin: 0 0 0 0;
  27414. }
  27415. }
  27416. .ui.massive.modal > .header:not(.ui) {
  27417. font-size: 1.8em;
  27418. }
  27419. @media only screen and (max-width: 767.98px) {
  27420. .ui.massive.modal {
  27421. width: 95%;
  27422. margin: 0 0 0 0;
  27423. }
  27424. }
  27425. @media only screen and (min-width: 768px) {
  27426. .ui.massive.modal {
  27427. width: 88%;
  27428. margin: 0 0 0 0;
  27429. }
  27430. }
  27431. @media only screen and (min-width: 992px) {
  27432. .ui.massive.modal {
  27433. width: 1530px;
  27434. margin: 0 0 0 0;
  27435. }
  27436. }
  27437. @media only screen and (min-width: 1200px) {
  27438. .ui.massive.modal {
  27439. width: 1620px;
  27440. margin: 0 0 0 0;
  27441. }
  27442. }
  27443. @media only screen and (min-width: 1920px) {
  27444. .ui.massive.modal {
  27445. width: 1710px;
  27446. margin: 0 0 0 0;
  27447. }
  27448. }
  27449. /*****************************
  27450. Inverted
  27451. *******************************/
  27452. .ui.inverted.modal {
  27453. background: rgba(0, 0, 0, 0.9);
  27454. }
  27455. .ui.inverted.modal > .header,
  27456. .ui.inverted.modal > .content {
  27457. background: rgba(0, 0, 0, 0.9);
  27458. color: #FFFFFF;
  27459. }
  27460. .ui.inverted.modal > .actions {
  27461. background: #191A1B;
  27462. border-top: 1px solid rgba(34, 36, 38, 0.85);
  27463. color: #FFFFFF;
  27464. }
  27465. .ui.inverted.dimmer > .modal > .close {
  27466. color: rgba(0, 0, 0, 0.85);
  27467. }
  27468. @media only screen and (max-width: 991.98px) {
  27469. .ui.dimmer .inverted.modal > .close {
  27470. color: #FFFFFF;
  27471. }
  27472. }
  27473. .ui.inverted.modal > .close.inside,
  27474. .ui.inverted.fullscreen.modal > .close {
  27475. color: #FFFFFF;
  27476. }
  27477. /*******************************
  27478. Theme Overrides
  27479. *******************************/
  27480. /*******************************
  27481. Site Overrides
  27482. *******************************/
  27483. /*!
  27484. * # Fomantic-UI - Popup
  27485. * http://github.com/fomantic/Fomantic-UI/
  27486. *
  27487. *
  27488. * Released under the MIT license
  27489. * http://opensource.org/licenses/MIT
  27490. *
  27491. */
  27492. /*******************************
  27493. Popup
  27494. *******************************/
  27495. .ui.popup {
  27496. display: none;
  27497. position: absolute;
  27498. top: 0;
  27499. right: 0;
  27500. /* Fixes content being squished when inline (moz only) */
  27501. min-width: -webkit-min-content;
  27502. min-width: -moz-min-content;
  27503. min-width: min-content;
  27504. z-index: 1900;
  27505. border: 1px solid #D4D4D5;
  27506. line-height: 1.4285em;
  27507. max-width: 250px;
  27508. background: #FFFFFF;
  27509. padding: 0.833em 1em;
  27510. font-weight: normal;
  27511. font-style: normal;
  27512. color: rgba(0, 0, 0, 0.87);
  27513. border-radius: 0.28571429rem;
  27514. box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  27515. }
  27516. .ui.popup > .header {
  27517. padding: 0;
  27518. font-family: var(--fonts-regular);
  27519. font-size: 1.14285714em;
  27520. line-height: 1.2;
  27521. font-weight: 500;
  27522. }
  27523. .ui.popup > .header + .content {
  27524. padding-top: 0.5em;
  27525. }
  27526. .ui.popup:before {
  27527. position: absolute;
  27528. content: '';
  27529. width: 0.71428571em;
  27530. height: 0.71428571em;
  27531. background: #FFFFFF;
  27532. transform: rotate(45deg);
  27533. z-index: 1901;
  27534. box-shadow: 1px 1px 0 0 #bababc;
  27535. }
  27536. /*******************************
  27537. Types
  27538. *******************************/
  27539. /*--------------
  27540. Tooltip
  27541. ---------------*/
  27542. /* Content */
  27543. [data-tooltip] {
  27544. position: relative;
  27545. }
  27546. /* Arrow */
  27547. [data-tooltip]:before {
  27548. pointer-events: none;
  27549. position: absolute;
  27550. content: '';
  27551. font-size: 1rem;
  27552. width: 0.71428571em;
  27553. height: 0.71428571em;
  27554. background: #FFFFFF;
  27555. transform: rotate(45deg);
  27556. z-index: 1901;
  27557. box-shadow: 1px 1px 0 0 #bababc;
  27558. }
  27559. /* Popup */
  27560. [data-tooltip]:after {
  27561. pointer-events: none;
  27562. content: attr(data-tooltip);
  27563. position: absolute;
  27564. text-transform: none;
  27565. text-align: left;
  27566. text-shadow: none;
  27567. white-space: nowrap;
  27568. font-size: 1rem;
  27569. border: 1px solid #D4D4D5;
  27570. line-height: 1.4285em;
  27571. max-width: none;
  27572. background: #FFFFFF;
  27573. padding: 0.833em 1em;
  27574. font-weight: normal;
  27575. font-style: normal;
  27576. color: rgba(0, 0, 0, 0.87);
  27577. border-radius: 0.28571429rem;
  27578. box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  27579. z-index: 1900;
  27580. }
  27581. /* Default Position (Top Center) */
  27582. [data-tooltip]:not([data-position]):before {
  27583. top: auto;
  27584. right: auto;
  27585. bottom: 100%;
  27586. left: 50%;
  27587. background: #FFFFFF;
  27588. margin-left: -0.07142857rem;
  27589. margin-bottom: 0.14285714rem;
  27590. }
  27591. [data-tooltip]:not([data-position]):after {
  27592. left: 50%;
  27593. transform: translateX(-50%);
  27594. bottom: 100%;
  27595. margin-bottom: 0.5em;
  27596. }
  27597. /* Animation */
  27598. [data-tooltip]:before,
  27599. [data-tooltip]:after {
  27600. pointer-events: none;
  27601. visibility: hidden;
  27602. opacity: 0;
  27603. transition: transform 0.1s ease, opacity 0.1s ease;
  27604. }
  27605. [data-tooltip]:before {
  27606. transform: rotate(45deg) scale(0) !important;
  27607. transform-origin: center top;
  27608. }
  27609. [data-tooltip]:after {
  27610. transform-origin: center bottom;
  27611. }
  27612. [data-tooltip]:hover:before,
  27613. [data-tooltip]:hover:after {
  27614. visibility: visible;
  27615. pointer-events: auto;
  27616. opacity: 1;
  27617. }
  27618. [data-tooltip]:hover:before {
  27619. transform: rotate(45deg) scale(1) !important;
  27620. }
  27621. /* Animation Position */
  27622. [data-tooltip]:after,
  27623. [data-tooltip][data-position="top center"]:after,
  27624. [data-tooltip][data-position="bottom center"]:after {
  27625. transform: translateX(-50%) scale(0) !important;
  27626. }
  27627. [data-tooltip]:hover:after,
  27628. [data-tooltip][data-position="bottom center"]:hover:after {
  27629. transform: translateX(-50%) scale(1) !important;
  27630. }
  27631. [data-tooltip][data-position="left center"]:after,
  27632. [data-tooltip][data-position="right center"]:after {
  27633. transform: translateY(-50%) scale(0) !important;
  27634. }
  27635. [data-tooltip][data-position="left center"]:hover:after,
  27636. [data-tooltip][data-position="right center"]:hover:after {
  27637. transform: translateY(-50%) scale(1) !important;
  27638. -moz-transform: translateY(-50%) scale(1.0001) !important;
  27639. }
  27640. [data-tooltip][data-position="top left"]:after,
  27641. [data-tooltip][data-position="top right"]:after,
  27642. [data-tooltip][data-position="bottom left"]:after,
  27643. [data-tooltip][data-position="bottom right"]:after {
  27644. transform: scale(0) !important;
  27645. }
  27646. [data-tooltip][data-position="top left"]:hover:after,
  27647. [data-tooltip][data-position="top right"]:hover:after,
  27648. [data-tooltip][data-position="bottom left"]:hover:after,
  27649. [data-tooltip][data-position="bottom right"]:hover:after {
  27650. transform: scale(1) !important;
  27651. }
  27652. [data-tooltip][data-variation~="fixed"]:after {
  27653. white-space: normal;
  27654. width: 250px;
  27655. }
  27656. [data-tooltip][data-variation*="wide fixed"]:after {
  27657. width: 350px;
  27658. }
  27659. [data-tooltip][data-variation*="very wide fixed"]:after {
  27660. width: 550px;
  27661. }
  27662. @media only screen and (max-width: 767.98px) {
  27663. [data-tooltip][data-variation~="fixed"]:after {
  27664. width: 250px;
  27665. }
  27666. }
  27667. /*--------------
  27668. Inverted
  27669. ---------------*/
  27670. /* Arrow */
  27671. [data-tooltip][data-inverted]:before {
  27672. box-shadow: none !important;
  27673. }
  27674. /* Arrow Position */
  27675. [data-tooltip][data-inverted]:before {
  27676. background: #1B1C1D;
  27677. }
  27678. /* Popup */
  27679. [data-tooltip][data-inverted]:after {
  27680. background: #1B1C1D;
  27681. color: #FFFFFF;
  27682. border: none;
  27683. box-shadow: none;
  27684. }
  27685. [data-tooltip][data-inverted]:after .header {
  27686. background: none;
  27687. color: #FFFFFF;
  27688. }
  27689. /*--------------
  27690. Position
  27691. ---------------*/
  27692. [data-position~="top"][data-tooltip]:before {
  27693. background: #FFFFFF;
  27694. }
  27695. /* Top Center */
  27696. [data-position="top center"][data-tooltip]:after {
  27697. top: auto;
  27698. right: auto;
  27699. left: 50%;
  27700. bottom: 100%;
  27701. transform: translateX(-50%);
  27702. margin-bottom: 0.5em;
  27703. }
  27704. [data-position="top center"][data-tooltip]:before {
  27705. top: auto;
  27706. right: auto;
  27707. bottom: 100%;
  27708. left: 50%;
  27709. background: #FFFFFF;
  27710. margin-left: -0.07142857rem;
  27711. margin-bottom: 0.14285714rem;
  27712. }
  27713. /* Top Left */
  27714. [data-position="top left"][data-tooltip]:after {
  27715. top: auto;
  27716. right: auto;
  27717. left: 0;
  27718. bottom: 100%;
  27719. margin-bottom: 0.5em;
  27720. }
  27721. [data-position="top left"][data-tooltip]:before {
  27722. top: auto;
  27723. right: auto;
  27724. bottom: 100%;
  27725. left: 1em;
  27726. margin-left: -0.07142857rem;
  27727. margin-bottom: 0.14285714rem;
  27728. }
  27729. /* Top Right */
  27730. [data-position="top right"][data-tooltip]:after {
  27731. top: auto;
  27732. left: auto;
  27733. right: 0;
  27734. bottom: 100%;
  27735. margin-bottom: 0.5em;
  27736. }
  27737. [data-position="top right"][data-tooltip]:before {
  27738. top: auto;
  27739. left: auto;
  27740. bottom: 100%;
  27741. right: 1em;
  27742. margin-left: -0.07142857rem;
  27743. margin-bottom: 0.14285714rem;
  27744. }
  27745. [data-position~="bottom"][data-tooltip]:before {
  27746. background: #FFFFFF;
  27747. box-shadow: -1px -1px 0 0 #bababc;
  27748. }
  27749. /* Bottom Center */
  27750. [data-position="bottom center"][data-tooltip]:after {
  27751. bottom: auto;
  27752. right: auto;
  27753. left: 50%;
  27754. top: 100%;
  27755. transform: translateX(-50%);
  27756. margin-top: 0.5em;
  27757. }
  27758. [data-position="bottom center"][data-tooltip]:before {
  27759. bottom: auto;
  27760. right: auto;
  27761. top: 100%;
  27762. left: 50%;
  27763. margin-left: -0.07142857rem;
  27764. margin-top: 0.14285714rem;
  27765. }
  27766. /* Bottom Left */
  27767. [data-position="bottom left"][data-tooltip]:after {
  27768. left: 0;
  27769. top: 100%;
  27770. margin-top: 0.5em;
  27771. }
  27772. [data-position="bottom left"][data-tooltip]:before {
  27773. bottom: auto;
  27774. right: auto;
  27775. top: 100%;
  27776. left: 1em;
  27777. margin-left: -0.07142857rem;
  27778. margin-top: 0.14285714rem;
  27779. }
  27780. /* Bottom Right */
  27781. [data-position="bottom right"][data-tooltip]:after {
  27782. right: 0;
  27783. top: 100%;
  27784. margin-top: 0.5em;
  27785. }
  27786. [data-position="bottom right"][data-tooltip]:before {
  27787. bottom: auto;
  27788. left: auto;
  27789. top: 100%;
  27790. right: 1em;
  27791. margin-left: -0.14285714rem;
  27792. margin-top: 0.07142857rem;
  27793. }
  27794. /* Left Center */
  27795. [data-position="left center"][data-tooltip]:after {
  27796. right: 100%;
  27797. top: 50%;
  27798. margin-right: 0.5em;
  27799. transform: translateY(-50%);
  27800. }
  27801. [data-position="left center"][data-tooltip]:before {
  27802. right: 100%;
  27803. top: 50%;
  27804. margin-top: -0.14285714rem;
  27805. margin-right: -0.07142857rem;
  27806. background: #FFFFFF;
  27807. box-shadow: 1px -1px 0 0 #bababc;
  27808. }
  27809. /* Right Center */
  27810. [data-position="right center"][data-tooltip]:after {
  27811. left: 100%;
  27812. top: 50%;
  27813. margin-left: 0.5em;
  27814. transform: translateY(-50%);
  27815. }
  27816. [data-position="right center"][data-tooltip]:before {
  27817. left: 100%;
  27818. top: 50%;
  27819. margin-top: -0.07142857rem;
  27820. margin-left: 0.14285714rem;
  27821. background: #FFFFFF;
  27822. box-shadow: -1px 1px 0 0 #bababc;
  27823. }
  27824. /* Inverted Arrow Color */
  27825. [data-inverted][data-position~="bottom"][data-tooltip]:before {
  27826. background: #1B1C1D;
  27827. box-shadow: -1px -1px 0 0 #bababc;
  27828. }
  27829. [data-inverted][data-position="left center"][data-tooltip]:before {
  27830. background: #1B1C1D;
  27831. box-shadow: 1px -1px 0 0 #bababc;
  27832. }
  27833. [data-inverted][data-position="right center"][data-tooltip]:before {
  27834. background: #1B1C1D;
  27835. box-shadow: -1px 1px 0 0 #bababc;
  27836. }
  27837. [data-inverted][data-position~="top"][data-tooltip]:before {
  27838. background: #1B1C1D;
  27839. }
  27840. [data-position~="bottom"][data-tooltip]:before {
  27841. transform-origin: center bottom;
  27842. }
  27843. [data-position~="bottom"][data-tooltip]:after {
  27844. transform-origin: center top;
  27845. }
  27846. [data-position="left center"][data-tooltip]:before {
  27847. transform-origin: top center;
  27848. }
  27849. [data-position="left center"][data-tooltip]:after {
  27850. transform-origin: right center;
  27851. }
  27852. [data-position="right center"][data-tooltip]:before {
  27853. transform-origin: right center;
  27854. }
  27855. [data-position="right center"][data-tooltip]:after {
  27856. transform-origin: left center;
  27857. }
  27858. /*--------------
  27859. Basic
  27860. ---------------*/
  27861. [data-tooltip][data-variation~="basic"]:before {
  27862. display: none;
  27863. }
  27864. /*--------------
  27865. Spacing
  27866. ---------------*/
  27867. .ui.popup {
  27868. margin: 0;
  27869. }
  27870. /* Extending from Top */
  27871. .ui.top.popup {
  27872. margin: 0 0 0.71428571em;
  27873. }
  27874. .ui.top.left.popup {
  27875. transform-origin: left bottom;
  27876. }
  27877. .ui.top.center.popup {
  27878. transform-origin: center bottom;
  27879. }
  27880. .ui.top.right.popup {
  27881. transform-origin: right bottom;
  27882. }
  27883. /* Extending from Vertical Center */
  27884. .ui.left.center.popup {
  27885. margin: 0 0.71428571em 0 0;
  27886. transform-origin: right 50%;
  27887. }
  27888. .ui.right.center.popup {
  27889. margin: 0 0 0 0.71428571em;
  27890. transform-origin: left 50%;
  27891. }
  27892. /* Extending from Bottom */
  27893. .ui.bottom.popup {
  27894. margin: 0.71428571em 0 0;
  27895. }
  27896. .ui.bottom.left.popup {
  27897. transform-origin: left top;
  27898. }
  27899. .ui.bottom.center.popup {
  27900. transform-origin: center top;
  27901. }
  27902. .ui.bottom.right.popup {
  27903. transform-origin: right top;
  27904. }
  27905. /*--------------
  27906. Pointer
  27907. ---------------*/
  27908. /*--- Below ---*/
  27909. .ui.bottom.center.popup:before {
  27910. margin-left: -0.30714286em;
  27911. top: -0.30714286em;
  27912. left: 50%;
  27913. right: auto;
  27914. bottom: auto;
  27915. box-shadow: -1px -1px 0 0 #bababc;
  27916. }
  27917. .ui.bottom.left.popup {
  27918. margin-left: 0;
  27919. }
  27920. /*rtl:rename*/
  27921. .ui.bottom.left.popup:before {
  27922. top: -0.30714286em;
  27923. left: 1em;
  27924. right: auto;
  27925. bottom: auto;
  27926. margin-left: 0;
  27927. box-shadow: -1px -1px 0 0 #bababc;
  27928. }
  27929. .ui.bottom.right.popup {
  27930. margin-right: 0;
  27931. }
  27932. /*rtl:rename*/
  27933. .ui.bottom.right.popup:before {
  27934. top: -0.30714286em;
  27935. right: 1em;
  27936. bottom: auto;
  27937. left: auto;
  27938. margin-left: 0;
  27939. box-shadow: -1px -1px 0 0 #bababc;
  27940. }
  27941. /*--- Above ---*/
  27942. .ui.top.center.popup:before {
  27943. top: auto;
  27944. right: auto;
  27945. bottom: -0.30714286em;
  27946. left: 50%;
  27947. margin-left: -0.30714286em;
  27948. }
  27949. .ui.top.left.popup {
  27950. margin-left: 0;
  27951. }
  27952. /*rtl:rename*/
  27953. .ui.top.left.popup:before {
  27954. bottom: -0.30714286em;
  27955. left: 1em;
  27956. top: auto;
  27957. right: auto;
  27958. margin-left: 0;
  27959. }
  27960. .ui.top.right.popup {
  27961. margin-right: 0;
  27962. }
  27963. /*rtl:rename*/
  27964. .ui.top.right.popup:before {
  27965. bottom: -0.30714286em;
  27966. right: 1em;
  27967. top: auto;
  27968. left: auto;
  27969. margin-left: 0;
  27970. }
  27971. /*--- Left Center ---*/
  27972. /*rtl:rename*/
  27973. .ui.left.center.popup:before {
  27974. top: 50%;
  27975. right: -0.30714286em;
  27976. bottom: auto;
  27977. left: auto;
  27978. margin-top: -0.30714286em;
  27979. box-shadow: 1px -1px 0 0 #bababc;
  27980. }
  27981. /*--- Right Center ---*/
  27982. /*rtl:rename*/
  27983. .ui.right.center.popup:before {
  27984. top: 50%;
  27985. left: -0.30714286em;
  27986. bottom: auto;
  27987. right: auto;
  27988. margin-top: -0.30714286em;
  27989. box-shadow: -1px 1px 0 0 #bababc;
  27990. }
  27991. .ui.right.center.popup:before,
  27992. .ui.left.center.popup:before {
  27993. background: #FFFFFF;
  27994. }
  27995. /* Arrow Color By Location */
  27996. .ui.bottom.popup:before {
  27997. background: #FFFFFF;
  27998. }
  27999. .ui.top.popup:before {
  28000. background: #FFFFFF;
  28001. }
  28002. /* Inverted Arrow Color */
  28003. .ui.inverted.bottom.popup:before {
  28004. background: #1B1C1D;
  28005. }
  28006. .ui.inverted.right.center.popup:before,
  28007. .ui.inverted.left.center.popup:before {
  28008. background: #1B1C1D;
  28009. }
  28010. .ui.inverted.top.popup:before {
  28011. background: #1B1C1D;
  28012. }
  28013. /*******************************
  28014. Coupling
  28015. *******************************/
  28016. /* Immediate Nested Grid */
  28017. .ui.popup > .ui.grid:not(.padded) {
  28018. width: calc(100% + 1.75rem);
  28019. margin: -0.7rem -0.875rem;
  28020. }
  28021. /*******************************
  28022. States
  28023. *******************************/
  28024. .ui.loading.popup {
  28025. display: block;
  28026. visibility: hidden;
  28027. z-index: -1;
  28028. }
  28029. .ui.animating.popup,
  28030. .ui.visible.popup {
  28031. display: block;
  28032. }
  28033. .ui.visible.popup {
  28034. transform: translateZ(0);
  28035. -webkit-backface-visibility: hidden;
  28036. backface-visibility: hidden;
  28037. }
  28038. /*******************************
  28039. Variations
  28040. *******************************/
  28041. /*--------------
  28042. Basic
  28043. ---------------*/
  28044. .ui.basic.popup:before {
  28045. display: none;
  28046. }
  28047. .ui.fixed.popup {
  28048. width: 250px;
  28049. }
  28050. /*--------------
  28051. Wide
  28052. ---------------*/
  28053. .ui.wide.popup {
  28054. max-width: 350px;
  28055. }
  28056. .ui.wide.popup.fixed {
  28057. width: 350px;
  28058. }
  28059. .ui[class*="very wide"].popup {
  28060. max-width: 550px;
  28061. }
  28062. .ui[class*="very wide"].popup.fixed {
  28063. width: 550px;
  28064. }
  28065. @media only screen and (max-width: 767.98px) {
  28066. .ui.wide.popup,
  28067. .ui[class*="very wide"].popup {
  28068. max-width: 250px;
  28069. }
  28070. .ui.wide.popup.fixed,
  28071. .ui[class*="very wide"].popup.fixed {
  28072. width: 250px;
  28073. }
  28074. }
  28075. /*--------------
  28076. Fluid
  28077. ---------------*/
  28078. .ui.fluid.popup {
  28079. width: 100%;
  28080. max-width: none;
  28081. }
  28082. /*--------------
  28083. Colors
  28084. ---------------*/
  28085. /* Inverted colors */
  28086. .ui.inverted.popup {
  28087. background: #1B1C1D;
  28088. color: #FFFFFF;
  28089. border: none;
  28090. box-shadow: none;
  28091. }
  28092. .ui.inverted.popup .header {
  28093. background-color: none;
  28094. color: #FFFFFF;
  28095. }
  28096. .ui.inverted.popup:before {
  28097. background-color: #1B1C1D;
  28098. box-shadow: none !important;
  28099. }
  28100. /*--------------
  28101. Flowing
  28102. ---------------*/
  28103. .ui.flowing.popup {
  28104. max-width: none;
  28105. }
  28106. /*--------------
  28107. Sizes
  28108. ---------------*/
  28109. .ui.popup {
  28110. font-size: 1rem;
  28111. }
  28112. .ui.mini.popup {
  28113. font-size: 0.78571429rem;
  28114. }
  28115. [data-tooltip][data-variation~="mini"]:before,
  28116. [data-tooltip][data-variation~="mini"]:after {
  28117. font-size: 0.78571429rem;
  28118. }
  28119. .ui.tiny.popup {
  28120. font-size: 0.85714286rem;
  28121. }
  28122. [data-tooltip][data-variation~="tiny"]:before,
  28123. [data-tooltip][data-variation~="tiny"]:after {
  28124. font-size: 0.85714286rem;
  28125. }
  28126. .ui.small.popup {
  28127. font-size: 0.92857143rem;
  28128. }
  28129. [data-tooltip][data-variation~="small"]:before,
  28130. [data-tooltip][data-variation~="small"]:after {
  28131. font-size: 0.92857143rem;
  28132. }
  28133. .ui.large.popup {
  28134. font-size: 1.14285714rem;
  28135. }
  28136. [data-tooltip][data-variation~="large"]:before,
  28137. [data-tooltip][data-variation~="large"]:after {
  28138. font-size: 1.14285714rem;
  28139. }
  28140. .ui.big.popup {
  28141. font-size: 1.28571429rem;
  28142. }
  28143. [data-tooltip][data-variation~="big"]:before,
  28144. [data-tooltip][data-variation~="big"]:after {
  28145. font-size: 1.28571429rem;
  28146. }
  28147. .ui.huge.popup {
  28148. font-size: 1.42857143rem;
  28149. }
  28150. [data-tooltip][data-variation~="huge"]:before,
  28151. [data-tooltip][data-variation~="huge"]:after {
  28152. font-size: 1.42857143rem;
  28153. }
  28154. .ui.massive.popup {
  28155. font-size: 1.71428571rem;
  28156. }
  28157. [data-tooltip][data-variation~="massive"]:before,
  28158. [data-tooltip][data-variation~="massive"]:after {
  28159. font-size: 1.71428571rem;
  28160. }
  28161. /*******************************
  28162. Theme Overrides
  28163. *******************************/
  28164. /*******************************
  28165. User Overrides
  28166. *******************************/
  28167. /*!
  28168. * # Fomantic-UI - Progress Bar
  28169. * http://github.com/fomantic/Fomantic-UI/
  28170. *
  28171. *
  28172. * Released under the MIT license
  28173. * http://opensource.org/licenses/MIT
  28174. *
  28175. */
  28176. /*******************************
  28177. Progress
  28178. *******************************/
  28179. .ui.progress {
  28180. position: relative;
  28181. display: block;
  28182. max-width: 100%;
  28183. border: none;
  28184. margin: 1em 0 2.5em;
  28185. box-shadow: none;
  28186. background: rgba(0, 0, 0, 0.1);
  28187. padding: 0;
  28188. border-radius: 0.28571429rem;
  28189. }
  28190. .ui.progress:first-child {
  28191. margin: 0 0 2.5em;
  28192. }
  28193. .ui.progress:last-child {
  28194. margin: 0 0 1.5em;
  28195. }
  28196. /*******************************
  28197. Content
  28198. *******************************/
  28199. /* Activity Bar */
  28200. .ui.progress .bar {
  28201. display: block;
  28202. line-height: 1;
  28203. position: relative;
  28204. width: 0;
  28205. min-width: 2em;
  28206. background: #888888;
  28207. border-radius: 0.28571429rem;
  28208. transition: width 0.1s ease, background-color 0.1s ease;
  28209. overflow: hidden;
  28210. }
  28211. .ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar,
  28212. .ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar {
  28213. background: transparent;
  28214. }
  28215. .ui.progress[data-percent="0"] .bar .progress {
  28216. color: rgba(0, 0, 0, 0.87);
  28217. }
  28218. .ui.inverted.progress[data-percent="0"] .bar .progress {
  28219. color: rgba(255, 255, 255, 0.9);
  28220. }
  28221. /* Percent Complete */
  28222. .ui.progress .bar > .progress {
  28223. white-space: nowrap;
  28224. position: absolute;
  28225. width: auto;
  28226. font-size: 0.92857143em;
  28227. top: 50%;
  28228. right: 0.5em;
  28229. left: auto;
  28230. bottom: auto;
  28231. color: rgba(255, 255, 255, 0.7);
  28232. text-shadow: none;
  28233. margin-top: -0.5em;
  28234. font-weight: 500;
  28235. text-align: left;
  28236. }
  28237. /* Label */
  28238. .ui.progress > .label {
  28239. position: absolute;
  28240. width: 100%;
  28241. font-size: 1em;
  28242. top: 100%;
  28243. right: auto;
  28244. left: 0;
  28245. bottom: auto;
  28246. color: rgba(0, 0, 0, 0.87);
  28247. font-weight: 500;
  28248. text-shadow: none;
  28249. margin-top: 0.2em;
  28250. text-align: center;
  28251. transition: color 0.4s ease;
  28252. }
  28253. /*******************************
  28254. Types
  28255. *******************************/
  28256. /* Indicating */
  28257. .ui.indicating.progress[data-percent^="1"] .bar,
  28258. .ui.indicating.progress[data-percent^="2"] .bar {
  28259. background-color: #D95C5C;
  28260. }
  28261. .ui.indicating.progress[data-percent^="3"] .bar {
  28262. background-color: #EFBC72;
  28263. }
  28264. .ui.indicating.progress[data-percent^="4"] .bar,
  28265. .ui.indicating.progress[data-percent^="5"] .bar {
  28266. background-color: #E6BB48;
  28267. }
  28268. .ui.indicating.progress[data-percent^="6"] .bar {
  28269. background-color: #DDC928;
  28270. }
  28271. .ui.indicating.progress[data-percent^="7"] .bar,
  28272. .ui.indicating.progress[data-percent^="8"] .bar {
  28273. background-color: #B4D95C;
  28274. }
  28275. .ui.indicating.progress[data-percent^="9"] .bar,
  28276. .ui.indicating.progress[data-percent^="100"] .bar {
  28277. background-color: #66DA81;
  28278. }
  28279. /* Indicating Label */
  28280. .ui.indicating.progress[data-percent^="1"] .label,
  28281. .ui.indicating.progress[data-percent^="2"] .label {
  28282. color: rgba(0, 0, 0, 0.87);
  28283. }
  28284. .ui.indicating.progress[data-percent^="3"] .label {
  28285. color: rgba(0, 0, 0, 0.87);
  28286. }
  28287. .ui.indicating.progress[data-percent^="4"] .label,
  28288. .ui.indicating.progress[data-percent^="5"] .label {
  28289. color: rgba(0, 0, 0, 0.87);
  28290. }
  28291. .ui.indicating.progress[data-percent^="6"] .label {
  28292. color: rgba(0, 0, 0, 0.87);
  28293. }
  28294. .ui.indicating.progress[data-percent^="7"] .label,
  28295. .ui.indicating.progress[data-percent^="8"] .label {
  28296. color: rgba(0, 0, 0, 0.87);
  28297. }
  28298. .ui.indicating.progress[data-percent^="9"] .label,
  28299. .ui.indicating.progress[data-percent^="100"] .label {
  28300. color: rgba(0, 0, 0, 0.87);
  28301. }
  28302. /* Inverted Indicating Label */
  28303. .ui.inverted.indicating.progress[data-percent^="1"] .label,
  28304. .ui.inverted.indicating.progress[data-percent^="2"] .label {
  28305. color: rgba(255, 255, 255, 0.9);
  28306. }
  28307. .ui.inverted.indicating.progress[data-percent^="3"] .label {
  28308. color: rgba(255, 255, 255, 0.9);
  28309. }
  28310. .ui.inverted.indicating.progress[data-percent^="4"] .label,
  28311. .ui.inverted.indicating.progress[data-percent^="5"] .label {
  28312. color: rgba(255, 255, 255, 0.9);
  28313. }
  28314. .ui.inverted.indicating.progress[data-percent^="6"] .label {
  28315. color: rgba(255, 255, 255, 0.9);
  28316. }
  28317. .ui.inverted.indicating.progress[data-percent^="7"] .label,
  28318. .ui.inverted.indicating.progress[data-percent^="8"] .label {
  28319. color: rgba(255, 255, 255, 0.9);
  28320. }
  28321. .ui.inverted.indicating.progress[data-percent^="9"] .label,
  28322. .ui.inverted.indicating.progress[data-percent^="100"] .label {
  28323. color: rgba(255, 255, 255, 0.9);
  28324. }
  28325. /* Single Digits */
  28326. .ui.indicating.progress[data-percent="1"] .bar,
  28327. .ui.indicating.progress[data-percent^="1."] .bar,
  28328. .ui.indicating.progress[data-percent="2"] .bar,
  28329. .ui.indicating.progress[data-percent^="2."] .bar,
  28330. .ui.indicating.progress[data-percent="3"] .bar,
  28331. .ui.indicating.progress[data-percent^="3."] .bar,
  28332. .ui.indicating.progress[data-percent="4"] .bar,
  28333. .ui.indicating.progress[data-percent^="4."] .bar,
  28334. .ui.indicating.progress[data-percent="5"] .bar,
  28335. .ui.indicating.progress[data-percent^="5."] .bar,
  28336. .ui.indicating.progress[data-percent="6"] .bar,
  28337. .ui.indicating.progress[data-percent^="6."] .bar,
  28338. .ui.indicating.progress[data-percent="7"] .bar,
  28339. .ui.indicating.progress[data-percent^="7."] .bar,
  28340. .ui.indicating.progress[data-percent="8"] .bar,
  28341. .ui.indicating.progress[data-percent^="8."] .bar,
  28342. .ui.indicating.progress[data-percent="9"] .bar,
  28343. .ui.indicating.progress[data-percent^="9."] .bar {
  28344. background-color: #D95C5C;
  28345. }
  28346. .ui.indicating.progress[data-percent="0"] .label,
  28347. .ui.indicating.progress[data-percent^="0."] .label,
  28348. .ui.indicating.progress[data-percent="1"] .label,
  28349. .ui.indicating.progress[data-percent^="1."] .label,
  28350. .ui.indicating.progress[data-percent="2"] .label,
  28351. .ui.indicating.progress[data-percent^="2."] .label,
  28352. .ui.indicating.progress[data-percent="3"] .label,
  28353. .ui.indicating.progress[data-percent^="3."] .label,
  28354. .ui.indicating.progress[data-percent="4"] .label,
  28355. .ui.indicating.progress[data-percent^="4."] .label,
  28356. .ui.indicating.progress[data-percent="5"] .label,
  28357. .ui.indicating.progress[data-percent^="5."] .label,
  28358. .ui.indicating.progress[data-percent="6"] .label,
  28359. .ui.indicating.progress[data-percent^="6."] .label,
  28360. .ui.indicating.progress[data-percent="7"] .label,
  28361. .ui.indicating.progress[data-percent^="7."] .label,
  28362. .ui.indicating.progress[data-percent="8"] .label,
  28363. .ui.indicating.progress[data-percent^="8."] .label,
  28364. .ui.indicating.progress[data-percent="9"] .label,
  28365. .ui.indicating.progress[data-percent^="9."] .label {
  28366. color: rgba(0, 0, 0, 0.87);
  28367. }
  28368. .ui.inverted.indicating.progress[data-percent="0"] .label,
  28369. .ui.inverted.indicating.progress[data-percent^="0."] .label,
  28370. .ui.inverted.indicating.progress[data-percent="1"] .label,
  28371. .ui.inverted.indicating.progress[data-percent^="1."] .label,
  28372. .ui.inverted.indicating.progress[data-percent="2"] .label,
  28373. .ui.inverted.indicating.progress[data-percent^="2."] .label,
  28374. .ui.inverted.indicating.progress[data-percent="3"] .label,
  28375. .ui.inverted.indicating.progress[data-percent^="3."] .label,
  28376. .ui.inverted.indicating.progress[data-percent="4"] .label,
  28377. .ui.inverted.indicating.progress[data-percent^="4."] .label,
  28378. .ui.inverted.indicating.progress[data-percent="5"] .label,
  28379. .ui.inverted.indicating.progress[data-percent^="5."] .label,
  28380. .ui.inverted.indicating.progress[data-percent="6"] .label,
  28381. .ui.inverted.indicating.progress[data-percent^="6."] .label,
  28382. .ui.inverted.indicating.progress[data-percent="7"] .label,
  28383. .ui.inverted.indicating.progress[data-percent^="7."] .label,
  28384. .ui.inverted.indicating.progress[data-percent="8"] .label,
  28385. .ui.inverted.indicating.progress[data-percent^="8."] .label,
  28386. .ui.inverted.indicating.progress[data-percent="9"] .label,
  28387. .ui.inverted.indicating.progress[data-percent^="9."] .label {
  28388. color: rgba(255, 255, 255, 0.9);
  28389. }
  28390. /* Indicating Success */
  28391. .ui.ui.indicating.progress.success .label {
  28392. color: #1A531B;
  28393. }
  28394. /* Multiple */
  28395. .ui.multiple.progress {
  28396. display: flex;
  28397. }
  28398. /*******************************
  28399. States
  28400. *******************************/
  28401. /*--------------
  28402. Success
  28403. ---------------*/
  28404. .ui.ui.progress.success .bar {
  28405. background-color: #21BA45;
  28406. }
  28407. .ui.ui.progress.success .bar,
  28408. .ui.ui.progress.success .bar::after {
  28409. -webkit-animation: none;
  28410. animation: none;
  28411. }
  28412. .ui.progress.success > .label {
  28413. color: #1A531B;
  28414. }
  28415. /*--------------
  28416. Warning
  28417. ---------------*/
  28418. .ui.ui.progress.warning .bar {
  28419. background-color: #F2C037;
  28420. }
  28421. .ui.ui.progress.warning .bar,
  28422. .ui.ui.progress.warning .bar::after {
  28423. -webkit-animation: none;
  28424. animation: none;
  28425. }
  28426. .ui.progress.warning > .label {
  28427. color: #794B02;
  28428. }
  28429. /*--------------
  28430. Error
  28431. ---------------*/
  28432. .ui.ui.progress.error .bar {
  28433. background-color: #DB2828;
  28434. }
  28435. .ui.ui.progress.error .bar,
  28436. .ui.ui.progress.error .bar::after {
  28437. -webkit-animation: none;
  28438. animation: none;
  28439. }
  28440. .ui.progress.error > .label {
  28441. color: #912D2B;
  28442. }
  28443. /*--------------
  28444. Active
  28445. ---------------*/
  28446. .ui.active.progress .bar {
  28447. position: relative;
  28448. min-width: 2em;
  28449. }
  28450. .ui.active.progress .bar::after {
  28451. content: '';
  28452. opacity: 0;
  28453. position: absolute;
  28454. top: 0;
  28455. left: 0;
  28456. right: 0;
  28457. bottom: 0;
  28458. background: #FFFFFF;
  28459. border-radius: 0.28571429rem;
  28460. -webkit-animation: progress-active 2s ease infinite;
  28461. animation: progress-active 2s ease infinite;
  28462. transform-origin: left;
  28463. }
  28464. @-webkit-keyframes progress-active {
  28465. 0% {
  28466. opacity: 0.3;
  28467. transform: scale(0, 1);
  28468. }
  28469. 100% {
  28470. opacity: 0;
  28471. transform: scale(1);
  28472. }
  28473. }
  28474. @keyframes progress-active {
  28475. 0% {
  28476. opacity: 0.3;
  28477. transform: scale(0, 1);
  28478. }
  28479. 100% {
  28480. opacity: 0;
  28481. transform: scale(1);
  28482. }
  28483. }
  28484. /*--------------
  28485. Disabled
  28486. ---------------*/
  28487. .ui.disabled.progress {
  28488. opacity: 0.35;
  28489. }
  28490. .ui.ui.disabled.progress .bar,
  28491. .ui.ui.disabled.progress .bar::after {
  28492. -webkit-animation: none;
  28493. animation: none;
  28494. }
  28495. /*******************************
  28496. Variations
  28497. *******************************/
  28498. /*--------------
  28499. Inverted
  28500. ---------------*/
  28501. .ui.inverted.progress {
  28502. background: rgba(255, 255, 255, 0.08);
  28503. border: none;
  28504. }
  28505. .ui.inverted.progress .bar {
  28506. background: #888888;
  28507. }
  28508. .ui.inverted.progress .bar > .progress {
  28509. color: #1B1C1D;
  28510. }
  28511. .ui.inverted.progress > .label {
  28512. color: #FFFFFF;
  28513. }
  28514. .ui.inverted.progress.success > .label {
  28515. color: #21BA45;
  28516. }
  28517. .ui.inverted.progress.warning > .label {
  28518. color: #F2C037;
  28519. }
  28520. .ui.inverted.progress.error > .label {
  28521. color: #DB2828;
  28522. }
  28523. /*--------------
  28524. Attached
  28525. ---------------*/
  28526. /* bottom attached */
  28527. .ui.progress.attached {
  28528. background: transparent;
  28529. position: relative;
  28530. border: none;
  28531. margin: 0;
  28532. }
  28533. .ui.progress.attached,
  28534. .ui.progress.attached .bar {
  28535. display: block;
  28536. height: 0.2rem;
  28537. padding: 0;
  28538. overflow: hidden;
  28539. border-radius: 0 0 0.28571429rem 0.28571429rem;
  28540. }
  28541. .ui.progress.attached .bar {
  28542. border-radius: 0;
  28543. }
  28544. /* top attached */
  28545. .ui.progress.top.attached,
  28546. .ui.progress.top.attached .bar {
  28547. top: 0;
  28548. border-radius: 0.28571429rem 0.28571429rem 0 0;
  28549. }
  28550. .ui.progress.top.attached .bar {
  28551. border-radius: 0;
  28552. }
  28553. /* Coupling */
  28554. .ui.segment > .ui.attached.progress,
  28555. .ui.card > .ui.attached.progress {
  28556. position: absolute;
  28557. top: auto;
  28558. left: 0;
  28559. bottom: 100%;
  28560. width: 100%;
  28561. }
  28562. .ui.segment > .ui.bottom.attached.progress,
  28563. .ui.card > .ui.bottom.attached.progress {
  28564. top: 100%;
  28565. bottom: auto;
  28566. }
  28567. /*--------------
  28568. Colors
  28569. ---------------*/
  28570. .ui.indeterminate.primary.progress .bar::before,
  28571. .ui.primary.progress .bar,
  28572. .ui.progress .primary.bar {
  28573. background-color: #2185D0;
  28574. }
  28575. .ui.inverted.indeterminate.primary.progress .bar::before,
  28576. .ui.primary.inverted.progress .bar,
  28577. .ui.inverted.progress .primary.bar {
  28578. background-color: #54C8FF;
  28579. }
  28580. .ui.indeterminate.secondary.progress .bar::before,
  28581. .ui.secondary.progress .bar,
  28582. .ui.progress .secondary.bar {
  28583. background-color: #1B1C1D;
  28584. }
  28585. .ui.inverted.indeterminate.secondary.progress .bar::before,
  28586. .ui.secondary.inverted.progress .bar,
  28587. .ui.inverted.progress .secondary.bar {
  28588. background-color: #545454;
  28589. }
  28590. .ui.indeterminate.red.progress .bar::before,
  28591. .ui.red.progress .bar,
  28592. .ui.progress .red.bar {
  28593. background-color: #DB2828;
  28594. }
  28595. .ui.inverted.indeterminate.red.progress .bar::before,
  28596. .ui.red.inverted.progress .bar,
  28597. .ui.inverted.progress .red.bar {
  28598. background-color: #FF695E;
  28599. }
  28600. .ui.indeterminate.orange.progress .bar::before,
  28601. .ui.orange.progress .bar,
  28602. .ui.progress .orange.bar {
  28603. background-color: #F2711C;
  28604. }
  28605. .ui.inverted.indeterminate.orange.progress .bar::before,
  28606. .ui.orange.inverted.progress .bar,
  28607. .ui.inverted.progress .orange.bar {
  28608. background-color: #FF851B;
  28609. }
  28610. .ui.indeterminate.yellow.progress .bar::before,
  28611. .ui.yellow.progress .bar,
  28612. .ui.progress .yellow.bar {
  28613. background-color: #FBBD08;
  28614. }
  28615. .ui.inverted.indeterminate.yellow.progress .bar::before,
  28616. .ui.yellow.inverted.progress .bar,
  28617. .ui.inverted.progress .yellow.bar {
  28618. background-color: #FFE21F;
  28619. }
  28620. .ui.indeterminate.olive.progress .bar::before,
  28621. .ui.olive.progress .bar,
  28622. .ui.progress .olive.bar {
  28623. background-color: #B5CC18;
  28624. }
  28625. .ui.inverted.indeterminate.olive.progress .bar::before,
  28626. .ui.olive.inverted.progress .bar,
  28627. .ui.inverted.progress .olive.bar {
  28628. background-color: #D9E778;
  28629. }
  28630. .ui.indeterminate.green.progress .bar::before,
  28631. .ui.green.progress .bar,
  28632. .ui.progress .green.bar {
  28633. background-color: #21BA45;
  28634. }
  28635. .ui.inverted.indeterminate.green.progress .bar::before,
  28636. .ui.green.inverted.progress .bar,
  28637. .ui.inverted.progress .green.bar {
  28638. background-color: #2ECC40;
  28639. }
  28640. .ui.indeterminate.teal.progress .bar::before,
  28641. .ui.teal.progress .bar,
  28642. .ui.progress .teal.bar {
  28643. background-color: #00B5AD;
  28644. }
  28645. .ui.inverted.indeterminate.teal.progress .bar::before,
  28646. .ui.teal.inverted.progress .bar,
  28647. .ui.inverted.progress .teal.bar {
  28648. background-color: #6DFFFF;
  28649. }
  28650. .ui.indeterminate.blue.progress .bar::before,
  28651. .ui.blue.progress .bar,
  28652. .ui.progress .blue.bar {
  28653. background-color: #2185D0;
  28654. }
  28655. .ui.inverted.indeterminate.blue.progress .bar::before,
  28656. .ui.blue.inverted.progress .bar,
  28657. .ui.inverted.progress .blue.bar {
  28658. background-color: #54C8FF;
  28659. }
  28660. .ui.indeterminate.violet.progress .bar::before,
  28661. .ui.violet.progress .bar,
  28662. .ui.progress .violet.bar {
  28663. background-color: #6435C9;
  28664. }
  28665. .ui.inverted.indeterminate.violet.progress .bar::before,
  28666. .ui.violet.inverted.progress .bar,
  28667. .ui.inverted.progress .violet.bar {
  28668. background-color: #A291FB;
  28669. }
  28670. .ui.indeterminate.purple.progress .bar::before,
  28671. .ui.purple.progress .bar,
  28672. .ui.progress .purple.bar {
  28673. background-color: #A333C8;
  28674. }
  28675. .ui.inverted.indeterminate.purple.progress .bar::before,
  28676. .ui.purple.inverted.progress .bar,
  28677. .ui.inverted.progress .purple.bar {
  28678. background-color: #DC73FF;
  28679. }
  28680. .ui.indeterminate.pink.progress .bar::before,
  28681. .ui.pink.progress .bar,
  28682. .ui.progress .pink.bar {
  28683. background-color: #E03997;
  28684. }
  28685. .ui.inverted.indeterminate.pink.progress .bar::before,
  28686. .ui.pink.inverted.progress .bar,
  28687. .ui.inverted.progress .pink.bar {
  28688. background-color: #FF8EDF;
  28689. }
  28690. .ui.indeterminate.brown.progress .bar::before,
  28691. .ui.brown.progress .bar,
  28692. .ui.progress .brown.bar {
  28693. background-color: #A5673F;
  28694. }
  28695. .ui.inverted.indeterminate.brown.progress .bar::before,
  28696. .ui.brown.inverted.progress .bar,
  28697. .ui.inverted.progress .brown.bar {
  28698. background-color: #D67C1C;
  28699. }
  28700. .ui.indeterminate.grey.progress .bar::before,
  28701. .ui.grey.progress .bar,
  28702. .ui.progress .grey.bar {
  28703. background-color: #767676;
  28704. }
  28705. .ui.inverted.indeterminate.grey.progress .bar::before,
  28706. .ui.grey.inverted.progress .bar,
  28707. .ui.inverted.progress .grey.bar {
  28708. background-color: #DCDDDE;
  28709. }
  28710. .ui.indeterminate.black.progress .bar::before,
  28711. .ui.black.progress .bar,
  28712. .ui.progress .black.bar {
  28713. background-color: #1B1C1D;
  28714. }
  28715. .ui.inverted.indeterminate.black.progress .bar::before,
  28716. .ui.black.inverted.progress .bar,
  28717. .ui.inverted.progress .black.bar {
  28718. background-color: #545454;
  28719. }
  28720. /*--------------
  28721. Sizes
  28722. ---------------*/
  28723. .ui.progress {
  28724. font-size: 1rem;
  28725. }
  28726. .ui.progress .bar {
  28727. height: 1.75em;
  28728. }
  28729. .ui.mini.progress {
  28730. font-size: 0.78571429rem;
  28731. }
  28732. .ui.mini.progress .bar {
  28733. height: 0.3em;
  28734. }
  28735. .ui.tiny.progress {
  28736. font-size: 0.85714286rem;
  28737. }
  28738. .ui.tiny.progress .bar {
  28739. height: 0.5em;
  28740. }
  28741. .ui.small.progress {
  28742. font-size: 0.92857143rem;
  28743. }
  28744. .ui.small.progress .bar {
  28745. height: 1em;
  28746. }
  28747. .ui.large.progress {
  28748. font-size: 1.14285714rem;
  28749. }
  28750. .ui.large.progress .bar {
  28751. height: 2.5em;
  28752. }
  28753. .ui.big.progress {
  28754. font-size: 1.28571429rem;
  28755. }
  28756. .ui.big.progress .bar {
  28757. height: 3.5em;
  28758. }
  28759. .ui.huge.progress {
  28760. font-size: 1.42857143rem;
  28761. }
  28762. .ui.huge.progress .bar {
  28763. height: 4em;
  28764. }
  28765. .ui.massive.progress {
  28766. font-size: 1.71428571rem;
  28767. }
  28768. .ui.massive.progress .bar {
  28769. height: 5em;
  28770. }
  28771. /*---------------
  28772. Indeterminate
  28773. ----------------*/
  28774. .ui.indeterminate.progress .bar {
  28775. width: 100%;
  28776. }
  28777. .ui.indeterminate.progress .bar .progress,
  28778. .ui.progress .bar .centered.progress {
  28779. text-align: center;
  28780. position: relative;
  28781. }
  28782. .ui.indeterminate.progress .bar::before {
  28783. content: '';
  28784. position: absolute;
  28785. top: 0;
  28786. bottom: 0;
  28787. border-radius: 0.28571429rem;
  28788. -webkit-animation: progress-pulsating 2s ease infinite;
  28789. animation: progress-pulsating 2s ease infinite;
  28790. transform-origin: center;
  28791. width: 100%;
  28792. }
  28793. .ui.slow.indeterminate.progress .bar::before {
  28794. -webkit-animation-duration: 4s;
  28795. animation-duration: 4s;
  28796. }
  28797. .ui.fast.indeterminate.progress .bar::before {
  28798. -webkit-animation-duration: 1s;
  28799. animation-duration: 1s;
  28800. }
  28801. .ui.swinging.indeterminate.progress .bar::before {
  28802. transform-origin: left;
  28803. -webkit-animation-name: progress-swinging;
  28804. animation-name: progress-swinging;
  28805. }
  28806. .ui.sliding.indeterminate.progress .bar::before {
  28807. transform-origin: left;
  28808. -webkit-animation-name: progress-sliding;
  28809. animation-name: progress-sliding;
  28810. }
  28811. .ui.filling.indeterminate.progress .bar::before {
  28812. -webkit-animation-name: progress-filling;
  28813. animation-name: progress-filling;
  28814. }
  28815. .ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
  28816. background: #FFFFFF;
  28817. }
  28818. .ui.sliding.indeterminate.progress .bar,
  28819. .ui.swinging.indeterminate.progress .bar,
  28820. .ui.filling.indeterminate.progress .bar {
  28821. background: rgba(0, 0, 0, 0.1);
  28822. }
  28823. .ui.sliding.indeterminate.progress .bar .progress,
  28824. .ui.swinging.indeterminate.progress .bar .progress {
  28825. color: #1B1C1D;
  28826. }
  28827. .ui.inverted.sliding.indeterminate.progress .bar,
  28828. .ui.inverted.swinging.indeterminate.progress .bar,
  28829. .ui.inverted.filling.indeterminate.progress .bar {
  28830. background: rgba(255, 255, 255, 0.08);
  28831. }
  28832. .ui.inverted.sliding.indeterminate.progress .bar .progress,
  28833. .ui.inverted.swinging.indeterminate.progress .bar .progress {
  28834. color: rgba(255, 255, 255, 0.7);
  28835. }
  28836. @-webkit-keyframes progress-swinging {
  28837. 0%, 100% {
  28838. width: 10%;
  28839. left: -25%;
  28840. }
  28841. 25%, 65% {
  28842. width: 70%;
  28843. }
  28844. 50% {
  28845. width: 10%;
  28846. left: 100%;
  28847. }
  28848. }
  28849. @keyframes progress-swinging {
  28850. 0%, 100% {
  28851. width: 10%;
  28852. left: -25%;
  28853. }
  28854. 25%, 65% {
  28855. width: 70%;
  28856. }
  28857. 50% {
  28858. width: 10%;
  28859. left: 100%;
  28860. }
  28861. }
  28862. @-webkit-keyframes progress-sliding {
  28863. 0% {
  28864. width: 10%;
  28865. left: -25%;
  28866. }
  28867. 50% {
  28868. width: 70%;
  28869. }
  28870. 100% {
  28871. width: 10%;
  28872. left: 100%;
  28873. }
  28874. }
  28875. @keyframes progress-sliding {
  28876. 0% {
  28877. width: 10%;
  28878. left: -25%;
  28879. }
  28880. 50% {
  28881. width: 70%;
  28882. }
  28883. 100% {
  28884. width: 10%;
  28885. left: 100%;
  28886. }
  28887. }
  28888. @-webkit-keyframes progress-filling {
  28889. 0% {
  28890. transform: scale(0, 1);
  28891. }
  28892. 80% {
  28893. transform: scale(1);
  28894. opacity: 1;
  28895. }
  28896. 100% {
  28897. opacity: 0;
  28898. }
  28899. }
  28900. @keyframes progress-filling {
  28901. 0% {
  28902. transform: scale(0, 1);
  28903. }
  28904. 80% {
  28905. transform: scale(1);
  28906. opacity: 1;
  28907. }
  28908. 100% {
  28909. opacity: 0;
  28910. }
  28911. }
  28912. @-webkit-keyframes progress-pulsating {
  28913. 0% {
  28914. transform: scale(0, 1);
  28915. opacity: 0.7;
  28916. }
  28917. 100% {
  28918. transform: scale(1);
  28919. opacity: 0;
  28920. }
  28921. }
  28922. @keyframes progress-pulsating {
  28923. 0% {
  28924. transform: scale(0, 1);
  28925. opacity: 0.7;
  28926. }
  28927. 100% {
  28928. transform: scale(1);
  28929. opacity: 0;
  28930. }
  28931. }
  28932. /*******************************
  28933. Progress
  28934. *******************************/
  28935. /*******************************
  28936. Site Overrides
  28937. *******************************/
  28938. /*!
  28939. * # Fomantic-UI - Reset
  28940. * http://github.com/fomantic/Fomantic-UI/
  28941. *
  28942. *
  28943. * Released under the MIT license
  28944. * http://opensource.org/licenses/MIT
  28945. *
  28946. */
  28947. /*******************************
  28948. Reset
  28949. *******************************/
  28950. /* Border-Box */
  28951. *,
  28952. *:before,
  28953. *:after {
  28954. box-sizing: inherit;
  28955. }
  28956. html {
  28957. box-sizing: border-box;
  28958. }
  28959. /* iPad Input Shadows */
  28960. input[type="text"],
  28961. input[type="email"],
  28962. input[type="search"],
  28963. input[type="password"] {
  28964. -webkit-appearance: none;
  28965. -moz-appearance: none;
  28966. /* mobile firefox too! */
  28967. }
  28968. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  28969. /* Document
  28970. ========================================================================== */
  28971. /**
  28972. * 1. Correct the line height in all browsers.
  28973. * 2. Prevent adjustments of font size after orientation changes in iOS.
  28974. */
  28975. html {
  28976. line-height: 1.15;
  28977. /* 1 */
  28978. -webkit-text-size-adjust: 100%;
  28979. /* 2 */
  28980. }
  28981. /* Sections
  28982. ========================================================================== */
  28983. /**
  28984. * Remove the margin in all browsers.
  28985. */
  28986. body {
  28987. margin: 0;
  28988. }
  28989. /**
  28990. * Render the `main` element consistently in IE.
  28991. */
  28992. main {
  28993. display: block;
  28994. }
  28995. /**
  28996. * Correct the font size and margin on `h1` elements within `section` and
  28997. * `article` contexts in Chrome, Firefox, and Safari.
  28998. */
  28999. h1 {
  29000. font-size: 2em;
  29001. margin: 0.67em 0;
  29002. }
  29003. /* Grouping content
  29004. ========================================================================== */
  29005. /**
  29006. * 1. Add the correct box sizing in Firefox.
  29007. * 2. Show the overflow in Edge and IE.
  29008. */
  29009. hr {
  29010. box-sizing: content-box;
  29011. /* 1 */
  29012. height: 0;
  29013. /* 1 */
  29014. overflow: visible;
  29015. /* 2 */
  29016. }
  29017. /**
  29018. * 1. Correct the inheritance and scaling of font size in all browsers.
  29019. * 2. Correct the odd `em` font sizing in all browsers.
  29020. */
  29021. pre {
  29022. font-family: monospace, monospace;
  29023. /* 1 */
  29024. font-size: 1em;
  29025. /* 2 */
  29026. }
  29027. /* Text-level semantics
  29028. ========================================================================== */
  29029. /**
  29030. * Remove the gray background on active links in IE 10.
  29031. */
  29032. a {
  29033. background-color: transparent;
  29034. }
  29035. /**
  29036. * 1. Remove the bottom border in Chrome 57-
  29037. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  29038. */
  29039. abbr[title] {
  29040. border-bottom: none;
  29041. /* 1 */
  29042. text-decoration: underline;
  29043. /* 2 */
  29044. -webkit-text-decoration: underline dotted;
  29045. text-decoration: underline dotted;
  29046. /* 2 */
  29047. }
  29048. /**
  29049. * Add the correct font weight in Chrome, Edge, and Safari.
  29050. */
  29051. b,
  29052. strong {
  29053. font-weight: bolder;
  29054. }
  29055. /**
  29056. * 1. Correct the inheritance and scaling of font size in all browsers.
  29057. * 2. Correct the odd `em` font sizing in all browsers.
  29058. */
  29059. code,
  29060. kbd,
  29061. samp {
  29062. font-family: monospace, monospace;
  29063. /* 1 */
  29064. font-size: 1em;
  29065. /* 2 */
  29066. }
  29067. /**
  29068. * Add the correct font size in all browsers.
  29069. */
  29070. small {
  29071. font-size: 80%;
  29072. }
  29073. /**
  29074. * Prevent `sub` and `sup` elements from affecting the line height in
  29075. * all browsers.
  29076. */
  29077. sub,
  29078. sup {
  29079. font-size: 75%;
  29080. line-height: 0;
  29081. position: relative;
  29082. vertical-align: baseline;
  29083. }
  29084. sub {
  29085. bottom: -0.25em;
  29086. }
  29087. sup {
  29088. top: -0.5em;
  29089. }
  29090. /* Embedded content
  29091. ========================================================================== */
  29092. /**
  29093. * Remove the border on images inside links in IE 10.
  29094. */
  29095. img {
  29096. border-style: none;
  29097. }
  29098. /* Forms
  29099. ========================================================================== */
  29100. /**
  29101. * 1. Change the font styles in all browsers.
  29102. * 2. Remove the margin in Firefox and Safari.
  29103. */
  29104. button,
  29105. input,
  29106. optgroup,
  29107. select,
  29108. textarea {
  29109. font-family: inherit;
  29110. /* 1 */
  29111. font-size: 100%;
  29112. /* 1 */
  29113. line-height: 1.15;
  29114. /* 1 */
  29115. margin: 0;
  29116. /* 2 */
  29117. }
  29118. /**
  29119. * Show the overflow in IE.
  29120. * 1. Show the overflow in Edge.
  29121. */
  29122. button,
  29123. input {
  29124. /* 1 */
  29125. overflow: visible;
  29126. }
  29127. /**
  29128. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  29129. * 1. Remove the inheritance of text transform in Firefox.
  29130. */
  29131. button,
  29132. select {
  29133. /* 1 */
  29134. text-transform: none;
  29135. }
  29136. /**
  29137. * Correct the inability to style clickable types in iOS and Safari.
  29138. */
  29139. button,
  29140. [type="button"],
  29141. [type="reset"],
  29142. [type="submit"] {
  29143. -webkit-appearance: button;
  29144. }
  29145. /**
  29146. * Remove the inner border and padding in Firefox.
  29147. */
  29148. button::-moz-focus-inner,
  29149. [type="button"]::-moz-focus-inner,
  29150. [type="reset"]::-moz-focus-inner,
  29151. [type="submit"]::-moz-focus-inner {
  29152. border-style: none;
  29153. padding: 0;
  29154. }
  29155. /**
  29156. * Restore the focus styles unset by the previous rule.
  29157. */
  29158. button:-moz-focusring,
  29159. [type="button"]:-moz-focusring,
  29160. [type="reset"]:-moz-focusring,
  29161. [type="submit"]:-moz-focusring {
  29162. outline: 1px dotted ButtonText;
  29163. }
  29164. /**
  29165. * Correct the padding in Firefox.
  29166. */
  29167. fieldset {
  29168. padding: 0.35em 0.75em 0.625em;
  29169. }
  29170. /**
  29171. * 1. Correct the text wrapping in Edge and IE.
  29172. * 2. Correct the color inheritance from `fieldset` elements in IE.
  29173. * 3. Remove the padding so developers are not caught out when they zero out
  29174. * `fieldset` elements in all browsers.
  29175. */
  29176. legend {
  29177. box-sizing: border-box;
  29178. /* 1 */
  29179. color: inherit;
  29180. /* 2 */
  29181. display: table;
  29182. /* 1 */
  29183. max-width: 100%;
  29184. /* 1 */
  29185. padding: 0;
  29186. /* 3 */
  29187. white-space: normal;
  29188. /* 1 */
  29189. }
  29190. /**
  29191. * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  29192. */
  29193. progress {
  29194. vertical-align: baseline;
  29195. }
  29196. /**
  29197. * Remove the default vertical scrollbar in IE 10+.
  29198. */
  29199. textarea {
  29200. overflow: auto;
  29201. }
  29202. /**
  29203. * 1. Add the correct box sizing in IE 10.
  29204. * 2. Remove the padding in IE 10.
  29205. */
  29206. [type="checkbox"],
  29207. [type="radio"] {
  29208. box-sizing: border-box;
  29209. /* 1 */
  29210. padding: 0;
  29211. /* 2 */
  29212. }
  29213. /**
  29214. * Correct the cursor style of increment and decrement buttons in Chrome.
  29215. */
  29216. [type="number"]::-webkit-inner-spin-button,
  29217. [type="number"]::-webkit-outer-spin-button {
  29218. height: auto;
  29219. }
  29220. /**
  29221. * 1. Correct the odd appearance in Chrome and Safari.
  29222. * 2. Correct the outline style in Safari.
  29223. */
  29224. [type="search"] {
  29225. -webkit-appearance: textfield;
  29226. /* 1 */
  29227. outline-offset: -2px;
  29228. /* 2 */
  29229. }
  29230. /**
  29231. * Remove the inner padding in Chrome and Safari on macOS.
  29232. */
  29233. [type="search"]::-webkit-search-decoration {
  29234. -webkit-appearance: none;
  29235. }
  29236. /**
  29237. * 1. Correct the inability to style clickable types in iOS and Safari.
  29238. * 2. Change font properties to `inherit` in Safari.
  29239. */
  29240. ::-webkit-file-upload-button {
  29241. -webkit-appearance: button;
  29242. /* 1 */
  29243. font: inherit;
  29244. /* 2 */
  29245. }
  29246. /* Interactive
  29247. ========================================================================== */
  29248. /*
  29249. * Add the correct display in Edge, IE 10+, and Firefox.
  29250. */
  29251. details {
  29252. display: block;
  29253. }
  29254. /*
  29255. * Add the correct display in all browsers.
  29256. */
  29257. summary {
  29258. display: list-item;
  29259. }
  29260. /* Misc
  29261. ========================================================================== */
  29262. /**
  29263. * Add the correct display in IE 10+.
  29264. */
  29265. template {
  29266. display: none;
  29267. }
  29268. /**
  29269. * Add the correct display in IE 10.
  29270. */
  29271. [hidden] {
  29272. display: none;
  29273. }
  29274. /*******************************
  29275. Site Overrides
  29276. *******************************/
  29277. /*!
  29278. * # Fomantic-UI - Search
  29279. * http://github.com/fomantic/Fomantic-UI/
  29280. *
  29281. *
  29282. * Released under the MIT license
  29283. * http://opensource.org/licenses/MIT
  29284. *
  29285. */
  29286. /*******************************
  29287. Search
  29288. *******************************/
  29289. .ui.search {
  29290. position: relative;
  29291. }
  29292. .ui.search > .prompt {
  29293. margin: 0;
  29294. outline: none;
  29295. -webkit-appearance: none;
  29296. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  29297. text-shadow: none;
  29298. font-style: normal;
  29299. font-weight: normal;
  29300. line-height: 1.21428571em;
  29301. padding: 0.67857143em 1em;
  29302. font-size: 1em;
  29303. background: #FFFFFF;
  29304. border: 1px solid rgba(34, 36, 38, 0.15);
  29305. color: rgba(0, 0, 0, 0.87);
  29306. box-shadow: 0 0 0 0 transparent inset;
  29307. transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
  29308. }
  29309. .ui.search .prompt {
  29310. border-radius: 500rem;
  29311. }
  29312. /*--------------
  29313. Icon
  29314. ---------------*/
  29315. .ui.search .prompt ~ .search.icon {
  29316. cursor: pointer;
  29317. }
  29318. /*--------------
  29319. Results
  29320. ---------------*/
  29321. .ui.search > .results {
  29322. display: none;
  29323. position: absolute;
  29324. top: 100%;
  29325. left: 0;
  29326. transform-origin: center top;
  29327. white-space: normal;
  29328. text-align: left;
  29329. text-transform: none;
  29330. background: #FFFFFF;
  29331. margin-top: 0.5em;
  29332. width: 18em;
  29333. border-radius: 0.28571429rem;
  29334. box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  29335. border: 1px solid #D4D4D5;
  29336. z-index: 998;
  29337. }
  29338. .ui.search > .results > :first-child {
  29339. border-radius: 0.28571429rem 0.28571429rem 0 0;
  29340. }
  29341. .ui.search > .results > :last-child {
  29342. border-radius: 0 0 0.28571429rem 0.28571429rem;
  29343. }
  29344. /*--------------
  29345. Result
  29346. ---------------*/
  29347. .ui.search > .results .result {
  29348. cursor: pointer;
  29349. display: block;
  29350. overflow: hidden;
  29351. font-size: 1em;
  29352. padding: 0.85714286em 1.14285714em;
  29353. color: rgba(0, 0, 0, 0.87);
  29354. line-height: 1.33;
  29355. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  29356. }
  29357. .ui.search > .results .result:last-child {
  29358. border-bottom: none !important;
  29359. }
  29360. /* Image */
  29361. .ui.search > .results .result .image {
  29362. float: right;
  29363. overflow: hidden;
  29364. background: none;
  29365. width: 5em;
  29366. height: 3em;
  29367. border-radius: 0.25em;
  29368. }
  29369. .ui.search > .results .result .image img {
  29370. display: block;
  29371. width: auto;
  29372. height: 100%;
  29373. }
  29374. /*--------------
  29375. Info
  29376. ---------------*/
  29377. .ui.search > .results .result .image + .content {
  29378. margin: 0 6em 0 0;
  29379. }
  29380. .ui.search > .results .result .title {
  29381. margin: -0.14285714em 0 0;
  29382. font-family: var(--fonts-regular);
  29383. font-weight: 500;
  29384. font-size: 1em;
  29385. color: rgba(0, 0, 0, 0.85);
  29386. }
  29387. .ui.search > .results .result .description {
  29388. margin-top: 0;
  29389. font-size: 0.92857143em;
  29390. color: rgba(0, 0, 0, 0.4);
  29391. }
  29392. .ui.search > .results .result .price {
  29393. float: right;
  29394. color: #21BA45;
  29395. }
  29396. /*--------------
  29397. Message
  29398. ---------------*/
  29399. .ui.search > .results > .message {
  29400. padding: 1em 1em;
  29401. }
  29402. .ui.search > .results > .message .header {
  29403. font-family: var(--fonts-regular);
  29404. font-size: 1rem;
  29405. font-weight: 500;
  29406. color: rgba(0, 0, 0, 0.87);
  29407. }
  29408. .ui.search > .results > .message .description {
  29409. margin-top: 0.25rem;
  29410. font-size: 1em;
  29411. color: rgba(0, 0, 0, 0.87);
  29412. }
  29413. /* View All Results */
  29414. .ui.search > .results > .action {
  29415. display: block;
  29416. border-top: none;
  29417. background: #F3F4F5;
  29418. padding: 0.92857143em 1em;
  29419. color: rgba(0, 0, 0, 0.87);
  29420. font-weight: 500;
  29421. text-align: center;
  29422. }
  29423. /*******************************
  29424. States
  29425. *******************************/
  29426. /*--------------------
  29427. Focus
  29428. ---------------------*/
  29429. .ui.search > .prompt:focus {
  29430. border-color: rgba(34, 36, 38, 0.35);
  29431. background: #FFFFFF;
  29432. color: rgba(0, 0, 0, 0.95);
  29433. }
  29434. /*--------------------
  29435. Loading
  29436. ---------------------*/
  29437. .ui.loading.search .input > i.icon:before {
  29438. position: absolute;
  29439. content: '';
  29440. top: 50%;
  29441. left: 50%;
  29442. margin: -0.64285714em 0 0 -0.64285714em;
  29443. width: 1.28571429em;
  29444. height: 1.28571429em;
  29445. border-radius: 500rem;
  29446. border: 0.2em solid rgba(0, 0, 0, 0.1);
  29447. }
  29448. .ui.loading.search .input > i.icon:after {
  29449. position: absolute;
  29450. content: '';
  29451. top: 50%;
  29452. left: 50%;
  29453. margin: -0.64285714em 0 0 -0.64285714em;
  29454. width: 1.28571429em;
  29455. height: 1.28571429em;
  29456. -webkit-animation: loader 0.6s infinite linear;
  29457. animation: loader 0.6s infinite linear;
  29458. border: 0.2em solid #767676;
  29459. border-radius: 500rem;
  29460. box-shadow: 0 0 0 1px transparent;
  29461. }
  29462. /*--------------
  29463. Hover
  29464. ---------------*/
  29465. .ui.search > .results .result:hover,
  29466. .ui.category.search > .results .category .result:hover {
  29467. background: #F9FAFB;
  29468. }
  29469. .ui.search .action:hover:not(div) {
  29470. background: #E0E0E0;
  29471. }
  29472. /*--------------
  29473. Active
  29474. ---------------*/
  29475. .ui.category.search > .results .category.active {
  29476. background: #F3F4F5;
  29477. }
  29478. .ui.category.search > .results .category.active > .name {
  29479. color: rgba(0, 0, 0, 0.87);
  29480. }
  29481. .ui.search > .results .result.active,
  29482. .ui.category.search > .results .category .result.active {
  29483. position: relative;
  29484. border-left-color: rgba(34, 36, 38, 0.1);
  29485. background: #F3F4F5;
  29486. box-shadow: none;
  29487. }
  29488. .ui.search > .results .result.active .title {
  29489. color: rgba(0, 0, 0, 0.85);
  29490. }
  29491. .ui.search > .results .result.active .description {
  29492. color: rgba(0, 0, 0, 0.85);
  29493. }
  29494. /*--------------------
  29495. Disabled
  29496. ----------------------*/
  29497. /* Disabled */
  29498. .ui.disabled.search {
  29499. cursor: default;
  29500. pointer-events: none;
  29501. opacity: var(--opacity-disabled);
  29502. }
  29503. /*******************************
  29504. Types
  29505. *******************************/
  29506. /*--------------
  29507. Selection
  29508. ---------------*/
  29509. .ui.search.selection .prompt {
  29510. border-radius: 0.28571429rem;
  29511. }
  29512. /* Remove input */
  29513. .ui.search.selection > .icon.input > .remove.icon {
  29514. pointer-events: none;
  29515. position: absolute;
  29516. left: auto;
  29517. opacity: 0;
  29518. color: '';
  29519. top: 0;
  29520. right: 0;
  29521. transition: color 0.1s ease, opacity 0.1s ease;
  29522. }
  29523. .ui.search.selection > .icon.input > .active.remove.icon {
  29524. cursor: pointer;
  29525. opacity: 0.8;
  29526. pointer-events: auto;
  29527. }
  29528. .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  29529. right: 1.85714em;
  29530. }
  29531. .ui.search.selection > .icon.input > .remove.icon:hover {
  29532. opacity: 1;
  29533. color: #DB2828;
  29534. }
  29535. /*--------------
  29536. Category
  29537. ---------------*/
  29538. .ui.category.search .results {
  29539. width: 28em;
  29540. }
  29541. .ui.category.search .results.animating,
  29542. .ui.category.search .results.visible {
  29543. display: table;
  29544. }
  29545. /* Category */
  29546. .ui.category.search > .results .category {
  29547. display: table-row;
  29548. background: #F3F4F5;
  29549. box-shadow: none;
  29550. transition: background 0.1s ease, border-color 0.1s ease;
  29551. }
  29552. /* Last Category */
  29553. .ui.category.search > .results .category:last-child {
  29554. border-bottom: none;
  29555. }
  29556. /* First / Last */
  29557. .ui.category.search > .results .category:first-child .name + .result {
  29558. border-radius: 0 0.28571429rem 0 0;
  29559. }
  29560. .ui.category.search > .results .category:last-child .result:last-child {
  29561. border-radius: 0 0 0.28571429rem 0;
  29562. }
  29563. /* Category Result Name */
  29564. .ui.category.search > .results .category > .name {
  29565. display: table-cell;
  29566. text-overflow: ellipsis;
  29567. width: 100px;
  29568. white-space: nowrap;
  29569. background: transparent;
  29570. font-family: var(--fonts-regular);
  29571. font-size: 1em;
  29572. padding: 0.4em 1em;
  29573. font-weight: 500;
  29574. color: rgba(0, 0, 0, 0.4);
  29575. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  29576. }
  29577. /* Category Result */
  29578. .ui.category.search > .results .category .results {
  29579. display: table-cell;
  29580. background: #FFFFFF;
  29581. border-left: 1px solid rgba(34, 36, 38, 0.15);
  29582. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  29583. }
  29584. .ui.category.search > .results .category .result {
  29585. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  29586. transition: background 0.1s ease, border-color 0.1s ease;
  29587. padding: 0.85714286em 1.14285714em;
  29588. }
  29589. /*******************************
  29590. Variations
  29591. *******************************/
  29592. /*-------------------
  29593. Scrolling
  29594. --------------------*/
  29595. .ui.scrolling.search > .results,
  29596. .ui.search.long > .results,
  29597. .ui.search.short > .results {
  29598. overflow-x: hidden;
  29599. overflow-y: auto;
  29600. -webkit-backface-visibility: hidden;
  29601. backface-visibility: hidden;
  29602. -webkit-overflow-scrolling: touch;
  29603. }
  29604. @media only screen and (max-width: 767.98px) {
  29605. .ui.scrolling.search > .results {
  29606. max-height: 12.17714286em;
  29607. }
  29608. }
  29609. @media only screen and (min-width: 768px) {
  29610. .ui.scrolling.search > .results {
  29611. max-height: 18.26571429em;
  29612. }
  29613. }
  29614. @media only screen and (min-width: 992px) {
  29615. .ui.scrolling.search > .results {
  29616. max-height: 24.35428571em;
  29617. }
  29618. }
  29619. @media only screen and (min-width: 1920px) {
  29620. .ui.scrolling.search > .results {
  29621. max-height: 36.53142857em;
  29622. }
  29623. }
  29624. @media only screen and (max-width: 767.98px) {
  29625. .ui.search.short > .results {
  29626. max-height: 12.17714286em;
  29627. }
  29628. .ui.search[class*="very short"] > .results {
  29629. max-height: 9.13285714em;
  29630. }
  29631. .ui.search.long > .results {
  29632. max-height: 24.35428571em;
  29633. }
  29634. .ui.search[class*="very long"] > .results {
  29635. max-height: 36.53142857em;
  29636. }
  29637. }
  29638. @media only screen and (min-width: 768px) {
  29639. .ui.search.short > .results {
  29640. max-height: 18.26571429em;
  29641. }
  29642. .ui.search[class*="very short"] > .results {
  29643. max-height: 13.69928571em;
  29644. }
  29645. .ui.search.long > .results {
  29646. max-height: 36.53142857em;
  29647. }
  29648. .ui.search[class*="very long"] > .results {
  29649. max-height: 54.79714286em;
  29650. }
  29651. }
  29652. @media only screen and (min-width: 992px) {
  29653. .ui.search.short > .results {
  29654. max-height: 24.35428571em;
  29655. }
  29656. .ui.search[class*="very short"] > .results {
  29657. max-height: 18.26571429em;
  29658. }
  29659. .ui.search.long > .results {
  29660. max-height: 48.70857143em;
  29661. }
  29662. .ui.search[class*="very long"] > .results {
  29663. max-height: 73.06285714em;
  29664. }
  29665. }
  29666. @media only screen and (min-width: 1920px) {
  29667. .ui.search.short > .results {
  29668. max-height: 36.53142857em;
  29669. }
  29670. .ui.search[class*="very short"] > .results {
  29671. max-height: 27.39857143em;
  29672. }
  29673. .ui.search.long > .results {
  29674. max-height: 73.06285714em;
  29675. }
  29676. .ui.search[class*="very long"] > .results {
  29677. max-height: 109.59428571em;
  29678. }
  29679. }
  29680. /*-------------------
  29681. Left / Right
  29682. --------------------*/
  29683. .ui[class*="left aligned"].search > .results {
  29684. right: auto;
  29685. left: 0;
  29686. }
  29687. .ui[class*="right aligned"].search > .results {
  29688. right: 0;
  29689. left: auto;
  29690. }
  29691. /*--------------
  29692. Fluid
  29693. ---------------*/
  29694. .ui.fluid.search .results {
  29695. width: 100%;
  29696. }
  29697. /*--------------
  29698. Sizes
  29699. ---------------*/
  29700. .ui.search {
  29701. font-size: 1em;
  29702. }
  29703. .ui.mini.search {
  29704. font-size: 0.78571429em;
  29705. }
  29706. .ui.tiny.search {
  29707. font-size: 0.85714286em;
  29708. }
  29709. .ui.small.search {
  29710. font-size: 0.92857143em;
  29711. }
  29712. .ui.large.search {
  29713. font-size: 1.14285714em;
  29714. }
  29715. .ui.big.search {
  29716. font-size: 1.28571429em;
  29717. }
  29718. .ui.huge.search {
  29719. font-size: 1.42857143em;
  29720. }
  29721. .ui.massive.search {
  29722. font-size: 1.71428571em;
  29723. }
  29724. /*--------------
  29725. Mobile
  29726. ---------------*/
  29727. @media only screen and (max-width: 767.98px) {
  29728. .ui.search .results {
  29729. max-width: calc(100vw - 2rem);
  29730. }
  29731. }
  29732. /*******************************
  29733. Theme Overrides
  29734. *******************************/
  29735. /*******************************
  29736. Site Overrides
  29737. *******************************/
  29738. /*!
  29739. * # Fomantic-UI - Segment
  29740. * http://github.com/fomantic/Fomantic-UI/
  29741. *
  29742. *
  29743. * Released under the MIT license
  29744. * http://opensource.org/licenses/MIT
  29745. *
  29746. */
  29747. /*******************************
  29748. Segment
  29749. *******************************/
  29750. .ui.segment {
  29751. position: relative;
  29752. background: #FFFFFF;
  29753. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  29754. margin: 1rem 0;
  29755. padding: 1em 1em;
  29756. border-radius: 0.28571429rem;
  29757. border: 1px solid rgba(34, 36, 38, 0.15);
  29758. }
  29759. .ui.segment:first-child {
  29760. margin-top: 0;
  29761. }
  29762. .ui.segment:last-child {
  29763. margin-bottom: 0;
  29764. }
  29765. /* Vertical */
  29766. .ui.vertical.segment {
  29767. margin: 0;
  29768. padding-left: 0;
  29769. padding-right: 0;
  29770. background: none transparent;
  29771. border-radius: 0;
  29772. box-shadow: none;
  29773. border: none;
  29774. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  29775. }
  29776. .ui.vertical.segment:last-child {
  29777. border-bottom: none;
  29778. }
  29779. /*-------------------
  29780. Loose Coupling
  29781. --------------------*/
  29782. /* Header */
  29783. .ui.inverted.segment > .ui.header .sub.header,
  29784. .ui.inverted.segment > .ui.header {
  29785. color: #FFFFFF;
  29786. }
  29787. /* Label */
  29788. .ui[class*="bottom attached"].segment > [class*="top attached"].label {
  29789. border-top-left-radius: 0;
  29790. border-top-right-radius: 0;
  29791. }
  29792. .ui[class*="top attached"].segment > [class*="bottom attached"].label {
  29793. border-bottom-left-radius: 0;
  29794. border-bottom-right-radius: 0;
  29795. }
  29796. .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  29797. border-top-left-radius: 0;
  29798. border-top-right-radius: 0;
  29799. }
  29800. .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  29801. border-bottom-left-radius: 0;
  29802. border-bottom-right-radius: 0;
  29803. }
  29804. /* Grid */
  29805. .ui.page.grid.segment,
  29806. .ui.grid > .row > .ui.segment.column,
  29807. .ui.grid > .ui.segment.column {
  29808. padding-top: 2em;
  29809. padding-bottom: 2em;
  29810. }
  29811. .ui.grid.segment {
  29812. margin: 1rem 0;
  29813. border-radius: 0.28571429rem;
  29814. }
  29815. /* Table */
  29816. .ui.basic.table.segment {
  29817. background: #FFFFFF;
  29818. border: 1px solid rgba(34, 36, 38, 0.15);
  29819. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  29820. }
  29821. .ui[class*="very basic"].table.segment {
  29822. padding: 1em 1em;
  29823. }
  29824. /* Tab */
  29825. .ui.segment.tab:last-child {
  29826. margin-bottom: 1rem;
  29827. }
  29828. /*******************************
  29829. Types
  29830. *******************************/
  29831. /*-------------------
  29832. Placeholder
  29833. --------------------*/
  29834. .ui.placeholder.segment {
  29835. display: flex;
  29836. flex-direction: column;
  29837. justify-content: center;
  29838. align-items: stretch;
  29839. max-width: initial;
  29840. -webkit-animation: none;
  29841. animation: none;
  29842. overflow: visible;
  29843. padding: 1em 1em;
  29844. min-height: 18rem;
  29845. background: #F9FAFB;
  29846. border-color: rgba(34, 36, 38, 0.15);
  29847. box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
  29848. }
  29849. .ui.placeholder.segment .button,
  29850. .ui.placeholder.segment textarea {
  29851. display: block;
  29852. }
  29853. .ui.placeholder.segment .field,
  29854. .ui.placeholder.segment textarea,
  29855. .ui.placeholder.segment > .ui.input,
  29856. .ui.placeholder.segment .button {
  29857. max-width: 15rem;
  29858. margin-left: auto;
  29859. margin-right: auto;
  29860. }
  29861. .ui.placeholder.segment .column .button,
  29862. .ui.placeholder.segment .column .field,
  29863. .ui.placeholder.segment .column textarea,
  29864. .ui.placeholder.segment .column > .ui.input {
  29865. max-width: 15rem;
  29866. margin-left: auto;
  29867. margin-right: auto;
  29868. }
  29869. .ui.placeholder.segment > .inline {
  29870. align-self: center;
  29871. }
  29872. .ui.placeholder.segment > .inline > .button {
  29873. display: inline-block;
  29874. width: auto;
  29875. margin: 0 0.35714286rem 0 0;
  29876. }
  29877. .ui.placeholder.segment > .inline > .button:last-child {
  29878. margin-right: 0;
  29879. }
  29880. /*-------------------
  29881. Piled
  29882. --------------------*/
  29883. .ui.piled.segments,
  29884. .ui.piled.segment {
  29885. margin: 3em 0;
  29886. box-shadow: '';
  29887. z-index: auto;
  29888. }
  29889. .ui.piled.segment:first-child {
  29890. margin-top: 0;
  29891. }
  29892. .ui.piled.segment:last-child {
  29893. margin-bottom: 0;
  29894. }
  29895. .ui.piled.segments:after,
  29896. .ui.piled.segments:before,
  29897. .ui.piled.segment:after,
  29898. .ui.piled.segment:before {
  29899. background-color: #FFFFFF;
  29900. visibility: visible;
  29901. content: '';
  29902. display: block;
  29903. height: 100%;
  29904. left: 0;
  29905. position: absolute;
  29906. width: 100%;
  29907. border: 1px solid rgba(34, 36, 38, 0.15);
  29908. box-shadow: '';
  29909. }
  29910. .ui.piled.segments:before,
  29911. .ui.piled.segment:before {
  29912. transform: rotate(-1.2deg);
  29913. top: 0;
  29914. z-index: -2;
  29915. }
  29916. .ui.piled.segments:after,
  29917. .ui.piled.segment:after {
  29918. transform: rotate(1.2deg);
  29919. top: 0;
  29920. z-index: -1;
  29921. }
  29922. /* Piled Attached */
  29923. .ui[class*="top attached"].piled.segment {
  29924. margin-top: 3em;
  29925. margin-bottom: 0;
  29926. }
  29927. .ui.piled.segment[class*="top attached"]:first-child {
  29928. margin-top: 0;
  29929. }
  29930. .ui.piled.segment[class*="bottom attached"] {
  29931. margin-top: 0;
  29932. margin-bottom: 3em;
  29933. }
  29934. .ui.piled.segment[class*="bottom attached"]:last-child {
  29935. margin-bottom: 0;
  29936. }
  29937. /*-------------------
  29938. Stacked
  29939. --------------------*/
  29940. .ui.stacked.segment {
  29941. padding-bottom: 1.4em;
  29942. }
  29943. .ui.stacked.segments:before,
  29944. .ui.stacked.segments:after,
  29945. .ui.stacked.segment:before,
  29946. .ui.stacked.segment:after {
  29947. content: '';
  29948. position: absolute;
  29949. bottom: -3px;
  29950. left: 0;
  29951. border-top: 1px solid rgba(34, 36, 38, 0.15);
  29952. background: rgba(0, 0, 0, 0.03);
  29953. width: 100%;
  29954. height: 6px;
  29955. visibility: visible;
  29956. }
  29957. .ui.stacked.segments:before,
  29958. .ui.stacked.segment:before {
  29959. display: none;
  29960. }
  29961. /* Add additional page */
  29962. .ui.tall.stacked.segments:before,
  29963. .ui.tall.stacked.segment:before {
  29964. display: block;
  29965. bottom: 0;
  29966. }
  29967. /* Inverted */
  29968. .ui.stacked.inverted.segments:before,
  29969. .ui.stacked.inverted.segments:after,
  29970. .ui.stacked.inverted.segment:before,
  29971. .ui.stacked.inverted.segment:after {
  29972. background-color: rgba(0, 0, 0, 0.03);
  29973. border-top: 1px solid rgba(34, 36, 38, 0.35);
  29974. }
  29975. /*-------------------
  29976. Padded
  29977. --------------------*/
  29978. .ui.padded.segment {
  29979. padding: 1.5em;
  29980. }
  29981. .ui[class*="very padded"].segment {
  29982. padding: 3em;
  29983. }
  29984. /* Padded vertical */
  29985. .ui.padded.segment.vertical.segment,
  29986. .ui[class*="very padded"].vertical.segment {
  29987. padding-left: 0;
  29988. padding-right: 0;
  29989. }
  29990. /*-------------------
  29991. Compact
  29992. --------------------*/
  29993. .ui.compact.segment {
  29994. display: table;
  29995. }
  29996. /* Compact Group */
  29997. .ui.compact.segments {
  29998. display: inline-flex;
  29999. }
  30000. .ui.compact.segments .segment,
  30001. .ui.segments .compact.segment {
  30002. display: block;
  30003. flex: 0 1 auto;
  30004. }
  30005. /*-------------------
  30006. Circular
  30007. --------------------*/
  30008. .ui.circular.segment {
  30009. display: table-cell;
  30010. padding: 2em;
  30011. text-align: center;
  30012. vertical-align: middle;
  30013. border-radius: 500em;
  30014. }
  30015. /*-------------------
  30016. Raised
  30017. --------------------*/
  30018. .ui.raised.raised.segments,
  30019. .ui.raised.raised.segment {
  30020. box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  30021. }
  30022. /*******************************
  30023. Groups
  30024. *******************************/
  30025. /* Group */
  30026. .ui.segments {
  30027. flex-direction: column;
  30028. position: relative;
  30029. margin: 1rem 0;
  30030. border: 1px solid rgba(34, 36, 38, 0.15);
  30031. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  30032. border-radius: 0.28571429rem;
  30033. }
  30034. .ui.segments:first-child {
  30035. margin-top: 0;
  30036. }
  30037. .ui.segments:last-child {
  30038. margin-bottom: 0;
  30039. }
  30040. /* Nested Segment */
  30041. .ui.segments > .segment {
  30042. top: 0;
  30043. bottom: 0;
  30044. border-radius: 0;
  30045. margin: 0;
  30046. width: auto;
  30047. box-shadow: none;
  30048. border: none;
  30049. border-top: 1px solid rgba(34, 36, 38, 0.15);
  30050. }
  30051. .ui.segments:not(.horizontal) > .segment:first-child {
  30052. top: 0;
  30053. bottom: 0;
  30054. border-top: none;
  30055. margin-top: 0;
  30056. margin-bottom: 0;
  30057. border-radius: 0.28571429rem 0.28571429rem 0 0;
  30058. }
  30059. /* Bottom */
  30060. .ui.segments:not(.horizontal) > .segment:last-child {
  30061. top: 0;
  30062. bottom: 0;
  30063. margin-top: 0;
  30064. margin-bottom: 0;
  30065. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  30066. border-radius: 0 0 0.28571429rem 0.28571429rem;
  30067. }
  30068. /* Only */
  30069. .ui.segments:not(.horizontal) > .segment:only-child {
  30070. border-radius: 0.28571429rem;
  30071. }
  30072. /* Nested Group */
  30073. .ui.segments > .ui.segments {
  30074. border-top: 1px solid rgba(34, 36, 38, 0.15);
  30075. margin: 1rem 1rem;
  30076. }
  30077. .ui.segments > .segments:first-child {
  30078. border-top: none;
  30079. }
  30080. .ui.segments > .segment + .segments:not(.horizontal) {
  30081. margin-top: 0;
  30082. }
  30083. /* Horizontal Group */
  30084. .ui.horizontal.segments {
  30085. display: flex;
  30086. flex-direction: row;
  30087. background-color: transparent;
  30088. padding: 0;
  30089. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  30090. margin: 1rem 0;
  30091. border-radius: 0.28571429rem;
  30092. border: 1px solid rgba(34, 36, 38, 0.15);
  30093. }
  30094. .ui.stackable.horizontal.segments {
  30095. flex-wrap: wrap;
  30096. }
  30097. /* Nested Horizontal Group */
  30098. .ui.segments > .horizontal.segments {
  30099. margin: 0;
  30100. background-color: transparent;
  30101. border-radius: 0;
  30102. border: none;
  30103. box-shadow: none;
  30104. border-top: 1px solid rgba(34, 36, 38, 0.15);
  30105. }
  30106. /* Horizontal Segment */
  30107. .ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
  30108. flex: 1 1 auto;
  30109. -ms-flex: 1 1 0;
  30110. /* Solves #2550 MS Flex */
  30111. }
  30112. .ui.horizontal.segments > .segment {
  30113. margin: 0;
  30114. min-width: 0;
  30115. border-radius: 0;
  30116. border: none;
  30117. box-shadow: none;
  30118. border-left: 1px solid rgba(34, 36, 38, 0.15);
  30119. }
  30120. /* Border Fixes */
  30121. .ui.segments > .horizontal.segments:first-child {
  30122. border-top: none;
  30123. }
  30124. .ui.horizontal.segments:not(.stackable) > .segment:first-child {
  30125. border-left: none;
  30126. }
  30127. .ui.horizontal.segments > .segment:first-child {
  30128. border-radius: 0.28571429rem 0 0 0.28571429rem;
  30129. }
  30130. .ui.horizontal.segments > .segment:last-child {
  30131. border-radius: 0 0.28571429rem 0.28571429rem 0;
  30132. }
  30133. /*******************************
  30134. States
  30135. *******************************/
  30136. /*--------------
  30137. Disabled
  30138. ---------------*/
  30139. .ui.disabled.segment {
  30140. opacity: var(--opacity-disabled);
  30141. color: rgba(40, 40, 40, 0.3);
  30142. }
  30143. /*--------------
  30144. Loading
  30145. ---------------*/
  30146. .ui.loading.segment {
  30147. position: relative;
  30148. cursor: default;
  30149. pointer-events: none;
  30150. text-shadow: none !important;
  30151. transition: all 0s linear;
  30152. }
  30153. .ui.loading.segment:before {
  30154. position: absolute;
  30155. content: '';
  30156. top: 0;
  30157. left: 0;
  30158. background: rgba(255, 255, 255, 0.8);
  30159. width: 100%;
  30160. height: 100%;
  30161. border-radius: 0.28571429rem;
  30162. z-index: 100;
  30163. }
  30164. .ui.loading.segment:after {
  30165. position: absolute;
  30166. content: '';
  30167. top: 50%;
  30168. left: 50%;
  30169. margin: -1.5em 0 0 -1.5em;
  30170. width: 3em;
  30171. height: 3em;
  30172. -webkit-animation: loader 0.6s infinite linear;
  30173. animation: loader 0.6s infinite linear;
  30174. border: 0.2em solid #767676;
  30175. border-radius: 500rem;
  30176. box-shadow: 0 0 0 1px transparent;
  30177. visibility: visible;
  30178. z-index: 101;
  30179. }
  30180. /*******************************
  30181. Variations
  30182. *******************************/
  30183. /*-------------------
  30184. Basic
  30185. --------------------*/
  30186. .ui.basic.segment,
  30187. .ui.segments .ui.basic.segment,
  30188. .ui.basic.segments {
  30189. background: none transparent;
  30190. box-shadow: none;
  30191. border: none;
  30192. border-radius: 0;
  30193. }
  30194. /*-------------------
  30195. Clearing
  30196. --------------------*/
  30197. .ui.clearing.segment:after {
  30198. content: "";
  30199. display: block;
  30200. clear: both;
  30201. }
  30202. /*-------------------
  30203. Colors
  30204. --------------------*/
  30205. .ui.red.segment.segment.segment.segment.segment:not(.inverted) {
  30206. border-top: 2px solid #DB2828;
  30207. }
  30208. .ui.inverted.red.segment.segment.segment.segment.segment {
  30209. background-color: #DB2828;
  30210. color: #FFFFFF;
  30211. }
  30212. .ui.orange.segment.segment.segment.segment.segment:not(.inverted) {
  30213. border-top: 2px solid #F2711C;
  30214. }
  30215. .ui.inverted.orange.segment.segment.segment.segment.segment {
  30216. background-color: #F2711C;
  30217. color: #FFFFFF;
  30218. }
  30219. .ui.yellow.segment.segment.segment.segment.segment:not(.inverted) {
  30220. border-top: 2px solid #FBBD08;
  30221. }
  30222. .ui.inverted.yellow.segment.segment.segment.segment.segment {
  30223. background-color: #FBBD08;
  30224. color: #FFFFFF;
  30225. }
  30226. .ui.olive.segment.segment.segment.segment.segment:not(.inverted) {
  30227. border-top: 2px solid #B5CC18;
  30228. }
  30229. .ui.inverted.olive.segment.segment.segment.segment.segment {
  30230. background-color: #B5CC18;
  30231. color: #FFFFFF;
  30232. }
  30233. .ui.green.segment.segment.segment.segment.segment:not(.inverted) {
  30234. border-top: 2px solid #21BA45;
  30235. }
  30236. .ui.inverted.green.segment.segment.segment.segment.segment {
  30237. background-color: #21BA45;
  30238. color: #FFFFFF;
  30239. }
  30240. .ui.teal.segment.segment.segment.segment.segment:not(.inverted) {
  30241. border-top: 2px solid #00B5AD;
  30242. }
  30243. .ui.inverted.teal.segment.segment.segment.segment.segment {
  30244. background-color: #00B5AD;
  30245. color: #FFFFFF;
  30246. }
  30247. .ui.blue.segment.segment.segment.segment.segment:not(.inverted) {
  30248. border-top: 2px solid #2185D0;
  30249. }
  30250. .ui.inverted.blue.segment.segment.segment.segment.segment {
  30251. background-color: #2185D0;
  30252. color: #FFFFFF;
  30253. }
  30254. .ui.violet.segment.segment.segment.segment.segment:not(.inverted) {
  30255. border-top: 2px solid #6435C9;
  30256. }
  30257. .ui.inverted.violet.segment.segment.segment.segment.segment {
  30258. background-color: #6435C9;
  30259. color: #FFFFFF;
  30260. }
  30261. .ui.purple.segment.segment.segment.segment.segment:not(.inverted) {
  30262. border-top: 2px solid #A333C8;
  30263. }
  30264. .ui.inverted.purple.segment.segment.segment.segment.segment {
  30265. background-color: #A333C8;
  30266. color: #FFFFFF;
  30267. }
  30268. .ui.pink.segment.segment.segment.segment.segment:not(.inverted) {
  30269. border-top: 2px solid #E03997;
  30270. }
  30271. .ui.inverted.pink.segment.segment.segment.segment.segment {
  30272. background-color: #E03997;
  30273. color: #FFFFFF;
  30274. }
  30275. .ui.brown.segment.segment.segment.segment.segment:not(.inverted) {
  30276. border-top: 2px solid #A5673F;
  30277. }
  30278. .ui.inverted.brown.segment.segment.segment.segment.segment {
  30279. background-color: #A5673F;
  30280. color: #FFFFFF;
  30281. }
  30282. .ui.grey.segment.segment.segment.segment.segment:not(.inverted) {
  30283. border-top: 2px solid #767676;
  30284. }
  30285. .ui.inverted.grey.segment.segment.segment.segment.segment {
  30286. background-color: #767676;
  30287. color: #FFFFFF;
  30288. }
  30289. .ui.black.segment.segment.segment.segment.segment:not(.inverted) {
  30290. border-top: 2px solid #1B1C1D;
  30291. }
  30292. .ui.inverted.black.segment.segment.segment.segment.segment {
  30293. background-color: #1B1C1D;
  30294. color: #FFFFFF;
  30295. }
  30296. /*-------------------
  30297. Aligned
  30298. --------------------*/
  30299. .ui[class*="left aligned"].segment {
  30300. text-align: left;
  30301. }
  30302. .ui[class*="right aligned"].segment {
  30303. text-align: right;
  30304. }
  30305. .ui[class*="center aligned"].segment {
  30306. text-align: center;
  30307. }
  30308. /*-------------------
  30309. Floated
  30310. --------------------*/
  30311. .ui.floated.segment,
  30312. .ui[class*="left floated"].segment {
  30313. float: left;
  30314. margin-right: 1em;
  30315. }
  30316. .ui[class*="right floated"].segment {
  30317. float: right;
  30318. margin-left: 1em;
  30319. }
  30320. /*-------------------
  30321. Inverted
  30322. --------------------*/
  30323. .ui.inverted.segment {
  30324. border: none;
  30325. box-shadow: none;
  30326. }
  30327. .ui.inverted.segment,
  30328. .ui.primary.inverted.segment {
  30329. background: #1B1C1D;
  30330. color: rgba(255, 255, 255, 0.9);
  30331. }
  30332. /* Nested */
  30333. .ui.inverted.segment .segment {
  30334. color: rgba(0, 0, 0, 0.87);
  30335. }
  30336. .ui.inverted.segment .inverted.segment {
  30337. color: rgba(255, 255, 255, 0.9);
  30338. }
  30339. /* Attached */
  30340. .ui.inverted.attached.segment {
  30341. border-color: #555555;
  30342. }
  30343. /* Loading */
  30344. .ui.inverted.loading.segment {
  30345. color: #FFFFFF;
  30346. }
  30347. .ui.inverted.loading.segment:before {
  30348. background: rgba(0, 0, 0, 0.85);
  30349. }
  30350. /*-------------------
  30351. Emphasis
  30352. --------------------*/
  30353. /* Secondary */
  30354. .ui.secondary.segment {
  30355. background: #F3F4F5;
  30356. color: rgba(0, 0, 0, 0.6);
  30357. }
  30358. .ui.secondary.inverted.segment {
  30359. background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
  30360. color: rgba(255, 255, 255, 0.8);
  30361. }
  30362. /* Tertiary */
  30363. .ui.tertiary.segment {
  30364. background: #DCDDDE;
  30365. color: rgba(0, 0, 0, 0.6);
  30366. }
  30367. .ui.tertiary.inverted.segment {
  30368. background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
  30369. color: rgba(255, 255, 255, 0.8);
  30370. }
  30371. /*-------------------
  30372. Attached
  30373. --------------------*/
  30374. /* Middle */
  30375. .ui.attached.segment {
  30376. top: 0;
  30377. bottom: 0;
  30378. border-radius: 0;
  30379. margin: 0 -1px;
  30380. width: calc(100% + 2px);
  30381. max-width: calc(100% + 2px);
  30382. box-shadow: none;
  30383. border: 1px solid #D4D4D5;
  30384. }
  30385. .ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  30386. border-top: none;
  30387. }
  30388. /* Top */
  30389. .ui[class*="top attached"].segment {
  30390. bottom: 0;
  30391. margin-bottom: 0;
  30392. top: 0;
  30393. margin-top: 1rem;
  30394. border-radius: 0.28571429rem 0.28571429rem 0 0;
  30395. }
  30396. .ui.segment[class*="top attached"]:first-child {
  30397. margin-top: 0;
  30398. }
  30399. /* Bottom */
  30400. .ui.segment[class*="bottom attached"] {
  30401. bottom: 0;
  30402. margin-top: 0;
  30403. top: 0;
  30404. margin-bottom: 1rem;
  30405. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  30406. border-radius: 0 0 0.28571429rem 0.28571429rem;
  30407. }
  30408. .ui.segment[class*="bottom attached"]:last-child {
  30409. margin-bottom: 1rem;
  30410. }
  30411. /*--------------
  30412. Fitted
  30413. ---------------*/
  30414. .ui.fitted.segment:not(.horizontally) {
  30415. padding-top: 0;
  30416. padding-bottom: 0;
  30417. }
  30418. .ui.fitted.segment:not(.vertically) {
  30419. padding-left: 0;
  30420. padding-right: 0;
  30421. }
  30422. /*-------------------
  30423. Size
  30424. --------------------*/
  30425. .ui.segments .segment,
  30426. .ui.segment {
  30427. font-size: 1rem;
  30428. }
  30429. .ui.mini.segments .segment,
  30430. .ui.mini.segment {
  30431. font-size: 0.78571429rem;
  30432. }
  30433. .ui.tiny.segments .segment,
  30434. .ui.tiny.segment {
  30435. font-size: 0.85714286rem;
  30436. }
  30437. .ui.small.segments .segment,
  30438. .ui.small.segment {
  30439. font-size: 0.92857143rem;
  30440. }
  30441. .ui.large.segments .segment,
  30442. .ui.large.segment {
  30443. font-size: 1.14285714rem;
  30444. }
  30445. .ui.big.segments .segment,
  30446. .ui.big.segment {
  30447. font-size: 1.28571429rem;
  30448. }
  30449. .ui.huge.segments .segment,
  30450. .ui.huge.segment {
  30451. font-size: 1.42857143rem;
  30452. }
  30453. .ui.massive.segments .segment,
  30454. .ui.massive.segment {
  30455. font-size: 1.71428571rem;
  30456. }
  30457. /*******************************
  30458. Theme Overrides
  30459. *******************************/
  30460. /*******************************
  30461. Site Overrides
  30462. *******************************/
  30463. /*!
  30464. * # Fomantic-UI - Site
  30465. * http://github.com/fomantic/Fomantic-UI/
  30466. *
  30467. *
  30468. * Released under the MIT license
  30469. * http://opensource.org/licenses/MIT
  30470. *
  30471. */
  30472. /*******************************
  30473. Page
  30474. *******************************/
  30475. html,
  30476. body {
  30477. height: 100%;
  30478. }
  30479. html {
  30480. font-size: 14px;
  30481. }
  30482. body {
  30483. margin: 0;
  30484. padding: 0;
  30485. overflow-x: hidden;
  30486. min-width: 320px;
  30487. background: #FFFFFF;
  30488. font-family: var(--fonts-regular);
  30489. font-size: 14px;
  30490. line-height: 1.4285em;
  30491. color: rgba(0, 0, 0, 0.87);
  30492. }
  30493. /*******************************
  30494. Headers
  30495. *******************************/
  30496. h1,
  30497. h2,
  30498. h3,
  30499. h4,
  30500. h5 {
  30501. font-family: var(--fonts-regular);
  30502. line-height: 1.28571429em;
  30503. margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  30504. font-weight: 500;
  30505. padding: 0;
  30506. }
  30507. h1 {
  30508. min-height: 1rem;
  30509. font-size: 2rem;
  30510. }
  30511. h2 {
  30512. font-size: 1.71428571rem;
  30513. }
  30514. h3 {
  30515. font-size: 1.28571429rem;
  30516. }
  30517. h4 {
  30518. font-size: 1.07142857rem;
  30519. }
  30520. h5 {
  30521. font-size: 1rem;
  30522. }
  30523. h1:first-child,
  30524. h2:first-child,
  30525. h3:first-child,
  30526. h4:first-child,
  30527. h5:first-child {
  30528. margin-top: 0;
  30529. }
  30530. h1:last-child,
  30531. h2:last-child,
  30532. h3:last-child,
  30533. h4:last-child,
  30534. h5:last-child {
  30535. margin-bottom: 0;
  30536. }
  30537. /*******************************
  30538. Text
  30539. *******************************/
  30540. p {
  30541. margin: 0 0 1em;
  30542. line-height: 1.4285em;
  30543. }
  30544. p:first-child {
  30545. margin-top: 0;
  30546. }
  30547. p:last-child {
  30548. margin-bottom: 0;
  30549. }
  30550. /*-------------------
  30551. Links
  30552. --------------------*/
  30553. a {
  30554. color: #4183C4;
  30555. text-decoration: none;
  30556. }
  30557. a:hover {
  30558. color: #1e70bf;
  30559. text-decoration: none;
  30560. }
  30561. /*******************************
  30562. Scrollbars
  30563. *******************************/
  30564. /*******************************
  30565. Highlighting
  30566. *******************************/
  30567. /* Site */
  30568. ::-webkit-selection {
  30569. background-color: #CCE2FF;
  30570. color: rgba(0, 0, 0, 0.87);
  30571. }
  30572. ::-moz-selection {
  30573. background-color: #CCE2FF;
  30574. color: rgba(0, 0, 0, 0.87);
  30575. }
  30576. ::selection {
  30577. background-color: #CCE2FF;
  30578. color: rgba(0, 0, 0, 0.87);
  30579. }
  30580. /* Form */
  30581. textarea::-webkit-selection,
  30582. input::-webkit-selection {
  30583. background-color: rgba(100, 100, 100, 0.4);
  30584. color: rgba(0, 0, 0, 0.87);
  30585. }
  30586. textarea::-moz-selection,
  30587. input::-moz-selection {
  30588. background-color: rgba(100, 100, 100, 0.4);
  30589. color: rgba(0, 0, 0, 0.87);
  30590. }
  30591. textarea::-moz-selection,
  30592. input::-moz-selection {
  30593. background-color: rgba(100, 100, 100, 0.4);
  30594. color: rgba(0, 0, 0, 0.87);
  30595. }
  30596. textarea::selection,
  30597. input::selection {
  30598. background-color: rgba(100, 100, 100, 0.4);
  30599. color: rgba(0, 0, 0, 0.87);
  30600. }
  30601. /*******************************
  30602. Global Overrides
  30603. *******************************/
  30604. /*******************************
  30605. Site Overrides
  30606. *******************************/
  30607. /*!
  30608. * # Fomantic-UI - Tab
  30609. * http://github.com/fomantic/Fomantic-UI/
  30610. *
  30611. *
  30612. * Released under the MIT license
  30613. * http://opensource.org/licenses/MIT
  30614. *
  30615. */
  30616. /*******************************
  30617. UI Tabs
  30618. *******************************/
  30619. .ui.tab {
  30620. display: none;
  30621. }
  30622. /*******************************
  30623. States
  30624. *******************************/
  30625. /*--------------------
  30626. Active
  30627. ---------------------*/
  30628. .ui.tab.active,
  30629. .ui.tab.open {
  30630. display: block;
  30631. }
  30632. /*--------------------
  30633. Loading
  30634. ---------------------*/
  30635. .ui.tab.loading {
  30636. position: relative;
  30637. overflow: hidden;
  30638. display: block;
  30639. min-height: 250px;
  30640. }
  30641. .ui.tab.loading * {
  30642. position: relative !important;
  30643. left: -10000px !important;
  30644. }
  30645. .ui.tab.loading:before,
  30646. .ui.tab.loading.segment:before {
  30647. position: absolute;
  30648. content: '';
  30649. top: 50%;
  30650. left: 50%;
  30651. margin: -1.25em 0 0 -1.25em;
  30652. width: 2.5em;
  30653. height: 2.5em;
  30654. border-radius: 500rem;
  30655. border: 0.2em solid rgba(0, 0, 0, 0.1);
  30656. }
  30657. .ui.tab.loading:after,
  30658. .ui.tab.loading.segment:after {
  30659. position: absolute;
  30660. content: '';
  30661. top: 50%;
  30662. left: 50%;
  30663. margin: -1.25em 0 0 -1.25em;
  30664. width: 2.5em;
  30665. height: 2.5em;
  30666. -webkit-animation: loader 0.6s infinite linear;
  30667. animation: loader 0.6s infinite linear;
  30668. border: 0.2em solid #767676;
  30669. border-radius: 500rem;
  30670. box-shadow: 0 0 0 1px transparent;
  30671. }
  30672. /*******************************
  30673. Tab Overrides
  30674. *******************************/
  30675. /*******************************
  30676. User Overrides
  30677. *******************************/
  30678. /*!
  30679. * # Fomantic-UI - Table
  30680. * http://github.com/fomantic/Fomantic-UI/
  30681. *
  30682. *
  30683. * Released under the MIT license
  30684. * http://opensource.org/licenses/MIT
  30685. *
  30686. */
  30687. /*******************************
  30688. Table
  30689. *******************************/
  30690. /* Prototype */
  30691. .ui.table {
  30692. width: 100%;
  30693. background: #FFFFFF;
  30694. margin: 1em 0;
  30695. border: 1px solid rgba(34, 36, 38, 0.15);
  30696. box-shadow: none;
  30697. border-radius: 0.28571429rem;
  30698. text-align: left;
  30699. vertical-align: middle;
  30700. color: rgba(0, 0, 0, 0.87);
  30701. border-collapse: separate;
  30702. border-spacing: 0;
  30703. }
  30704. .ui.table:first-child {
  30705. margin-top: 0;
  30706. }
  30707. .ui.table:last-child {
  30708. margin-bottom: 0;
  30709. }
  30710. .ui.table > thead,
  30711. .ui.table > tbody {
  30712. text-align: inherit;
  30713. vertical-align: inherit;
  30714. }
  30715. /*******************************
  30716. Parts
  30717. *******************************/
  30718. /* Table Content */
  30719. .ui.table th,
  30720. .ui.table td {
  30721. transition: background 0.1s ease, color 0.1s ease;
  30722. }
  30723. /* Rowspan helper class */
  30724. .ui.table th.rowspanned,
  30725. .ui.table td.rowspanned {
  30726. display: none;
  30727. }
  30728. /* Headers */
  30729. .ui.table > thead {
  30730. box-shadow: none;
  30731. }
  30732. .ui.table > thead > tr > th {
  30733. cursor: auto;
  30734. background: #F9FAFB;
  30735. text-align: inherit;
  30736. color: rgba(0, 0, 0, 0.87);
  30737. padding: 0.92857143em 0.78571429em;
  30738. vertical-align: inherit;
  30739. font-style: none;
  30740. font-weight: 500;
  30741. text-transform: none;
  30742. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  30743. border-left: none;
  30744. }
  30745. .ui.table > thead > tr > th:first-child {
  30746. border-left: none;
  30747. }
  30748. .ui.table > thead > tr:first-child > th:first-child {
  30749. border-radius: 0.28571429rem 0 0 0;
  30750. }
  30751. .ui.table > thead > tr:first-child > th:last-child {
  30752. border-radius: 0 0.28571429rem 0 0;
  30753. }
  30754. .ui.table > thead > tr:first-child > th:only-child {
  30755. border-radius: 0.28571429rem 0.28571429rem 0 0;
  30756. }
  30757. /* Footer */
  30758. .ui.table > tfoot {
  30759. box-shadow: none;
  30760. }
  30761. .ui.table > tfoot > tr > th,
  30762. .ui.table > tfoot > tr > td {
  30763. cursor: auto;
  30764. border-top: 1px solid rgba(34, 36, 38, 0.15);
  30765. background: #F9FAFB;
  30766. text-align: inherit;
  30767. color: rgba(0, 0, 0, 0.87);
  30768. padding: 0.78571429em 0.78571429em;
  30769. vertical-align: inherit;
  30770. font-style: normal;
  30771. font-weight: normal;
  30772. text-transform: none;
  30773. }
  30774. .ui.table > tfoot > tr > th:first-child,
  30775. .ui.table > tfoot > tr > td:first-child {
  30776. border-left: none;
  30777. }
  30778. .ui.table > tfoot > tr:first-child > th:first-child,
  30779. .ui.table > tfoot > tr:first-child > td:first-child {
  30780. border-radius: 0 0 0 0.28571429rem;
  30781. }
  30782. .ui.table > tfoot > tr:first-child > th:last-child,
  30783. .ui.table > tfoot > tr:first-child > td:last-child {
  30784. border-radius: 0 0 0.28571429rem 0;
  30785. }
  30786. .ui.table > tfoot > tr:first-child > th:only-child,
  30787. .ui.table > tfoot > tr:first-child > td:only-child {
  30788. border-radius: 0 0 0.28571429rem 0.28571429rem;
  30789. }
  30790. /* Table Row */
  30791. .ui.table > tr > td,
  30792. .ui.table > tbody > tr > td {
  30793. border-top: 1px solid rgba(34, 36, 38, 0.1);
  30794. }
  30795. .ui.table > tr:first-child > td,
  30796. .ui.table > tbody > tr:first-child > td {
  30797. border-top: none;
  30798. }
  30799. /* Repeated tbody */
  30800. .ui.table > tbody + tbody tr:first-child > td {
  30801. border-top: 1px solid rgba(34, 36, 38, 0.1);
  30802. }
  30803. /* Table Cells */
  30804. .ui.table > tbody > tr > td,
  30805. .ui.table > tr > td {
  30806. padding: 0.78571429em 0.78571429em;
  30807. text-align: inherit;
  30808. }
  30809. /* Icons */
  30810. .ui.table > i.icon {
  30811. vertical-align: baseline;
  30812. }
  30813. .ui.table > i.icon:only-child {
  30814. margin: 0;
  30815. }
  30816. /* Table Segment */
  30817. .ui.table.segment {
  30818. padding: 0;
  30819. }
  30820. .ui.table.segment:after {
  30821. display: none;
  30822. }
  30823. .ui.table.segment.stacked:after {
  30824. display: block;
  30825. }
  30826. /* Responsive */
  30827. @media only screen and (max-width: 767.98px) {
  30828. .ui.table:not(.unstackable) {
  30829. width: 100%;
  30830. padding: 0;
  30831. }
  30832. .ui.table:not(.unstackable) > thead,
  30833. .ui.table:not(.unstackable) > thead > tr,
  30834. .ui.table:not(.unstackable) > tfoot,
  30835. .ui.table:not(.unstackable) > tfoot > tr,
  30836. .ui.table:not(.unstackable) > tbody,
  30837. .ui.table:not(.unstackable) > tr,
  30838. .ui.table:not(.unstackable) > tbody > tr,
  30839. .ui.table:not(.unstackable) > tr > th:not(.rowspanned),
  30840. .ui.table:not(.unstackable) > thead > tr > th:not(.rowspanned),
  30841. .ui.table:not(.unstackable) > tbody > tr > th:not(.rowspanned),
  30842. .ui.table:not(.unstackable) > tfoot > tr > th:not(.rowspanned),
  30843. .ui.table:not(.unstackable) > tr > td:not(.rowspanned),
  30844. .ui.table:not(.unstackable) > tbody > tr > td:not(.rowspanned),
  30845. .ui.table:not(.unstackable) > tfoot > tr > td:not(.rowspanned) {
  30846. display: block !important;
  30847. width: auto !important;
  30848. }
  30849. .ui.table:not(.unstackable) > thead {
  30850. display: block;
  30851. }
  30852. .ui.table:not(.unstackable) > tfoot {
  30853. display: block;
  30854. }
  30855. .ui.ui.ui.ui.table:not(.unstackable) > tr,
  30856. .ui.ui.ui.ui.table:not(.unstackable) > thead > tr,
  30857. .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,
  30858. .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr {
  30859. padding-top: 1em;
  30860. padding-bottom: 1em;
  30861. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  30862. }
  30863. .ui.ui.ui.ui.table:not(.unstackable) > tr > th,
  30864. .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th,
  30865. .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th,
  30866. .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th,
  30867. .ui.ui.ui.ui.table:not(.unstackable) > tr > td,
  30868. .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td,
  30869. .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td {
  30870. background: none;
  30871. border: none;
  30872. padding: 0.25em 0.75em;
  30873. box-shadow: none;
  30874. }
  30875. .ui.table:not(.unstackable) > tr > th:first-child,
  30876. .ui.table:not(.unstackable) > thead > tr > th:first-child,
  30877. .ui.table:not(.unstackable) > tbody > tr > th:first-child,
  30878. .ui.table:not(.unstackable) > tfoot > tr > th:first-child,
  30879. .ui.table:not(.unstackable) > tr > td:first-child,
  30880. .ui.table:not(.unstackable) > tbody > tr > td:first-child,
  30881. .ui.table:not(.unstackable) > tfoot > tr > td:first-child {
  30882. font-weight: 500;
  30883. }
  30884. /* Definition Table */
  30885. .ui.definition.table:not(.unstackable) > thead > tr > th:first-child {
  30886. box-shadow: none !important;
  30887. }
  30888. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.left {
  30889. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  30890. }
  30891. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.right {
  30892. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  30893. }
  30894. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left {
  30895. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  30896. }
  30897. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right {
  30898. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  30899. }
  30900. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left {
  30901. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  30902. }
  30903. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.right {
  30904. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  30905. }
  30906. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left {
  30907. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  30908. }
  30909. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right {
  30910. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  30911. }
  30912. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left {
  30913. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  30914. }
  30915. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.right {
  30916. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  30917. }
  30918. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left {
  30919. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  30920. }
  30921. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right {
  30922. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  30923. }
  30924. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left {
  30925. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  30926. }
  30927. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.right {
  30928. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  30929. }
  30930. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left {
  30931. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  30932. }
  30933. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right {
  30934. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  30935. }
  30936. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left {
  30937. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  30938. }
  30939. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.right {
  30940. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  30941. }
  30942. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left {
  30943. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  30944. }
  30945. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right {
  30946. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  30947. }
  30948. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left {
  30949. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  30950. }
  30951. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.right {
  30952. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  30953. }
  30954. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left {
  30955. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  30956. }
  30957. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right {
  30958. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  30959. }
  30960. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left {
  30961. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  30962. }
  30963. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.right {
  30964. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  30965. }
  30966. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left {
  30967. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  30968. }
  30969. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right {
  30970. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  30971. }
  30972. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left {
  30973. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  30974. }
  30975. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.right {
  30976. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  30977. }
  30978. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left {
  30979. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  30980. }
  30981. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right {
  30982. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  30983. }
  30984. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left {
  30985. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  30986. }
  30987. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.right {
  30988. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  30989. }
  30990. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left {
  30991. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  30992. }
  30993. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right {
  30994. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  30995. }
  30996. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left {
  30997. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  30998. }
  30999. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.right {
  31000. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  31001. }
  31002. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left {
  31003. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  31004. }
  31005. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right {
  31006. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  31007. }
  31008. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left {
  31009. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  31010. }
  31011. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.right {
  31012. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  31013. }
  31014. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left {
  31015. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  31016. }
  31017. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right {
  31018. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  31019. }
  31020. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left {
  31021. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  31022. }
  31023. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.right {
  31024. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  31025. }
  31026. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left {
  31027. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  31028. }
  31029. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right {
  31030. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  31031. }
  31032. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left {
  31033. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  31034. }
  31035. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.right {
  31036. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  31037. }
  31038. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left {
  31039. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  31040. }
  31041. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right {
  31042. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  31043. }
  31044. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left {
  31045. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  31046. }
  31047. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.right {
  31048. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  31049. }
  31050. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left {
  31051. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  31052. }
  31053. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right {
  31054. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  31055. }
  31056. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left {
  31057. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  31058. }
  31059. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right {
  31060. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  31061. }
  31062. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left {
  31063. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  31064. }
  31065. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right {
  31066. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  31067. }
  31068. }
  31069. /*******************************
  31070. Coupling
  31071. *******************************/
  31072. /* UI Image */
  31073. .ui.table .collapsing .image,
  31074. .ui.table .collapsing .image img {
  31075. max-width: none;
  31076. }
  31077. /*******************************
  31078. Types
  31079. *******************************/
  31080. /*--------------
  31081. Complex
  31082. ---------------*/
  31083. .ui.structured.table {
  31084. border-collapse: collapse;
  31085. }
  31086. .ui.structured.table > thead > tr > th {
  31087. border-left: none;
  31088. border-right: none;
  31089. }
  31090. .ui.structured.sortable.table > thead > tr > th {
  31091. border-left: 1px solid rgba(34, 36, 38, 0.15);
  31092. border-right: 1px solid rgba(34, 36, 38, 0.15);
  31093. }
  31094. .ui.structured.basic.table > tr > th,
  31095. .ui.structured.basic.table > thead > tr > th,
  31096. .ui.structured.basic.table > tbody > tr > th,
  31097. .ui.structured.basic.table > tfoot > tr > th {
  31098. border-left: none;
  31099. border-right: none;
  31100. }
  31101. .ui.structured.celled.table > tr > th,
  31102. .ui.structured.celled.table > thead > tr > th,
  31103. .ui.structured.celled.table > tbody > tr > th,
  31104. .ui.structured.celled.table > tfoot > tr > th,
  31105. .ui.structured.celled.table > tr > td,
  31106. .ui.structured.celled.table > tbody > tr > td,
  31107. .ui.structured.celled.table > tfoot > tr > td {
  31108. border-left: 1px solid rgba(34, 36, 38, 0.1);
  31109. border-right: 1px solid rgba(34, 36, 38, 0.1);
  31110. }
  31111. /*--------------
  31112. Definition
  31113. ---------------*/
  31114. .ui.definition.table > thead:not(.full-width) > tr > th:first-child {
  31115. pointer-events: none;
  31116. background: #FFFFFF;
  31117. font-weight: normal;
  31118. color: rgba(0, 0, 0, 0.4);
  31119. box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
  31120. -moz-transform: scale(1);
  31121. }
  31122. .ui.definition.table > tfoot:not(.full-width) > tr > th:first-child {
  31123. pointer-events: none;
  31124. background: #FFFFFF;
  31125. font-weight: normal;
  31126. color: rgba(0, 0, 0, 0.4);
  31127. box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF;
  31128. -moz-transform: scale(1);
  31129. }
  31130. /* Highlight Defining Column */
  31131. .ui.definition.table > tr > td:first-child:not(.ignored),
  31132. .ui.definition.table > tbody > tr > td:first-child:not(.ignored),
  31133. .ui.definition.table > tfoot > tr > td:first-child:not(.ignored),
  31134. .ui.definition.table tr td.definition {
  31135. background: rgba(0, 0, 0, 0.03);
  31136. font-weight: 500;
  31137. color: rgba(0, 0, 0, 0.95);
  31138. text-transform: '';
  31139. box-shadow: '';
  31140. text-align: '';
  31141. font-size: 1em;
  31142. padding-left: '';
  31143. padding-right: '';
  31144. }
  31145. /* Fix 2nd Column */
  31146. .ui.definition.table > thead:not(.full-width) > tr > th:nth-child(2) {
  31147. border-left: 1px solid rgba(34, 36, 38, 0.15);
  31148. }
  31149. .ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2),
  31150. .ui.definition.table > tfoot:not(.full-width) > tr > td:nth-child(2) {
  31151. border-left: 1px solid rgba(34, 36, 38, 0.15);
  31152. }
  31153. .ui.definition.table > tr > td:nth-child(2),
  31154. .ui.definition.table > tbody > tr > td:nth-child(2) {
  31155. border-left: 1px solid rgba(34, 36, 38, 0.15);
  31156. }
  31157. /*******************************
  31158. States
  31159. *******************************/
  31160. /*--------------
  31161. Positive
  31162. ---------------*/
  31163. .ui.ui.ui.ui.table tr.positive,
  31164. .ui.ui.table td.positive {
  31165. box-shadow: 0 0 0 #A3C293 inset;
  31166. background: #FCFFF5;
  31167. color: #2C662D;
  31168. }
  31169. /*--------------
  31170. Negative
  31171. ---------------*/
  31172. .ui.ui.ui.ui.table tr.negative,
  31173. .ui.ui.table td.negative {
  31174. box-shadow: 0 0 0 #E0B4B4 inset;
  31175. background: #FFF6F6;
  31176. color: #9F3A38;
  31177. }
  31178. /*--------------
  31179. Error
  31180. ---------------*/
  31181. .ui.ui.ui.ui.table tr.error,
  31182. .ui.ui.table td.error {
  31183. box-shadow: 0 0 0 #E0B4B4 inset;
  31184. background: #FFF6F6;
  31185. color: #9F3A38;
  31186. }
  31187. /*--------------
  31188. Warning
  31189. ---------------*/
  31190. .ui.ui.ui.ui.table tr.warning,
  31191. .ui.ui.table td.warning {
  31192. box-shadow: 0 0 0 #C9BA9B inset;
  31193. background: #FFFAF3;
  31194. color: #573A08;
  31195. }
  31196. /*--------------
  31197. Active
  31198. ---------------*/
  31199. .ui.ui.ui.ui.table tr.active,
  31200. .ui.ui.table td.active {
  31201. box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
  31202. background: #E0E0E0;
  31203. color: rgba(0, 0, 0, 0.87);
  31204. }
  31205. /*--------------
  31206. Disabled
  31207. ---------------*/
  31208. .ui.table tr.disabled td,
  31209. .ui.table tr td.disabled,
  31210. .ui.table tr.disabled:hover,
  31211. .ui.table tr:hover td.disabled {
  31212. pointer-events: none;
  31213. color: rgba(40, 40, 40, 0.3);
  31214. }
  31215. /*******************************
  31216. Variations
  31217. *******************************/
  31218. /*--------------
  31219. Stackable
  31220. ---------------*/
  31221. @media only screen and (max-width: 991.98px) {
  31222. .ui[class*="tablet stackable"].table,
  31223. .ui[class*="tablet stackable"].table > thead,
  31224. .ui[class*="tablet stackable"].table > thead > tr,
  31225. .ui[class*="tablet stackable"].table > tfoot,
  31226. .ui[class*="tablet stackable"].table > tfoot > tr,
  31227. .ui[class*="tablet stackable"].table > tbody,
  31228. .ui[class*="tablet stackable"].table > tbody > tr,
  31229. .ui[class*="tablet stackable"].table > tr,
  31230. .ui[class*="tablet stackable"].table > thead > tr > th:not(.rowspanned),
  31231. .ui[class*="tablet stackable"].table > tbody > tr > th:not(.rowspanned),
  31232. .ui[class*="tablet stackable"].table > tfoot > tr > th:not(.rowspanned),
  31233. .ui[class*="tablet stackable"].table > tr > th:not(.rowspanned),
  31234. .ui[class*="tablet stackable"].table > tbody > tr > td:not(.rowspanned),
  31235. .ui[class*="tablet stackable"].table > tfoot > tr > td:not(.rowspanned),
  31236. .ui[class*="tablet stackable"].table > tr > td:not(.rowspanned) {
  31237. display: block !important;
  31238. width: 100% !important;
  31239. }
  31240. .ui[class*="tablet stackable"].table {
  31241. padding: 0;
  31242. }
  31243. .ui[class*="tablet stackable"].table > thead {
  31244. display: block;
  31245. }
  31246. .ui[class*="tablet stackable"].table > tfoot {
  31247. display: block;
  31248. }
  31249. .ui.ui.ui.ui[class*="tablet stackable"].table > thead > tr,
  31250. .ui.ui.ui.ui[class*="tablet stackable"].table > tbody > tr,
  31251. .ui.ui.ui.ui[class*="tablet stackable"].table > tfoot > tr,
  31252. .ui.ui.ui.ui[class*="tablet stackable"].table > tr {
  31253. padding-top: 1em;
  31254. padding-bottom: 1em;
  31255. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  31256. }
  31257. .ui[class*="tablet stackable"].table > thead > tr > th,
  31258. .ui[class*="tablet stackable"].table > tbody > tr > th,
  31259. .ui[class*="tablet stackable"].table > tfoot > tr > th,
  31260. .ui[class*="tablet stackable"].table > tr > th,
  31261. .ui[class*="tablet stackable"].table > tbody > tr > td,
  31262. .ui[class*="tablet stackable"].table > tfoot > tr > td,
  31263. .ui[class*="tablet stackable"].table > tr > td {
  31264. background: none;
  31265. border: none !important;
  31266. padding: 0.25em 0.75em;
  31267. box-shadow: none;
  31268. }
  31269. /* Definition Table */
  31270. .ui.definition[class*="tablet stackable"].table > thead > tr > th:first-child {
  31271. box-shadow: none !important;
  31272. }
  31273. }
  31274. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.left {
  31275. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  31276. }
  31277. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.right {
  31278. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  31279. }
  31280. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left {
  31281. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  31282. }
  31283. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right {
  31284. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  31285. }
  31286. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left {
  31287. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  31288. }
  31289. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.right {
  31290. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  31291. }
  31292. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left {
  31293. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  31294. }
  31295. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right {
  31296. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  31297. }
  31298. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left {
  31299. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  31300. }
  31301. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.right {
  31302. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  31303. }
  31304. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left {
  31305. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  31306. }
  31307. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right {
  31308. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  31309. }
  31310. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left {
  31311. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  31312. }
  31313. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.right {
  31314. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  31315. }
  31316. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left {
  31317. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  31318. }
  31319. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right {
  31320. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  31321. }
  31322. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left {
  31323. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  31324. }
  31325. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.right {
  31326. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  31327. }
  31328. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left {
  31329. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  31330. }
  31331. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right {
  31332. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  31333. }
  31334. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left {
  31335. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  31336. }
  31337. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.right {
  31338. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  31339. }
  31340. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left {
  31341. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  31342. }
  31343. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right {
  31344. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  31345. }
  31346. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left {
  31347. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  31348. }
  31349. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.right {
  31350. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  31351. }
  31352. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left {
  31353. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  31354. }
  31355. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right {
  31356. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  31357. }
  31358. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left {
  31359. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  31360. }
  31361. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.right {
  31362. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  31363. }
  31364. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left {
  31365. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  31366. }
  31367. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right {
  31368. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  31369. }
  31370. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left {
  31371. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  31372. }
  31373. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.right {
  31374. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  31375. }
  31376. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left {
  31377. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  31378. }
  31379. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right {
  31380. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  31381. }
  31382. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left {
  31383. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  31384. }
  31385. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.right {
  31386. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  31387. }
  31388. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left {
  31389. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  31390. }
  31391. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right {
  31392. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  31393. }
  31394. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left {
  31395. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  31396. }
  31397. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.right {
  31398. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  31399. }
  31400. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left {
  31401. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  31402. }
  31403. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right {
  31404. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  31405. }
  31406. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left {
  31407. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  31408. }
  31409. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.right {
  31410. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  31411. }
  31412. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left {
  31413. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  31414. }
  31415. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right {
  31416. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  31417. }
  31418. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left {
  31419. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  31420. }
  31421. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.right {
  31422. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  31423. }
  31424. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left {
  31425. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  31426. }
  31427. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right {
  31428. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  31429. }
  31430. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left {
  31431. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  31432. }
  31433. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.right {
  31434. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  31435. }
  31436. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left {
  31437. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  31438. }
  31439. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right {
  31440. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  31441. }
  31442. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left {
  31443. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  31444. }
  31445. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.right {
  31446. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  31447. }
  31448. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left {
  31449. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  31450. }
  31451. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right {
  31452. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  31453. }
  31454. /*--------------
  31455. Text Alignment
  31456. ---------------*/
  31457. .ui.table[class*="left aligned"],
  31458. .ui.table [class*="left aligned"] {
  31459. text-align: left;
  31460. }
  31461. .ui.table[class*="center aligned"],
  31462. .ui.table [class*="center aligned"] {
  31463. text-align: center;
  31464. }
  31465. .ui.table[class*="right aligned"],
  31466. .ui.table [class*="right aligned"] {
  31467. text-align: right;
  31468. }
  31469. /*------------------
  31470. Vertical Alignment
  31471. ------------------*/
  31472. .ui.table[class*="top aligned"],
  31473. .ui.table [class*="top aligned"] {
  31474. vertical-align: top;
  31475. }
  31476. .ui.table[class*="middle aligned"],
  31477. .ui.table [class*="middle aligned"] {
  31478. vertical-align: middle;
  31479. }
  31480. .ui.table[class*="bottom aligned"],
  31481. .ui.table [class*="bottom aligned"] {
  31482. vertical-align: bottom;
  31483. }
  31484. /*--------------
  31485. Collapsing
  31486. ---------------*/
  31487. .ui.table th.collapsing,
  31488. .ui.table td.collapsing {
  31489. width: 1px;
  31490. white-space: nowrap;
  31491. }
  31492. /*--------------
  31493. Fixed
  31494. ---------------*/
  31495. .ui.fixed.table {
  31496. table-layout: fixed;
  31497. }
  31498. .ui.fixed.table th,
  31499. .ui.fixed.table td {
  31500. overflow: hidden;
  31501. text-overflow: ellipsis;
  31502. }
  31503. /*--------------
  31504. Selectable
  31505. ---------------*/
  31506. .ui.ui.selectable.table > tbody > tr:hover,
  31507. .ui.table tbody tr td.selectable:hover {
  31508. background: rgba(0, 0, 0, 0.05);
  31509. color: rgba(0, 0, 0, 0.95);
  31510. }
  31511. .ui.ui.selectable.inverted.table > tbody > tr:hover,
  31512. .ui.inverted.table tbody tr td.selectable:hover {
  31513. background: rgba(255, 255, 255, 0.08);
  31514. color: #ffffff;
  31515. }
  31516. /* Selectable Cell Link */
  31517. .ui.table tbody tr td.selectable {
  31518. padding: 0;
  31519. }
  31520. .ui.table tbody tr td.selectable > a:not(.ui) {
  31521. display: block;
  31522. color: inherit;
  31523. padding: 0.78571429em 0.78571429em;
  31524. }
  31525. .ui.table > tr > td.selectable,
  31526. .ui.table > tbody > tr > td.selectable,
  31527. .ui.selectable.table > tbody > tr,
  31528. .ui.selectable.table > tr {
  31529. cursor: pointer;
  31530. }
  31531. /* Other States */
  31532. .ui.ui.selectable.table tr.error:hover,
  31533. .ui.table tr td.selectable.error:hover,
  31534. .ui.selectable.table tr:hover td.error {
  31535. background: #ffe7e7;
  31536. color: #943634;
  31537. }
  31538. .ui.ui.selectable.table tr.warning:hover,
  31539. .ui.table tr td.selectable.warning:hover,
  31540. .ui.selectable.table tr:hover td.warning {
  31541. background: #fff4e4;
  31542. color: #493107;
  31543. }
  31544. .ui.ui.selectable.table tr.active:hover,
  31545. .ui.table tr td.selectable.active:hover,
  31546. .ui.selectable.table tr:hover td.active {
  31547. background: #E0E0E0;
  31548. color: rgba(0, 0, 0, 0.87);
  31549. }
  31550. .ui.ui.selectable.table tr.positive:hover,
  31551. .ui.table tr td.selectable.positive:hover,
  31552. .ui.selectable.table tr:hover td.positive {
  31553. background: #f7ffe6;
  31554. color: #275b28;
  31555. }
  31556. .ui.ui.selectable.table tr.negative:hover,
  31557. .ui.table tr td.selectable.negative:hover,
  31558. .ui.selectable.table tr:hover td.negative {
  31559. background: #ffe7e7;
  31560. color: #943634;
  31561. }
  31562. /*-------------------
  31563. Attached
  31564. --------------------*/
  31565. /* Middle */
  31566. .ui.attached.table {
  31567. top: 0;
  31568. bottom: 0;
  31569. border-radius: 0;
  31570. margin: 0 -1px;
  31571. width: calc(100% + 2px);
  31572. max-width: calc(100% + 2px);
  31573. box-shadow: none;
  31574. border: 1px solid #D4D4D5;
  31575. }
  31576. .ui.attached + .ui.attached.table:not(.top) {
  31577. border-top: none;
  31578. }
  31579. /* Top */
  31580. .ui[class*="top attached"].table {
  31581. bottom: 0;
  31582. margin-bottom: 0;
  31583. top: 0;
  31584. margin-top: 1em;
  31585. border-radius: 0.28571429rem 0.28571429rem 0 0;
  31586. }
  31587. .ui.table[class*="top attached"]:first-child {
  31588. margin-top: 0;
  31589. }
  31590. /* Bottom */
  31591. .ui[class*="bottom attached"].table {
  31592. bottom: 0;
  31593. margin-top: 0;
  31594. top: 0;
  31595. margin-bottom: 1em;
  31596. box-shadow: none, none;
  31597. border-radius: 0 0 0.28571429rem 0.28571429rem;
  31598. }
  31599. .ui[class*="bottom attached"].table:last-child {
  31600. margin-bottom: 0;
  31601. }
  31602. /*--------------
  31603. Striped
  31604. ---------------*/
  31605. /* Table Striping */
  31606. .ui.striped.table > tr:nth-child(2n),
  31607. .ui.striped.table > tbody > tr:nth-child(2n) {
  31608. background-color: rgba(0, 0, 50, 0.02);
  31609. }
  31610. /* Stripes */
  31611. .ui.inverted.striped.table > tr:nth-child(2n),
  31612. .ui.inverted.striped.table > tbody > tr:nth-child(2n) {
  31613. background-color: rgba(255, 255, 255, 0.05);
  31614. }
  31615. /* Allow striped active hover */
  31616. .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  31617. background: #EFEFEF;
  31618. color: rgba(0, 0, 0, 0.95);
  31619. }
  31620. /*--------------
  31621. Single Line
  31622. ---------------*/
  31623. .ui.table[class*="single line"],
  31624. .ui.table [class*="single line"] {
  31625. white-space: nowrap;
  31626. }
  31627. /*-------------------
  31628. Colors
  31629. --------------------*/
  31630. .ui.primary.table {
  31631. border-top: 0.2em solid #2185D0;
  31632. }
  31633. .ui.inverted.primary.table {
  31634. background-color: #2185D0;
  31635. color: #FFFFFF;
  31636. }
  31637. .ui.ui.ui.ui.table tr.primary:not(.marked),
  31638. .ui.ui.table td.primary:not(.marked) {
  31639. background: #ddf4ff;
  31640. color: rgba(255, 255, 255, 0.9);
  31641. }
  31642. .ui.ui.selectable.table tr.primary:not(.marked):hover,
  31643. .ui.table tr td.selectable.primary:not(.marked):hover,
  31644. .ui.selectable.table tr:hover td.primary:not(.marked) {
  31645. background: #d3f1ff;
  31646. color: rgba(255, 255, 255, 0.9);
  31647. }
  31648. .ui.table td.marked.primary.left,
  31649. .ui.table tr.marked.primary.left {
  31650. box-shadow: 0.2em 0 0 0 #2185D0 inset;
  31651. }
  31652. .ui.table td.marked.primary.right,
  31653. .ui.table tr.marked.primary.right {
  31654. box-shadow: -0.2em 0 0 0 #2185D0 inset;
  31655. }
  31656. .ui.inverted.table td.marked.primary.left,
  31657. .ui.inverted.table tr.marked.primary.left {
  31658. box-shadow: 0.2em 0 0 0 #54C8FF inset;
  31659. }
  31660. .ui.inverted.table td.marked.primary.right,
  31661. .ui.inverted.table tr.marked.primary.right {
  31662. box-shadow: -0.2em 0 0 0 #54C8FF inset;
  31663. }
  31664. .ui.secondary.table {
  31665. border-top: 0.2em solid #1B1C1D;
  31666. }
  31667. .ui.inverted.secondary.table {
  31668. background-color: #1B1C1D;
  31669. color: #FFFFFF;
  31670. }
  31671. .ui.ui.ui.ui.table tr.secondary:not(.marked),
  31672. .ui.ui.table td.secondary:not(.marked) {
  31673. background: #dddddd;
  31674. color: rgba(255, 255, 255, 0.9);
  31675. }
  31676. .ui.ui.selectable.table tr.secondary:not(.marked):hover,
  31677. .ui.table tr td.selectable.secondary:not(.marked):hover,
  31678. .ui.selectable.table tr:hover td.secondary:not(.marked) {
  31679. background: #e2e2e2;
  31680. color: rgba(255, 255, 255, 0.9);
  31681. }
  31682. .ui.table td.marked.secondary.left,
  31683. .ui.table tr.marked.secondary.left {
  31684. box-shadow: 0.2em 0 0 0 #1B1C1D inset;
  31685. }
  31686. .ui.table td.marked.secondary.right,
  31687. .ui.table tr.marked.secondary.right {
  31688. box-shadow: -0.2em 0 0 0 #1B1C1D inset;
  31689. }
  31690. .ui.inverted.table td.marked.secondary.left,
  31691. .ui.inverted.table tr.marked.secondary.left {
  31692. box-shadow: 0.2em 0 0 0 #545454 inset;
  31693. }
  31694. .ui.inverted.table td.marked.secondary.right,
  31695. .ui.inverted.table tr.marked.secondary.right {
  31696. box-shadow: -0.2em 0 0 0 #545454 inset;
  31697. }
  31698. .ui.red.table {
  31699. border-top: 0.2em solid #DB2828;
  31700. }
  31701. .ui.inverted.red.table {
  31702. background-color: #DB2828;
  31703. color: #FFFFFF;
  31704. }
  31705. .ui.ui.ui.ui.table tr.red:not(.marked),
  31706. .ui.ui.table td.red:not(.marked) {
  31707. background: #ffe1df;
  31708. color: #DB2828;
  31709. }
  31710. .ui.ui.selectable.table tr.red:not(.marked):hover,
  31711. .ui.table tr td.selectable.red:not(.marked):hover,
  31712. .ui.selectable.table tr:hover td.red:not(.marked) {
  31713. background: #ffd7d5;
  31714. color: #DB2828;
  31715. }
  31716. .ui.table td.marked.red.left,
  31717. .ui.table tr.marked.red.left {
  31718. box-shadow: 0.2em 0 0 0 #DB2828 inset;
  31719. }
  31720. .ui.table td.marked.red.right,
  31721. .ui.table tr.marked.red.right {
  31722. box-shadow: -0.2em 0 0 0 #DB2828 inset;
  31723. }
  31724. .ui.inverted.table td.marked.red.left,
  31725. .ui.inverted.table tr.marked.red.left {
  31726. box-shadow: 0.2em 0 0 0 #FF695E inset;
  31727. }
  31728. .ui.inverted.table td.marked.red.right,
  31729. .ui.inverted.table tr.marked.red.right {
  31730. box-shadow: -0.2em 0 0 0 #FF695E inset;
  31731. }
  31732. .ui.orange.table {
  31733. border-top: 0.2em solid #F2711C;
  31734. }
  31735. .ui.inverted.orange.table {
  31736. background-color: #F2711C;
  31737. color: #FFFFFF;
  31738. }
  31739. .ui.ui.ui.ui.table tr.orange:not(.marked),
  31740. .ui.ui.table td.orange:not(.marked) {
  31741. background: #ffe7d1;
  31742. color: #F2711C;
  31743. }
  31744. .ui.ui.selectable.table tr.orange:not(.marked):hover,
  31745. .ui.table tr td.selectable.orange:not(.marked):hover,
  31746. .ui.selectable.table tr:hover td.orange:not(.marked) {
  31747. background: #fae1cc;
  31748. color: #F2711C;
  31749. }
  31750. .ui.table td.marked.orange.left,
  31751. .ui.table tr.marked.orange.left {
  31752. box-shadow: 0.2em 0 0 0 #F2711C inset;
  31753. }
  31754. .ui.table td.marked.orange.right,
  31755. .ui.table tr.marked.orange.right {
  31756. box-shadow: -0.2em 0 0 0 #F2711C inset;
  31757. }
  31758. .ui.inverted.table td.marked.orange.left,
  31759. .ui.inverted.table tr.marked.orange.left {
  31760. box-shadow: 0.2em 0 0 0 #FF851B inset;
  31761. }
  31762. .ui.inverted.table td.marked.orange.right,
  31763. .ui.inverted.table tr.marked.orange.right {
  31764. box-shadow: -0.2em 0 0 0 #FF851B inset;
  31765. }
  31766. .ui.yellow.table {
  31767. border-top: 0.2em solid #FBBD08;
  31768. }
  31769. .ui.inverted.yellow.table {
  31770. background-color: #FBBD08;
  31771. color: #FFFFFF;
  31772. }
  31773. .ui.ui.ui.ui.table tr.yellow:not(.marked),
  31774. .ui.ui.table td.yellow:not(.marked) {
  31775. background: #fff9d2;
  31776. color: #B58105;
  31777. }
  31778. .ui.ui.selectable.table tr.yellow:not(.marked):hover,
  31779. .ui.table tr td.selectable.yellow:not(.marked):hover,
  31780. .ui.selectable.table tr:hover td.yellow:not(.marked) {
  31781. background: #fbf5cc;
  31782. color: #B58105;
  31783. }
  31784. .ui.table td.marked.yellow.left,
  31785. .ui.table tr.marked.yellow.left {
  31786. box-shadow: 0.2em 0 0 0 #FBBD08 inset;
  31787. }
  31788. .ui.table td.marked.yellow.right,
  31789. .ui.table tr.marked.yellow.right {
  31790. box-shadow: -0.2em 0 0 0 #FBBD08 inset;
  31791. }
  31792. .ui.inverted.table td.marked.yellow.left,
  31793. .ui.inverted.table tr.marked.yellow.left {
  31794. box-shadow: 0.2em 0 0 0 #FFE21F inset;
  31795. }
  31796. .ui.inverted.table td.marked.yellow.right,
  31797. .ui.inverted.table tr.marked.yellow.right {
  31798. box-shadow: -0.2em 0 0 0 #FFE21F inset;
  31799. }
  31800. .ui.olive.table {
  31801. border-top: 0.2em solid #B5CC18;
  31802. }
  31803. .ui.inverted.olive.table {
  31804. background-color: #B5CC18;
  31805. color: #FFFFFF;
  31806. }
  31807. .ui.ui.ui.ui.table tr.olive:not(.marked),
  31808. .ui.ui.table td.olive:not(.marked) {
  31809. background: #f7fae4;
  31810. color: #8ABC1E;
  31811. }
  31812. .ui.ui.selectable.table tr.olive:not(.marked):hover,
  31813. .ui.table tr td.selectable.olive:not(.marked):hover,
  31814. .ui.selectable.table tr:hover td.olive:not(.marked) {
  31815. background: #f6fada;
  31816. color: #8ABC1E;
  31817. }
  31818. .ui.table td.marked.olive.left,
  31819. .ui.table tr.marked.olive.left {
  31820. box-shadow: 0.2em 0 0 0 #B5CC18 inset;
  31821. }
  31822. .ui.table td.marked.olive.right,
  31823. .ui.table tr.marked.olive.right {
  31824. box-shadow: -0.2em 0 0 0 #B5CC18 inset;
  31825. }
  31826. .ui.inverted.table td.marked.olive.left,
  31827. .ui.inverted.table tr.marked.olive.left {
  31828. box-shadow: 0.2em 0 0 0 #D9E778 inset;
  31829. }
  31830. .ui.inverted.table td.marked.olive.right,
  31831. .ui.inverted.table tr.marked.olive.right {
  31832. box-shadow: -0.2em 0 0 0 #D9E778 inset;
  31833. }
  31834. .ui.green.table {
  31835. border-top: 0.2em solid #21BA45;
  31836. }
  31837. .ui.inverted.green.table {
  31838. background-color: #21BA45;
  31839. color: #FFFFFF;
  31840. }
  31841. .ui.ui.ui.ui.table tr.green:not(.marked),
  31842. .ui.ui.table td.green:not(.marked) {
  31843. background: #d5f5d9;
  31844. color: #1EBC30;
  31845. }
  31846. .ui.ui.selectable.table tr.green:not(.marked):hover,
  31847. .ui.table tr td.selectable.green:not(.marked):hover,
  31848. .ui.selectable.table tr:hover td.green:not(.marked) {
  31849. background: #d2eed5;
  31850. color: #1EBC30;
  31851. }
  31852. .ui.table td.marked.green.left,
  31853. .ui.table tr.marked.green.left {
  31854. box-shadow: 0.2em 0 0 0 #21BA45 inset;
  31855. }
  31856. .ui.table td.marked.green.right,
  31857. .ui.table tr.marked.green.right {
  31858. box-shadow: -0.2em 0 0 0 #21BA45 inset;
  31859. }
  31860. .ui.inverted.table td.marked.green.left,
  31861. .ui.inverted.table tr.marked.green.left {
  31862. box-shadow: 0.2em 0 0 0 #2ECC40 inset;
  31863. }
  31864. .ui.inverted.table td.marked.green.right,
  31865. .ui.inverted.table tr.marked.green.right {
  31866. box-shadow: -0.2em 0 0 0 #2ECC40 inset;
  31867. }
  31868. .ui.teal.table {
  31869. border-top: 0.2em solid #00B5AD;
  31870. }
  31871. .ui.inverted.teal.table {
  31872. background-color: #00B5AD;
  31873. color: #FFFFFF;
  31874. }
  31875. .ui.ui.ui.ui.table tr.teal:not(.marked),
  31876. .ui.ui.table td.teal:not(.marked) {
  31877. background: #e2ffff;
  31878. color: #10A3A3;
  31879. }
  31880. .ui.ui.selectable.table tr.teal:not(.marked):hover,
  31881. .ui.table tr td.selectable.teal:not(.marked):hover,
  31882. .ui.selectable.table tr:hover td.teal:not(.marked) {
  31883. background: #d8ffff;
  31884. color: #10A3A3;
  31885. }
  31886. .ui.table td.marked.teal.left,
  31887. .ui.table tr.marked.teal.left {
  31888. box-shadow: 0.2em 0 0 0 #00B5AD inset;
  31889. }
  31890. .ui.table td.marked.teal.right,
  31891. .ui.table tr.marked.teal.right {
  31892. box-shadow: -0.2em 0 0 0 #00B5AD inset;
  31893. }
  31894. .ui.inverted.table td.marked.teal.left,
  31895. .ui.inverted.table tr.marked.teal.left {
  31896. box-shadow: 0.2em 0 0 0 #6DFFFF inset;
  31897. }
  31898. .ui.inverted.table td.marked.teal.right,
  31899. .ui.inverted.table tr.marked.teal.right {
  31900. box-shadow: -0.2em 0 0 0 #6DFFFF inset;
  31901. }
  31902. .ui.blue.table {
  31903. border-top: 0.2em solid #2185D0;
  31904. }
  31905. .ui.inverted.blue.table {
  31906. background-color: #2185D0;
  31907. color: #FFFFFF;
  31908. }
  31909. .ui.ui.ui.ui.table tr.blue:not(.marked),
  31910. .ui.ui.table td.blue:not(.marked) {
  31911. background: #ddf4ff;
  31912. color: #2185D0;
  31913. }
  31914. .ui.ui.selectable.table tr.blue:not(.marked):hover,
  31915. .ui.table tr td.selectable.blue:not(.marked):hover,
  31916. .ui.selectable.table tr:hover td.blue:not(.marked) {
  31917. background: #d3f1ff;
  31918. color: #2185D0;
  31919. }
  31920. .ui.table td.marked.blue.left,
  31921. .ui.table tr.marked.blue.left {
  31922. box-shadow: 0.2em 0 0 0 #2185D0 inset;
  31923. }
  31924. .ui.table td.marked.blue.right,
  31925. .ui.table tr.marked.blue.right {
  31926. box-shadow: -0.2em 0 0 0 #2185D0 inset;
  31927. }
  31928. .ui.inverted.table td.marked.blue.left,
  31929. .ui.inverted.table tr.marked.blue.left {
  31930. box-shadow: 0.2em 0 0 0 #54C8FF inset;
  31931. }
  31932. .ui.inverted.table td.marked.blue.right,
  31933. .ui.inverted.table tr.marked.blue.right {
  31934. box-shadow: -0.2em 0 0 0 #54C8FF inset;
  31935. }
  31936. .ui.violet.table {
  31937. border-top: 0.2em solid #6435C9;
  31938. }
  31939. .ui.inverted.violet.table {
  31940. background-color: #6435C9;
  31941. color: #FFFFFF;
  31942. }
  31943. .ui.ui.ui.ui.table tr.violet:not(.marked),
  31944. .ui.ui.table td.violet:not(.marked) {
  31945. background: #ece9fe;
  31946. color: #6435C9;
  31947. }
  31948. .ui.ui.selectable.table tr.violet:not(.marked):hover,
  31949. .ui.table tr td.selectable.violet:not(.marked):hover,
  31950. .ui.selectable.table tr:hover td.violet:not(.marked) {
  31951. background: #e3deff;
  31952. color: #6435C9;
  31953. }
  31954. .ui.table td.marked.violet.left,
  31955. .ui.table tr.marked.violet.left {
  31956. box-shadow: 0.2em 0 0 0 #6435C9 inset;
  31957. }
  31958. .ui.table td.marked.violet.right,
  31959. .ui.table tr.marked.violet.right {
  31960. box-shadow: -0.2em 0 0 0 #6435C9 inset;
  31961. }
  31962. .ui.inverted.table td.marked.violet.left,
  31963. .ui.inverted.table tr.marked.violet.left {
  31964. box-shadow: 0.2em 0 0 0 #A291FB inset;
  31965. }
  31966. .ui.inverted.table td.marked.violet.right,
  31967. .ui.inverted.table tr.marked.violet.right {
  31968. box-shadow: -0.2em 0 0 0 #A291FB inset;
  31969. }
  31970. .ui.purple.table {
  31971. border-top: 0.2em solid #A333C8;
  31972. }
  31973. .ui.inverted.purple.table {
  31974. background-color: #A333C8;
  31975. color: #FFFFFF;
  31976. }
  31977. .ui.ui.ui.ui.table tr.purple:not(.marked),
  31978. .ui.ui.table td.purple:not(.marked) {
  31979. background: #f8e3ff;
  31980. color: #A333C8;
  31981. }
  31982. .ui.ui.selectable.table tr.purple:not(.marked):hover,
  31983. .ui.table tr td.selectable.purple:not(.marked):hover,
  31984. .ui.selectable.table tr:hover td.purple:not(.marked) {
  31985. background: #f5d9ff;
  31986. color: #A333C8;
  31987. }
  31988. .ui.table td.marked.purple.left,
  31989. .ui.table tr.marked.purple.left {
  31990. box-shadow: 0.2em 0 0 0 #A333C8 inset;
  31991. }
  31992. .ui.table td.marked.purple.right,
  31993. .ui.table tr.marked.purple.right {
  31994. box-shadow: -0.2em 0 0 0 #A333C8 inset;
  31995. }
  31996. .ui.inverted.table td.marked.purple.left,
  31997. .ui.inverted.table tr.marked.purple.left {
  31998. box-shadow: 0.2em 0 0 0 #DC73FF inset;
  31999. }
  32000. .ui.inverted.table td.marked.purple.right,
  32001. .ui.inverted.table tr.marked.purple.right {
  32002. box-shadow: -0.2em 0 0 0 #DC73FF inset;
  32003. }
  32004. .ui.pink.table {
  32005. border-top: 0.2em solid #E03997;
  32006. }
  32007. .ui.inverted.pink.table {
  32008. background-color: #E03997;
  32009. color: #FFFFFF;
  32010. }
  32011. .ui.ui.ui.ui.table tr.pink:not(.marked),
  32012. .ui.ui.table td.pink:not(.marked) {
  32013. background: #ffe8f9;
  32014. color: #E03997;
  32015. }
  32016. .ui.ui.selectable.table tr.pink:not(.marked):hover,
  32017. .ui.table tr td.selectable.pink:not(.marked):hover,
  32018. .ui.selectable.table tr:hover td.pink:not(.marked) {
  32019. background: #ffdef6;
  32020. color: #E03997;
  32021. }
  32022. .ui.table td.marked.pink.left,
  32023. .ui.table tr.marked.pink.left {
  32024. box-shadow: 0.2em 0 0 0 #E03997 inset;
  32025. }
  32026. .ui.table td.marked.pink.right,
  32027. .ui.table tr.marked.pink.right {
  32028. box-shadow: -0.2em 0 0 0 #E03997 inset;
  32029. }
  32030. .ui.inverted.table td.marked.pink.left,
  32031. .ui.inverted.table tr.marked.pink.left {
  32032. box-shadow: 0.2em 0 0 0 #FF8EDF inset;
  32033. }
  32034. .ui.inverted.table td.marked.pink.right,
  32035. .ui.inverted.table tr.marked.pink.right {
  32036. box-shadow: -0.2em 0 0 0 #FF8EDF inset;
  32037. }
  32038. .ui.brown.table {
  32039. border-top: 0.2em solid #A5673F;
  32040. }
  32041. .ui.inverted.brown.table {
  32042. background-color: #A5673F;
  32043. color: #FFFFFF;
  32044. }
  32045. .ui.ui.ui.ui.table tr.brown:not(.marked),
  32046. .ui.ui.table td.brown:not(.marked) {
  32047. background: #f7e5d2;
  32048. color: #A5673F;
  32049. }
  32050. .ui.ui.selectable.table tr.brown:not(.marked):hover,
  32051. .ui.table tr td.selectable.brown:not(.marked):hover,
  32052. .ui.selectable.table tr:hover td.brown:not(.marked) {
  32053. background: #efe0cf;
  32054. color: #A5673F;
  32055. }
  32056. .ui.table td.marked.brown.left,
  32057. .ui.table tr.marked.brown.left {
  32058. box-shadow: 0.2em 0 0 0 #A5673F inset;
  32059. }
  32060. .ui.table td.marked.brown.right,
  32061. .ui.table tr.marked.brown.right {
  32062. box-shadow: -0.2em 0 0 0 #A5673F inset;
  32063. }
  32064. .ui.inverted.table td.marked.brown.left,
  32065. .ui.inverted.table tr.marked.brown.left {
  32066. box-shadow: 0.2em 0 0 0 #D67C1C inset;
  32067. }
  32068. .ui.inverted.table td.marked.brown.right,
  32069. .ui.inverted.table tr.marked.brown.right {
  32070. box-shadow: -0.2em 0 0 0 #D67C1C inset;
  32071. }
  32072. .ui.grey.table {
  32073. border-top: 0.2em solid #767676;
  32074. }
  32075. .ui.inverted.grey.table {
  32076. background-color: #767676;
  32077. color: #FFFFFF;
  32078. }
  32079. .ui.ui.ui.ui.table tr.grey:not(.marked),
  32080. .ui.ui.table td.grey:not(.marked) {
  32081. background: #DCDDDE;
  32082. color: #767676;
  32083. }
  32084. .ui.ui.selectable.table tr.grey:not(.marked):hover,
  32085. .ui.table tr td.selectable.grey:not(.marked):hover,
  32086. .ui.selectable.table tr:hover td.grey:not(.marked) {
  32087. background: #c2c4c5;
  32088. color: #767676;
  32089. }
  32090. .ui.table td.marked.grey.left,
  32091. .ui.table tr.marked.grey.left {
  32092. box-shadow: 0.2em 0 0 0 #767676 inset;
  32093. }
  32094. .ui.table td.marked.grey.right,
  32095. .ui.table tr.marked.grey.right {
  32096. box-shadow: -0.2em 0 0 0 #767676 inset;
  32097. }
  32098. .ui.inverted.table td.marked.grey.left,
  32099. .ui.inverted.table tr.marked.grey.left {
  32100. box-shadow: 0.2em 0 0 0 #DCDDDE inset;
  32101. }
  32102. .ui.inverted.table td.marked.grey.right,
  32103. .ui.inverted.table tr.marked.grey.right {
  32104. box-shadow: -0.2em 0 0 0 #DCDDDE inset;
  32105. }
  32106. .ui.black.table {
  32107. border-top: 0.2em solid #1B1C1D;
  32108. }
  32109. .ui.inverted.black.table {
  32110. background-color: #1B1C1D;
  32111. color: #FFFFFF;
  32112. }
  32113. .ui.ui.ui.ui.table tr.black:not(.marked),
  32114. .ui.ui.table td.black:not(.marked) {
  32115. background: #545454;
  32116. color: #FFFFFF;
  32117. }
  32118. .ui.ui.selectable.table tr.black:not(.marked):hover,
  32119. .ui.table tr td.selectable.black:not(.marked):hover,
  32120. .ui.selectable.table tr:hover td.black:not(.marked) {
  32121. background: #000000;
  32122. color: #FFFFFF;
  32123. }
  32124. .ui.table td.marked.black.left,
  32125. .ui.table tr.marked.black.left {
  32126. box-shadow: 0.2em 0 0 0 #1B1C1D inset;
  32127. }
  32128. .ui.table td.marked.black.right,
  32129. .ui.table tr.marked.black.right {
  32130. box-shadow: -0.2em 0 0 0 #1B1C1D inset;
  32131. }
  32132. .ui.inverted.table td.marked.black.left,
  32133. .ui.inverted.table tr.marked.black.left {
  32134. box-shadow: 0.2em 0 0 0 #545454 inset;
  32135. }
  32136. .ui.inverted.table td.marked.black.right,
  32137. .ui.inverted.table tr.marked.black.right {
  32138. box-shadow: -0.2em 0 0 0 #545454 inset;
  32139. }
  32140. /*--------------
  32141. Column Count
  32142. ---------------*/
  32143. /* Grid Based */
  32144. .ui.one.column.table td {
  32145. width: 100%;
  32146. }
  32147. .ui.two.column.table td {
  32148. width: 50%;
  32149. }
  32150. .ui.three.column.table td {
  32151. width: 33.33333333%;
  32152. }
  32153. .ui.four.column.table td {
  32154. width: 25%;
  32155. }
  32156. .ui.five.column.table td {
  32157. width: 20%;
  32158. }
  32159. .ui.six.column.table td {
  32160. width: 16.66666667%;
  32161. }
  32162. .ui.seven.column.table td {
  32163. width: 14.28571429%;
  32164. }
  32165. .ui.eight.column.table td {
  32166. width: 12.5%;
  32167. }
  32168. .ui.nine.column.table td {
  32169. width: 11.11111111%;
  32170. }
  32171. .ui.ten.column.table td {
  32172. width: 10%;
  32173. }
  32174. .ui.eleven.column.table td {
  32175. width: 9.09090909%;
  32176. }
  32177. .ui.twelve.column.table td {
  32178. width: 8.33333333%;
  32179. }
  32180. .ui.thirteen.column.table td {
  32181. width: 7.69230769%;
  32182. }
  32183. .ui.fourteen.column.table td {
  32184. width: 7.14285714%;
  32185. }
  32186. .ui.fifteen.column.table td {
  32187. width: 6.66666667%;
  32188. }
  32189. .ui.sixteen.column.table td {
  32190. width: 6.25%;
  32191. }
  32192. /* Column Width */
  32193. .ui.table th.one.wide,
  32194. .ui.table td.one.wide {
  32195. width: 6.25%;
  32196. }
  32197. .ui.table th.two.wide,
  32198. .ui.table td.two.wide {
  32199. width: 12.5%;
  32200. }
  32201. .ui.table th.three.wide,
  32202. .ui.table td.three.wide {
  32203. width: 18.75%;
  32204. }
  32205. .ui.table th.four.wide,
  32206. .ui.table td.four.wide {
  32207. width: 25%;
  32208. }
  32209. .ui.table th.five.wide,
  32210. .ui.table td.five.wide {
  32211. width: 31.25%;
  32212. }
  32213. .ui.table th.six.wide,
  32214. .ui.table td.six.wide {
  32215. width: 37.5%;
  32216. }
  32217. .ui.table th.seven.wide,
  32218. .ui.table td.seven.wide {
  32219. width: 43.75%;
  32220. }
  32221. .ui.table th.eight.wide,
  32222. .ui.table td.eight.wide {
  32223. width: 50%;
  32224. }
  32225. .ui.table th.nine.wide,
  32226. .ui.table td.nine.wide {
  32227. width: 56.25%;
  32228. }
  32229. .ui.table th.ten.wide,
  32230. .ui.table td.ten.wide {
  32231. width: 62.5%;
  32232. }
  32233. .ui.table th.eleven.wide,
  32234. .ui.table td.eleven.wide {
  32235. width: 68.75%;
  32236. }
  32237. .ui.table th.twelve.wide,
  32238. .ui.table td.twelve.wide {
  32239. width: 75%;
  32240. }
  32241. .ui.table th.thirteen.wide,
  32242. .ui.table td.thirteen.wide {
  32243. width: 81.25%;
  32244. }
  32245. .ui.table th.fourteen.wide,
  32246. .ui.table td.fourteen.wide {
  32247. width: 87.5%;
  32248. }
  32249. .ui.table th.fifteen.wide,
  32250. .ui.table td.fifteen.wide {
  32251. width: 93.75%;
  32252. }
  32253. .ui.table th.sixteen.wide,
  32254. .ui.table td.sixteen.wide {
  32255. width: 100%;
  32256. }
  32257. /*--------------
  32258. Sortable
  32259. ---------------*/
  32260. .ui.sortable.table > thead > tr > th {
  32261. cursor: pointer;
  32262. white-space: nowrap;
  32263. border-left: 1px solid rgba(34, 36, 38, 0.15);
  32264. color: rgba(0, 0, 0, 0.87);
  32265. }
  32266. .ui.sortable.table > thead > tr > th:first-child {
  32267. border-left: none;
  32268. }
  32269. .ui.sortable.table thead th.sorted,
  32270. .ui.sortable.table thead th.sorted:hover {
  32271. -webkit-user-select: none;
  32272. -moz-user-select: none;
  32273. user-select: none;
  32274. }
  32275. .ui.sortable.table > thead > tr > th:after {
  32276. display: none;
  32277. font-style: normal;
  32278. font-weight: normal;
  32279. text-decoration: inherit;
  32280. content: '';
  32281. height: 1em;
  32282. width: auto;
  32283. opacity: 0.8;
  32284. margin: 0 0 0 0.5em;
  32285. font-family: 'Icons';
  32286. }
  32287. .ui.sortable.table thead th.ascending:after {
  32288. content: '\f0d8';
  32289. }
  32290. .ui.sortable.table thead th.descending:after {
  32291. content: '\f0d7';
  32292. }
  32293. /* Hover */
  32294. .ui.sortable.table th.disabled:hover {
  32295. cursor: auto;
  32296. color: rgba(40, 40, 40, 0.3);
  32297. }
  32298. .ui.sortable.table > thead > tr > th:hover {
  32299. color: rgba(0, 0, 0, 0.8);
  32300. }
  32301. .ui.sortable.table:not(.basic) > thead > tr > th:hover {
  32302. background: rgba(0, 0, 0, 0.05);
  32303. }
  32304. /* Sorted */
  32305. .ui.sortable.table thead th.sorted {
  32306. color: rgba(0, 0, 0, 0.95);
  32307. }
  32308. .ui.sortable.table:not(.basic) thead th.sorted {
  32309. background: rgba(0, 0, 0, 0.05);
  32310. }
  32311. .ui.sortable.table thead th.sorted:after {
  32312. display: inline-block;
  32313. }
  32314. /* Sorted Hover */
  32315. .ui.sortable.table thead th.sorted:hover {
  32316. color: rgba(0, 0, 0, 0.95);
  32317. }
  32318. .ui.sortable.table:not(.basic) thead th.sorted:hover {
  32319. background: rgba(0, 0, 0, 0.05);
  32320. }
  32321. /* Inverted */
  32322. .ui.inverted.sortable.table thead th.sorted {
  32323. color: #ffffff;
  32324. }
  32325. .ui.inverted.sortable.table:not(.basic) thead th.sorted {
  32326. background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  32327. }
  32328. .ui.inverted.sortable.table > thead > tr > th:hover {
  32329. color: #ffffff;
  32330. }
  32331. .ui.inverted.sortable.table:not(.basic) > thead > tr > th:hover {
  32332. background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  32333. }
  32334. .ui.inverted.sortable.table:not(.basic) > thead > tr > th {
  32335. border-left-color: transparent;
  32336. border-right-color: transparent;
  32337. }
  32338. /*--------------
  32339. Inverted
  32340. ---------------*/
  32341. /* Text Color */
  32342. .ui.inverted.table {
  32343. background: #333333;
  32344. color: rgba(255, 255, 255, 0.9);
  32345. border: none;
  32346. }
  32347. .ui.ui.inverted.table > thead > tr > th,
  32348. .ui.ui.inverted.table > tbody > tr > th,
  32349. .ui.ui.inverted.table > tfoot > tr > th,
  32350. .ui.ui.inverted.table > tfoot > tr > td,
  32351. .ui.ui.inverted.table > tr > th {
  32352. background-color: rgba(0, 0, 0, 0.15);
  32353. border-color: rgba(255, 255, 255, 0.1);
  32354. color: rgba(255, 255, 255, 0.9);
  32355. }
  32356. .ui.inverted.table > tbody > tr > td,
  32357. .ui.inverted.table > tfoot > tr > td,
  32358. .ui.inverted.table > tr > td {
  32359. border-color: rgba(255, 255, 255, 0.1);
  32360. }
  32361. .ui.inverted.table tr.disabled td,
  32362. .ui.inverted.table tr td.disabled,
  32363. .ui.inverted.table tr.disabled:hover td,
  32364. .ui.inverted.table tr:hover td.disabled {
  32365. pointer-events: none;
  32366. color: rgba(225, 225, 225, 0.3);
  32367. }
  32368. .ui.inverted.table tr td.disabled:not([class="disabled"]),
  32369. .ui.inverted.table tr.disabled:not([class="disabled"]) td,
  32370. .ui.inverted.table tr.disabled td[class]:not(.disabled),
  32371. .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
  32372. color: rgba(40, 40, 40, 0.3);
  32373. }
  32374. /* Definition */
  32375. .ui.inverted.definition.table > tfoot:not(.full-width) > tr > th:first-child,
  32376. .ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
  32377. background: #FFFFFF;
  32378. }
  32379. .ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child,
  32380. .ui.inverted.definition.table > tr > td:first-child {
  32381. background: rgba(255, 255, 255, 0.02);
  32382. color: #ffffff;
  32383. }
  32384. /*--------------
  32385. Collapsing
  32386. ---------------*/
  32387. .ui.collapsing.table {
  32388. width: auto;
  32389. }
  32390. /*--------------
  32391. Basic
  32392. ---------------*/
  32393. .ui.basic.table {
  32394. background: transparent;
  32395. border: 1px solid rgba(34, 36, 38, 0.15);
  32396. box-shadow: none;
  32397. }
  32398. .ui.basic.table > thead,
  32399. .ui.basic.table > tfoot {
  32400. box-shadow: none;
  32401. }
  32402. .ui.basic.table > thead > tr > th,
  32403. .ui.basic.table > tbody > tr > th,
  32404. .ui.basic.table > tfoot > tr > th,
  32405. .ui.basic.table > tr > th {
  32406. background: transparent;
  32407. border-left: none;
  32408. }
  32409. .ui.basic.table > tbody > tr {
  32410. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  32411. }
  32412. .ui.basic.table > tbody > tr > td,
  32413. .ui.basic.table > tfoot > tr > td,
  32414. .ui.basic.table > tr > td {
  32415. background: transparent;
  32416. }
  32417. .ui.basic.striped.table > tbody > tr:nth-child(2n) {
  32418. background-color: rgba(0, 0, 0, 0.05);
  32419. }
  32420. /* Very Basic */
  32421. .ui[class*="very basic"].table {
  32422. border: none;
  32423. }
  32424. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th,
  32425. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th,
  32426. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th,
  32427. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th,
  32428. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td,
  32429. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td {
  32430. padding: '';
  32431. }
  32432. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:first-child,
  32433. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:first-child,
  32434. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child,
  32435. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child,
  32436. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child,
  32437. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child,
  32438. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
  32439. padding-left: 0;
  32440. }
  32441. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child,
  32442. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:last-child,
  32443. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child,
  32444. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child,
  32445. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child,
  32446. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child,
  32447. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child {
  32448. padding-right: 0;
  32449. }
  32450. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
  32451. padding-top: 0;
  32452. }
  32453. /*--------------
  32454. Celled
  32455. ---------------*/
  32456. .ui.celled.table > tr > th,
  32457. .ui.celled.table > thead > tr > th,
  32458. .ui.celled.table > tbody > tr > th,
  32459. .ui.celled.table > tfoot > tr > th,
  32460. .ui.celled.table > tr > td,
  32461. .ui.celled.table > tbody > tr > td,
  32462. .ui.celled.table > tfoot > tr > td {
  32463. border-left: 1px solid rgba(34, 36, 38, 0.1);
  32464. }
  32465. .ui.inverted.celled.table > tbody > tr > td,
  32466. .ui.inverted.celled.table > tr > td {
  32467. border-left: 1px solid rgba(255, 255, 255, 0.1);
  32468. }
  32469. .ui.celled.table > tr > th:first-child,
  32470. .ui.celled.table > thead > tr > th:first-child,
  32471. .ui.celled.table > tbody > tr > th:first-child,
  32472. .ui.celled.table > tfoot > tr > th:first-child,
  32473. .ui.celled.table > tr > td:first-child,
  32474. .ui.celled.table > tbody > tr > td:first-child,
  32475. .ui.celled.table > tfoot > tr > td:first-child {
  32476. border-left: none;
  32477. }
  32478. /*--------------
  32479. Padded
  32480. ---------------*/
  32481. .ui.padded.table > tr > th,
  32482. .ui.padded.table > thead > tr > th,
  32483. .ui.padded.table > tbody > tr > th,
  32484. .ui.padded.table > tfoot > tr > th {
  32485. padding-left: 1em;
  32486. padding-right: 1em;
  32487. }
  32488. .ui.padded.table > tr > th,
  32489. .ui.padded.table > thead > tr > th,
  32490. .ui.padded.table > tbody > tr > th,
  32491. .ui.padded.table > tfoot > tr > th,
  32492. .ui.padded.table > tr > td,
  32493. .ui.padded.table > tbody > tr > td,
  32494. .ui.padded.table > tfoot > tr > td {
  32495. padding: 1em 1em;
  32496. }
  32497. /* Very */
  32498. .ui[class*="very padded"].table > tr > th,
  32499. .ui[class*="very padded"].table > thead > tr > th,
  32500. .ui[class*="very padded"].table > tbody > tr > th,
  32501. .ui[class*="very padded"].table > tfoot > tr > th {
  32502. padding-left: 1.5em;
  32503. padding-right: 1.5em;
  32504. }
  32505. .ui[class*="very padded"].table > tr > td,
  32506. .ui[class*="very padded"].table > tbody > tr > td,
  32507. .ui[class*="very padded"].table > tfoot > tr > td {
  32508. padding: 1.5em 1.5em;
  32509. }
  32510. /*--------------
  32511. Compact
  32512. ---------------*/
  32513. .ui.compact.table > tr > th,
  32514. .ui.compact.table > thead > tr > th,
  32515. .ui.compact.table > tbody > tr > th,
  32516. .ui.compact.table > tfoot > tr > th {
  32517. padding-left: 0.7em;
  32518. padding-right: 0.7em;
  32519. }
  32520. .ui.compact.table > tr > td,
  32521. .ui.compact.table > tbody > tr > td,
  32522. .ui.compact.table > tfoot > tr > td {
  32523. padding: 0.5em 0.7em;
  32524. }
  32525. /* Very */
  32526. .ui[class*="very compact"].table > tr > th,
  32527. .ui[class*="very compact"].table > thead > tr > th,
  32528. .ui[class*="very compact"].table > tbody > tr > th,
  32529. .ui[class*="very compact"].table > tfoot > tr > th {
  32530. padding-left: 0.6em;
  32531. padding-right: 0.6em;
  32532. }
  32533. .ui[class*="very compact"].table > tr > td,
  32534. .ui[class*="very compact"].table > tbody > tr > td,
  32535. .ui[class*="very compact"].table > tfoot > tr > td {
  32536. padding: 0.4em 0.6em;
  32537. }
  32538. /*--------------
  32539. Sizes
  32540. ---------------*/
  32541. /* Standard */
  32542. .ui.table {
  32543. font-size: 1em;
  32544. }
  32545. .ui.mini.table {
  32546. font-size: 0.78571429rem;
  32547. }
  32548. .ui.tiny.table {
  32549. font-size: 0.85714286rem;
  32550. }
  32551. .ui.small.table {
  32552. font-size: 0.9em;
  32553. }
  32554. .ui.large.table {
  32555. font-size: 1.1em;
  32556. }
  32557. .ui.big.table {
  32558. font-size: 1.28571429rem;
  32559. }
  32560. .ui.huge.table {
  32561. font-size: 1.42857143rem;
  32562. }
  32563. .ui.massive.table {
  32564. font-size: 1.71428571rem;
  32565. }
  32566. /*******************************
  32567. Site Overrides
  32568. *******************************/
  32569. /*!
  32570. * # Fomantic-UI - Text
  32571. * http://github.com/fomantic/Fomantic-UI/
  32572. *
  32573. *
  32574. * Released under the MIT license
  32575. * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
  32576. *
  32577. */
  32578. /*******************************
  32579. Text
  32580. *******************************/
  32581. span.ui.text {
  32582. line-height: 1;
  32583. }
  32584. span.ui.primary.text {
  32585. color: #2185D0;
  32586. }
  32587. span.ui.inverted.primary.text {
  32588. color: #54C8FF;
  32589. }
  32590. span.ui.secondary.text {
  32591. color: #1B1C1D;
  32592. }
  32593. span.ui.inverted.secondary.text {
  32594. color: #545454;
  32595. }
  32596. span.ui.red.text {
  32597. color: #DB2828;
  32598. }
  32599. span.ui.inverted.red.text {
  32600. color: #FF695E;
  32601. }
  32602. span.ui.orange.text {
  32603. color: #F2711C;
  32604. }
  32605. span.ui.inverted.orange.text {
  32606. color: #FF851B;
  32607. }
  32608. span.ui.yellow.text {
  32609. color: #FBBD08;
  32610. }
  32611. span.ui.inverted.yellow.text {
  32612. color: #FFE21F;
  32613. }
  32614. span.ui.olive.text {
  32615. color: #B5CC18;
  32616. }
  32617. span.ui.inverted.olive.text {
  32618. color: #D9E778;
  32619. }
  32620. span.ui.green.text {
  32621. color: #21BA45;
  32622. }
  32623. span.ui.inverted.green.text {
  32624. color: #2ECC40;
  32625. }
  32626. span.ui.teal.text {
  32627. color: #00B5AD;
  32628. }
  32629. span.ui.inverted.teal.text {
  32630. color: #6DFFFF;
  32631. }
  32632. span.ui.blue.text {
  32633. color: #2185D0;
  32634. }
  32635. span.ui.inverted.blue.text {
  32636. color: #54C8FF;
  32637. }
  32638. span.ui.violet.text {
  32639. color: #6435C9;
  32640. }
  32641. span.ui.inverted.violet.text {
  32642. color: #A291FB;
  32643. }
  32644. span.ui.purple.text {
  32645. color: #A333C8;
  32646. }
  32647. span.ui.inverted.purple.text {
  32648. color: #DC73FF;
  32649. }
  32650. span.ui.pink.text {
  32651. color: #E03997;
  32652. }
  32653. span.ui.inverted.pink.text {
  32654. color: #FF8EDF;
  32655. }
  32656. span.ui.brown.text {
  32657. color: #A5673F;
  32658. }
  32659. span.ui.inverted.brown.text {
  32660. color: #D67C1C;
  32661. }
  32662. span.ui.grey.text {
  32663. color: #767676;
  32664. }
  32665. span.ui.inverted.grey.text {
  32666. color: #DCDDDE;
  32667. }
  32668. span.ui.black.text {
  32669. color: #1B1C1D;
  32670. }
  32671. span.ui.inverted.black.text {
  32672. color: #545454;
  32673. }
  32674. span.ui.error.text {
  32675. color: #DB2828;
  32676. }
  32677. span.ui.info.text {
  32678. color: #31CCEC;
  32679. }
  32680. span.ui.success.text {
  32681. color: #21BA45;
  32682. }
  32683. span.ui.warning.text {
  32684. color: #F2C037;
  32685. }
  32686. span.ui.disabled.text {
  32687. opacity: var(--opacity-disabled);
  32688. }
  32689. /* Sizes */
  32690. span.ui.medium.text {
  32691. font-size: 1em;
  32692. }
  32693. span.ui.mini.text {
  32694. font-size: 0.4em;
  32695. }
  32696. span.ui.tiny.text {
  32697. font-size: 0.5em;
  32698. }
  32699. span.ui.small.text {
  32700. font-size: 0.75em;
  32701. }
  32702. span.ui.large.text {
  32703. font-size: 1.5em;
  32704. }
  32705. span.ui.big.text {
  32706. font-size: 2em;
  32707. }
  32708. span.ui.huge.text {
  32709. font-size: 4em;
  32710. }
  32711. span.ui.massive.text {
  32712. font-size: 8em;
  32713. }
  32714. /*******************************
  32715. Theme Overrides
  32716. *******************************/
  32717. /*!
  32718. * # Fomantic-UI - Transition
  32719. * http://github.com/fomantic/Fomantic-UI/
  32720. *
  32721. *
  32722. * Released under the MIT license
  32723. * http://opensource.org/licenses/MIT
  32724. *
  32725. */
  32726. /*******************************
  32727. Transitions
  32728. *******************************/
  32729. .transition {
  32730. -webkit-animation-iteration-count: 1;
  32731. animation-iteration-count: 1;
  32732. -webkit-animation-duration: 300ms;
  32733. animation-duration: 300ms;
  32734. -webkit-animation-timing-function: ease;
  32735. animation-timing-function: ease;
  32736. -webkit-animation-fill-mode: both;
  32737. animation-fill-mode: both;
  32738. }
  32739. /*******************************
  32740. States
  32741. *******************************/
  32742. /* Animating */
  32743. .animating.transition {
  32744. -webkit-backface-visibility: hidden;
  32745. backface-visibility: hidden;
  32746. visibility: visible !important;
  32747. }
  32748. /* Loading */
  32749. .loading.transition {
  32750. position: absolute;
  32751. top: -99999px;
  32752. left: -99999px;
  32753. }
  32754. /* Hidden */
  32755. .hidden.transition {
  32756. display: none;
  32757. visibility: hidden;
  32758. }
  32759. /* Visible */
  32760. .visible.transition {
  32761. display: block !important;
  32762. visibility: visible !important;
  32763. /* backface-visibility: @backfaceVisibility;
  32764. transform: @use3DAcceleration;*/
  32765. }
  32766. /* Disabled */
  32767. .disabled.transition {
  32768. -webkit-animation-play-state: paused;
  32769. animation-play-state: paused;
  32770. }
  32771. /*******************************
  32772. Variations
  32773. *******************************/
  32774. .looping.transition {
  32775. -webkit-animation-iteration-count: infinite;
  32776. animation-iteration-count: infinite;
  32777. }
  32778. /*******************************
  32779. Transitions
  32780. *******************************/
  32781. /*
  32782. Some transitions adapted from Animate CSS
  32783. https://github.com/daneden/animate.css
  32784. Additional transitions adapted from Glide
  32785. by Nick Pettit - https://github.com/nickpettit/glide
  32786. */
  32787. /*--------------
  32788. Browse
  32789. ---------------*/
  32790. .transition.browse {
  32791. -webkit-animation-duration: 500ms;
  32792. animation-duration: 500ms;
  32793. }
  32794. .transition.browse.in {
  32795. -webkit-animation-name: browseIn;
  32796. animation-name: browseIn;
  32797. }
  32798. .transition.browse.out,
  32799. .transition.browse.left.out {
  32800. -webkit-animation-name: browseOutLeft;
  32801. animation-name: browseOutLeft;
  32802. }
  32803. .transition.browse.right.out {
  32804. -webkit-animation-name: browseOutRight;
  32805. animation-name: browseOutRight;
  32806. }
  32807. /* In */
  32808. @-webkit-keyframes browseIn {
  32809. 0% {
  32810. transform: scale(0.8) translateZ(0px);
  32811. z-index: -1;
  32812. }
  32813. 10% {
  32814. transform: scale(0.8) translateZ(0px);
  32815. z-index: -1;
  32816. opacity: 0.7;
  32817. }
  32818. 80% {
  32819. transform: scale(1.05) translateZ(0px);
  32820. opacity: 1;
  32821. z-index: 999;
  32822. }
  32823. 100% {
  32824. transform: scale(1) translateZ(0px);
  32825. z-index: 999;
  32826. }
  32827. }
  32828. @keyframes browseIn {
  32829. 0% {
  32830. transform: scale(0.8) translateZ(0px);
  32831. z-index: -1;
  32832. }
  32833. 10% {
  32834. transform: scale(0.8) translateZ(0px);
  32835. z-index: -1;
  32836. opacity: 0.7;
  32837. }
  32838. 80% {
  32839. transform: scale(1.05) translateZ(0px);
  32840. opacity: 1;
  32841. z-index: 999;
  32842. }
  32843. 100% {
  32844. transform: scale(1) translateZ(0px);
  32845. z-index: 999;
  32846. }
  32847. }
  32848. /* Out */
  32849. @-webkit-keyframes browseOutLeft {
  32850. 0% {
  32851. z-index: 999;
  32852. transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  32853. }
  32854. 50% {
  32855. z-index: -1;
  32856. transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  32857. }
  32858. 80% {
  32859. opacity: 1;
  32860. }
  32861. 100% {
  32862. z-index: -1;
  32863. transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  32864. opacity: 0;
  32865. }
  32866. }
  32867. @keyframes browseOutLeft {
  32868. 0% {
  32869. z-index: 999;
  32870. transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  32871. }
  32872. 50% {
  32873. z-index: -1;
  32874. transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  32875. }
  32876. 80% {
  32877. opacity: 1;
  32878. }
  32879. 100% {
  32880. z-index: -1;
  32881. transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  32882. opacity: 0;
  32883. }
  32884. }
  32885. @-webkit-keyframes browseOutRight {
  32886. 0% {
  32887. z-index: 999;
  32888. transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  32889. }
  32890. 50% {
  32891. z-index: 1;
  32892. transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  32893. }
  32894. 80% {
  32895. opacity: 1;
  32896. }
  32897. 100% {
  32898. z-index: 1;
  32899. transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  32900. opacity: 0;
  32901. }
  32902. }
  32903. @keyframes browseOutRight {
  32904. 0% {
  32905. z-index: 999;
  32906. transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  32907. }
  32908. 50% {
  32909. z-index: 1;
  32910. transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  32911. }
  32912. 80% {
  32913. opacity: 1;
  32914. }
  32915. 100% {
  32916. z-index: 1;
  32917. transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  32918. opacity: 0;
  32919. }
  32920. }
  32921. /*--------------
  32922. Drop
  32923. ---------------*/
  32924. .drop.transition {
  32925. transform-origin: top center;
  32926. -webkit-animation-duration: 400ms;
  32927. animation-duration: 400ms;
  32928. -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  32929. animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  32930. }
  32931. .drop.transition.in {
  32932. -webkit-animation-name: dropIn;
  32933. animation-name: dropIn;
  32934. }
  32935. .drop.transition.out {
  32936. -webkit-animation-name: dropOut;
  32937. animation-name: dropOut;
  32938. }
  32939. /* Drop */
  32940. @-webkit-keyframes dropIn {
  32941. 0% {
  32942. opacity: 0;
  32943. transform: scale(0);
  32944. }
  32945. 100% {
  32946. opacity: 1;
  32947. transform: scale(1);
  32948. }
  32949. }
  32950. @keyframes dropIn {
  32951. 0% {
  32952. opacity: 0;
  32953. transform: scale(0);
  32954. }
  32955. 100% {
  32956. opacity: 1;
  32957. transform: scale(1);
  32958. }
  32959. }
  32960. @-webkit-keyframes dropOut {
  32961. 0% {
  32962. opacity: 1;
  32963. transform: scale(1);
  32964. }
  32965. 100% {
  32966. opacity: 0;
  32967. transform: scale(0);
  32968. }
  32969. }
  32970. @keyframes dropOut {
  32971. 0% {
  32972. opacity: 1;
  32973. transform: scale(1);
  32974. }
  32975. 100% {
  32976. opacity: 0;
  32977. transform: scale(0);
  32978. }
  32979. }
  32980. /*--------------
  32981. Fade
  32982. ---------------*/
  32983. .transition.fade.in {
  32984. -webkit-animation-name: fadeIn;
  32985. animation-name: fadeIn;
  32986. }
  32987. .transition[class*="fade up"].in {
  32988. -webkit-animation-name: fadeInUp;
  32989. animation-name: fadeInUp;
  32990. }
  32991. .transition[class*="fade down"].in {
  32992. -webkit-animation-name: fadeInDown;
  32993. animation-name: fadeInDown;
  32994. }
  32995. .transition[class*="fade left"].in {
  32996. -webkit-animation-name: fadeInLeft;
  32997. animation-name: fadeInLeft;
  32998. }
  32999. .transition[class*="fade right"].in {
  33000. -webkit-animation-name: fadeInRight;
  33001. animation-name: fadeInRight;
  33002. }
  33003. .transition.fade.out {
  33004. -webkit-animation-name: fadeOut;
  33005. animation-name: fadeOut;
  33006. }
  33007. .transition[class*="fade up"].out {
  33008. -webkit-animation-name: fadeOutUp;
  33009. animation-name: fadeOutUp;
  33010. }
  33011. .transition[class*="fade down"].out {
  33012. -webkit-animation-name: fadeOutDown;
  33013. animation-name: fadeOutDown;
  33014. }
  33015. .transition[class*="fade left"].out {
  33016. -webkit-animation-name: fadeOutLeft;
  33017. animation-name: fadeOutLeft;
  33018. }
  33019. .transition[class*="fade right"].out {
  33020. -webkit-animation-name: fadeOutRight;
  33021. animation-name: fadeOutRight;
  33022. }
  33023. /* In */
  33024. @-webkit-keyframes fadeIn {
  33025. 0% {
  33026. opacity: 0;
  33027. }
  33028. 100% {
  33029. opacity: 1;
  33030. }
  33031. }
  33032. @keyframes fadeIn {
  33033. 0% {
  33034. opacity: 0;
  33035. }
  33036. 100% {
  33037. opacity: 1;
  33038. }
  33039. }
  33040. @-webkit-keyframes fadeInUp {
  33041. 0% {
  33042. opacity: 0;
  33043. transform: translateY(10%);
  33044. }
  33045. 100% {
  33046. opacity: 1;
  33047. transform: translateY(0%);
  33048. }
  33049. }
  33050. @keyframes fadeInUp {
  33051. 0% {
  33052. opacity: 0;
  33053. transform: translateY(10%);
  33054. }
  33055. 100% {
  33056. opacity: 1;
  33057. transform: translateY(0%);
  33058. }
  33059. }
  33060. @-webkit-keyframes fadeInDown {
  33061. 0% {
  33062. opacity: 0;
  33063. transform: translateY(-10%);
  33064. }
  33065. 100% {
  33066. opacity: 1;
  33067. transform: translateY(0%);
  33068. }
  33069. }
  33070. @keyframes fadeInDown {
  33071. 0% {
  33072. opacity: 0;
  33073. transform: translateY(-10%);
  33074. }
  33075. 100% {
  33076. opacity: 1;
  33077. transform: translateY(0%);
  33078. }
  33079. }
  33080. @-webkit-keyframes fadeInLeft {
  33081. 0% {
  33082. opacity: 0;
  33083. transform: translateX(10%);
  33084. }
  33085. 100% {
  33086. opacity: 1;
  33087. transform: translateX(0%);
  33088. }
  33089. }
  33090. @keyframes fadeInLeft {
  33091. 0% {
  33092. opacity: 0;
  33093. transform: translateX(10%);
  33094. }
  33095. 100% {
  33096. opacity: 1;
  33097. transform: translateX(0%);
  33098. }
  33099. }
  33100. @-webkit-keyframes fadeInRight {
  33101. 0% {
  33102. opacity: 0;
  33103. transform: translateX(-10%);
  33104. }
  33105. 100% {
  33106. opacity: 1;
  33107. transform: translateX(0%);
  33108. }
  33109. }
  33110. @keyframes fadeInRight {
  33111. 0% {
  33112. opacity: 0;
  33113. transform: translateX(-10%);
  33114. }
  33115. 100% {
  33116. opacity: 1;
  33117. transform: translateX(0%);
  33118. }
  33119. }
  33120. /* Out */
  33121. @-webkit-keyframes fadeOut {
  33122. 0% {
  33123. opacity: 1;
  33124. }
  33125. 100% {
  33126. opacity: 0;
  33127. }
  33128. }
  33129. @keyframes fadeOut {
  33130. 0% {
  33131. opacity: 1;
  33132. }
  33133. 100% {
  33134. opacity: 0;
  33135. }
  33136. }
  33137. @-webkit-keyframes fadeOutUp {
  33138. 0% {
  33139. opacity: 1;
  33140. transform: translateY(0%);
  33141. }
  33142. 100% {
  33143. opacity: 0;
  33144. transform: translateY(5%);
  33145. }
  33146. }
  33147. @keyframes fadeOutUp {
  33148. 0% {
  33149. opacity: 1;
  33150. transform: translateY(0%);
  33151. }
  33152. 100% {
  33153. opacity: 0;
  33154. transform: translateY(5%);
  33155. }
  33156. }
  33157. @-webkit-keyframes fadeOutDown {
  33158. 0% {
  33159. opacity: 1;
  33160. transform: translateY(0%);
  33161. }
  33162. 100% {
  33163. opacity: 0;
  33164. transform: translateY(-5%);
  33165. }
  33166. }
  33167. @keyframes fadeOutDown {
  33168. 0% {
  33169. opacity: 1;
  33170. transform: translateY(0%);
  33171. }
  33172. 100% {
  33173. opacity: 0;
  33174. transform: translateY(-5%);
  33175. }
  33176. }
  33177. @-webkit-keyframes fadeOutLeft {
  33178. 0% {
  33179. opacity: 1;
  33180. transform: translateX(0%);
  33181. }
  33182. 100% {
  33183. opacity: 0;
  33184. transform: translateX(5%);
  33185. }
  33186. }
  33187. @keyframes fadeOutLeft {
  33188. 0% {
  33189. opacity: 1;
  33190. transform: translateX(0%);
  33191. }
  33192. 100% {
  33193. opacity: 0;
  33194. transform: translateX(5%);
  33195. }
  33196. }
  33197. @-webkit-keyframes fadeOutRight {
  33198. 0% {
  33199. opacity: 1;
  33200. transform: translateX(0%);
  33201. }
  33202. 100% {
  33203. opacity: 0;
  33204. transform: translateX(-5%);
  33205. }
  33206. }
  33207. @keyframes fadeOutRight {
  33208. 0% {
  33209. opacity: 1;
  33210. transform: translateX(0%);
  33211. }
  33212. 100% {
  33213. opacity: 0;
  33214. transform: translateX(-5%);
  33215. }
  33216. }
  33217. /*--------------
  33218. Flips
  33219. ---------------*/
  33220. .flip.transition.in,
  33221. .flip.transition.out {
  33222. -webkit-animation-duration: 600ms;
  33223. animation-duration: 600ms;
  33224. }
  33225. .horizontal.flip.transition.in {
  33226. -webkit-animation-name: horizontalFlipIn;
  33227. animation-name: horizontalFlipIn;
  33228. }
  33229. .horizontal.flip.transition.out {
  33230. -webkit-animation-name: horizontalFlipOut;
  33231. animation-name: horizontalFlipOut;
  33232. }
  33233. .vertical.flip.transition.in {
  33234. -webkit-animation-name: verticalFlipIn;
  33235. animation-name: verticalFlipIn;
  33236. }
  33237. .vertical.flip.transition.out {
  33238. -webkit-animation-name: verticalFlipOut;
  33239. animation-name: verticalFlipOut;
  33240. }
  33241. /* In */
  33242. @-webkit-keyframes horizontalFlipIn {
  33243. 0% {
  33244. transform: perspective(2000px) rotateY(-90deg);
  33245. opacity: 0;
  33246. }
  33247. 100% {
  33248. transform: perspective(2000px) rotateY(0deg);
  33249. opacity: 1;
  33250. }
  33251. }
  33252. @keyframes horizontalFlipIn {
  33253. 0% {
  33254. transform: perspective(2000px) rotateY(-90deg);
  33255. opacity: 0;
  33256. }
  33257. 100% {
  33258. transform: perspective(2000px) rotateY(0deg);
  33259. opacity: 1;
  33260. }
  33261. }
  33262. @-webkit-keyframes verticalFlipIn {
  33263. 0% {
  33264. transform: perspective(2000px) rotateX(-90deg);
  33265. opacity: 0;
  33266. }
  33267. 100% {
  33268. transform: perspective(2000px) rotateX(0deg);
  33269. opacity: 1;
  33270. }
  33271. }
  33272. @keyframes verticalFlipIn {
  33273. 0% {
  33274. transform: perspective(2000px) rotateX(-90deg);
  33275. opacity: 0;
  33276. }
  33277. 100% {
  33278. transform: perspective(2000px) rotateX(0deg);
  33279. opacity: 1;
  33280. }
  33281. }
  33282. /* Out */
  33283. @-webkit-keyframes horizontalFlipOut {
  33284. 0% {
  33285. transform: perspective(2000px) rotateY(0deg);
  33286. opacity: 1;
  33287. }
  33288. 100% {
  33289. transform: perspective(2000px) rotateY(90deg);
  33290. opacity: 0;
  33291. }
  33292. }
  33293. @keyframes horizontalFlipOut {
  33294. 0% {
  33295. transform: perspective(2000px) rotateY(0deg);
  33296. opacity: 1;
  33297. }
  33298. 100% {
  33299. transform: perspective(2000px) rotateY(90deg);
  33300. opacity: 0;
  33301. }
  33302. }
  33303. @-webkit-keyframes verticalFlipOut {
  33304. 0% {
  33305. transform: perspective(2000px) rotateX(0deg);
  33306. opacity: 1;
  33307. }
  33308. 100% {
  33309. transform: perspective(2000px) rotateX(-90deg);
  33310. opacity: 0;
  33311. }
  33312. }
  33313. @keyframes verticalFlipOut {
  33314. 0% {
  33315. transform: perspective(2000px) rotateX(0deg);
  33316. opacity: 1;
  33317. }
  33318. 100% {
  33319. transform: perspective(2000px) rotateX(-90deg);
  33320. opacity: 0;
  33321. }
  33322. }
  33323. /*--------------
  33324. Scale
  33325. ---------------*/
  33326. .scale.transition.in {
  33327. -webkit-animation-name: scaleIn;
  33328. animation-name: scaleIn;
  33329. }
  33330. .scale.transition.out {
  33331. -webkit-animation-name: scaleOut;
  33332. animation-name: scaleOut;
  33333. }
  33334. @-webkit-keyframes scaleIn {
  33335. 0% {
  33336. opacity: 0;
  33337. transform: scale(0.8);
  33338. }
  33339. 100% {
  33340. opacity: 1;
  33341. transform: scale(1);
  33342. }
  33343. }
  33344. @keyframes scaleIn {
  33345. 0% {
  33346. opacity: 0;
  33347. transform: scale(0.8);
  33348. }
  33349. 100% {
  33350. opacity: 1;
  33351. transform: scale(1);
  33352. }
  33353. }
  33354. /* Out */
  33355. @-webkit-keyframes scaleOut {
  33356. 0% {
  33357. opacity: 1;
  33358. transform: scale(1);
  33359. }
  33360. 100% {
  33361. opacity: 0;
  33362. transform: scale(0.9);
  33363. }
  33364. }
  33365. @keyframes scaleOut {
  33366. 0% {
  33367. opacity: 1;
  33368. transform: scale(1);
  33369. }
  33370. 100% {
  33371. opacity: 0;
  33372. transform: scale(0.9);
  33373. }
  33374. }
  33375. /*--------------
  33376. Fly
  33377. ---------------*/
  33378. /* Inward */
  33379. .transition.fly {
  33380. -webkit-animation-duration: 0.6s;
  33381. animation-duration: 0.6s;
  33382. transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  33383. }
  33384. .transition.fly.in {
  33385. -webkit-animation-name: flyIn;
  33386. animation-name: flyIn;
  33387. }
  33388. .transition[class*="fly up"].in {
  33389. -webkit-animation-name: flyInUp;
  33390. animation-name: flyInUp;
  33391. }
  33392. .transition[class*="fly down"].in {
  33393. -webkit-animation-name: flyInDown;
  33394. animation-name: flyInDown;
  33395. }
  33396. .transition[class*="fly left"].in {
  33397. -webkit-animation-name: flyInLeft;
  33398. animation-name: flyInLeft;
  33399. }
  33400. .transition[class*="fly right"].in {
  33401. -webkit-animation-name: flyInRight;
  33402. animation-name: flyInRight;
  33403. }
  33404. /* Outward */
  33405. .transition.fly.out {
  33406. -webkit-animation-name: flyOut;
  33407. animation-name: flyOut;
  33408. }
  33409. .transition[class*="fly up"].out {
  33410. -webkit-animation-name: flyOutUp;
  33411. animation-name: flyOutUp;
  33412. }
  33413. .transition[class*="fly down"].out {
  33414. -webkit-animation-name: flyOutDown;
  33415. animation-name: flyOutDown;
  33416. }
  33417. .transition[class*="fly left"].out {
  33418. -webkit-animation-name: flyOutLeft;
  33419. animation-name: flyOutLeft;
  33420. }
  33421. .transition[class*="fly right"].out {
  33422. -webkit-animation-name: flyOutRight;
  33423. animation-name: flyOutRight;
  33424. }
  33425. /* In */
  33426. @-webkit-keyframes flyIn {
  33427. 0% {
  33428. opacity: 0;
  33429. transform: scale3d(0.3, 0.3, 0.3);
  33430. }
  33431. 20% {
  33432. transform: scale3d(1.1, 1.1, 1.1);
  33433. }
  33434. 40% {
  33435. transform: scale3d(0.9, 0.9, 0.9);
  33436. }
  33437. 60% {
  33438. opacity: 1;
  33439. transform: scale3d(1.03, 1.03, 1.03);
  33440. }
  33441. 80% {
  33442. transform: scale3d(0.97, 0.97, 0.97);
  33443. }
  33444. 100% {
  33445. opacity: 1;
  33446. transform: scale3d(1, 1, 1);
  33447. }
  33448. }
  33449. @keyframes flyIn {
  33450. 0% {
  33451. opacity: 0;
  33452. transform: scale3d(0.3, 0.3, 0.3);
  33453. }
  33454. 20% {
  33455. transform: scale3d(1.1, 1.1, 1.1);
  33456. }
  33457. 40% {
  33458. transform: scale3d(0.9, 0.9, 0.9);
  33459. }
  33460. 60% {
  33461. opacity: 1;
  33462. transform: scale3d(1.03, 1.03, 1.03);
  33463. }
  33464. 80% {
  33465. transform: scale3d(0.97, 0.97, 0.97);
  33466. }
  33467. 100% {
  33468. opacity: 1;
  33469. transform: scale3d(1, 1, 1);
  33470. }
  33471. }
  33472. @-webkit-keyframes flyInUp {
  33473. 0% {
  33474. opacity: 0;
  33475. transform: translate3d(0, 1500px, 0);
  33476. }
  33477. 60% {
  33478. opacity: 1;
  33479. transform: translate3d(0, -20px, 0);
  33480. }
  33481. 75% {
  33482. transform: translate3d(0, 10px, 0);
  33483. }
  33484. 90% {
  33485. transform: translate3d(0, -5px, 0);
  33486. }
  33487. 100% {
  33488. transform: translate3d(0, 0, 0);
  33489. }
  33490. }
  33491. @keyframes flyInUp {
  33492. 0% {
  33493. opacity: 0;
  33494. transform: translate3d(0, 1500px, 0);
  33495. }
  33496. 60% {
  33497. opacity: 1;
  33498. transform: translate3d(0, -20px, 0);
  33499. }
  33500. 75% {
  33501. transform: translate3d(0, 10px, 0);
  33502. }
  33503. 90% {
  33504. transform: translate3d(0, -5px, 0);
  33505. }
  33506. 100% {
  33507. transform: translate3d(0, 0, 0);
  33508. }
  33509. }
  33510. @-webkit-keyframes flyInDown {
  33511. 0% {
  33512. opacity: 0;
  33513. transform: translate3d(0, -1500px, 0);
  33514. }
  33515. 60% {
  33516. opacity: 1;
  33517. transform: translate3d(0, 25px, 0);
  33518. }
  33519. 75% {
  33520. transform: translate3d(0, -10px, 0);
  33521. }
  33522. 90% {
  33523. transform: translate3d(0, 5px, 0);
  33524. }
  33525. 100% {
  33526. transform: none;
  33527. }
  33528. }
  33529. @keyframes flyInDown {
  33530. 0% {
  33531. opacity: 0;
  33532. transform: translate3d(0, -1500px, 0);
  33533. }
  33534. 60% {
  33535. opacity: 1;
  33536. transform: translate3d(0, 25px, 0);
  33537. }
  33538. 75% {
  33539. transform: translate3d(0, -10px, 0);
  33540. }
  33541. 90% {
  33542. transform: translate3d(0, 5px, 0);
  33543. }
  33544. 100% {
  33545. transform: none;
  33546. }
  33547. }
  33548. @-webkit-keyframes flyInLeft {
  33549. 0% {
  33550. opacity: 0;
  33551. transform: translate3d(1500px, 0, 0);
  33552. }
  33553. 60% {
  33554. opacity: 1;
  33555. transform: translate3d(-25px, 0, 0);
  33556. }
  33557. 75% {
  33558. transform: translate3d(10px, 0, 0);
  33559. }
  33560. 90% {
  33561. transform: translate3d(-5px, 0, 0);
  33562. }
  33563. 100% {
  33564. transform: none;
  33565. }
  33566. }
  33567. @keyframes flyInLeft {
  33568. 0% {
  33569. opacity: 0;
  33570. transform: translate3d(1500px, 0, 0);
  33571. }
  33572. 60% {
  33573. opacity: 1;
  33574. transform: translate3d(-25px, 0, 0);
  33575. }
  33576. 75% {
  33577. transform: translate3d(10px, 0, 0);
  33578. }
  33579. 90% {
  33580. transform: translate3d(-5px, 0, 0);
  33581. }
  33582. 100% {
  33583. transform: none;
  33584. }
  33585. }
  33586. @-webkit-keyframes flyInRight {
  33587. 0% {
  33588. opacity: 0;
  33589. transform: translate3d(-1500px, 0, 0);
  33590. }
  33591. 60% {
  33592. opacity: 1;
  33593. transform: translate3d(25px, 0, 0);
  33594. }
  33595. 75% {
  33596. transform: translate3d(-10px, 0, 0);
  33597. }
  33598. 90% {
  33599. transform: translate3d(5px, 0, 0);
  33600. }
  33601. 100% {
  33602. transform: none;
  33603. }
  33604. }
  33605. @keyframes flyInRight {
  33606. 0% {
  33607. opacity: 0;
  33608. transform: translate3d(-1500px, 0, 0);
  33609. }
  33610. 60% {
  33611. opacity: 1;
  33612. transform: translate3d(25px, 0, 0);
  33613. }
  33614. 75% {
  33615. transform: translate3d(-10px, 0, 0);
  33616. }
  33617. 90% {
  33618. transform: translate3d(5px, 0, 0);
  33619. }
  33620. 100% {
  33621. transform: none;
  33622. }
  33623. }
  33624. /* Out */
  33625. @-webkit-keyframes flyOut {
  33626. 20% {
  33627. transform: scale3d(0.9, 0.9, 0.9);
  33628. }
  33629. 50%, 55% {
  33630. opacity: 1;
  33631. transform: scale3d(1.1, 1.1, 1.1);
  33632. }
  33633. 100% {
  33634. opacity: 0;
  33635. transform: scale3d(0.3, 0.3, 0.3);
  33636. }
  33637. }
  33638. @keyframes flyOut {
  33639. 20% {
  33640. transform: scale3d(0.9, 0.9, 0.9);
  33641. }
  33642. 50%, 55% {
  33643. opacity: 1;
  33644. transform: scale3d(1.1, 1.1, 1.1);
  33645. }
  33646. 100% {
  33647. opacity: 0;
  33648. transform: scale3d(0.3, 0.3, 0.3);
  33649. }
  33650. }
  33651. @-webkit-keyframes flyOutUp {
  33652. 20% {
  33653. transform: translate3d(0, 10px, 0);
  33654. }
  33655. 40%, 45% {
  33656. opacity: 1;
  33657. transform: translate3d(0, -20px, 0);
  33658. }
  33659. 100% {
  33660. opacity: 0;
  33661. transform: translate3d(0, 2000px, 0);
  33662. }
  33663. }
  33664. @keyframes flyOutUp {
  33665. 20% {
  33666. transform: translate3d(0, 10px, 0);
  33667. }
  33668. 40%, 45% {
  33669. opacity: 1;
  33670. transform: translate3d(0, -20px, 0);
  33671. }
  33672. 100% {
  33673. opacity: 0;
  33674. transform: translate3d(0, 2000px, 0);
  33675. }
  33676. }
  33677. @-webkit-keyframes flyOutDown {
  33678. 20% {
  33679. transform: translate3d(0, -10px, 0);
  33680. }
  33681. 40%, 45% {
  33682. opacity: 1;
  33683. transform: translate3d(0, 20px, 0);
  33684. }
  33685. 100% {
  33686. opacity: 0;
  33687. transform: translate3d(0, -2000px, 0);
  33688. }
  33689. }
  33690. @keyframes flyOutDown {
  33691. 20% {
  33692. transform: translate3d(0, -10px, 0);
  33693. }
  33694. 40%, 45% {
  33695. opacity: 1;
  33696. transform: translate3d(0, 20px, 0);
  33697. }
  33698. 100% {
  33699. opacity: 0;
  33700. transform: translate3d(0, -2000px, 0);
  33701. }
  33702. }
  33703. @-webkit-keyframes flyOutRight {
  33704. 20% {
  33705. opacity: 1;
  33706. transform: translate3d(20px, 0, 0);
  33707. }
  33708. 100% {
  33709. opacity: 0;
  33710. transform: translate3d(-2000px, 0, 0);
  33711. }
  33712. }
  33713. @keyframes flyOutRight {
  33714. 20% {
  33715. opacity: 1;
  33716. transform: translate3d(20px, 0, 0);
  33717. }
  33718. 100% {
  33719. opacity: 0;
  33720. transform: translate3d(-2000px, 0, 0);
  33721. }
  33722. }
  33723. @-webkit-keyframes flyOutLeft {
  33724. 20% {
  33725. opacity: 1;
  33726. transform: translate3d(-20px, 0, 0);
  33727. }
  33728. 100% {
  33729. opacity: 0;
  33730. transform: translate3d(2000px, 0, 0);
  33731. }
  33732. }
  33733. @keyframes flyOutLeft {
  33734. 20% {
  33735. opacity: 1;
  33736. transform: translate3d(-20px, 0, 0);
  33737. }
  33738. 100% {
  33739. opacity: 0;
  33740. transform: translate3d(2000px, 0, 0);
  33741. }
  33742. }
  33743. /*--------------
  33744. Slide
  33745. ---------------*/
  33746. .transition.slide.in,
  33747. .transition[class*="slide down"].in {
  33748. -webkit-animation-name: slideInY;
  33749. animation-name: slideInY;
  33750. transform-origin: top center;
  33751. }
  33752. .transition[class*="slide up"].in {
  33753. -webkit-animation-name: slideInY;
  33754. animation-name: slideInY;
  33755. transform-origin: bottom center;
  33756. }
  33757. .transition[class*="slide left"].in {
  33758. -webkit-animation-name: slideInX;
  33759. animation-name: slideInX;
  33760. transform-origin: right center;
  33761. }
  33762. .transition[class*="slide right"].in {
  33763. -webkit-animation-name: slideInX;
  33764. animation-name: slideInX;
  33765. transform-origin: left center;
  33766. }
  33767. .transition.slide.out,
  33768. .transition[class*="slide down"].out {
  33769. -webkit-animation-name: slideOutY;
  33770. animation-name: slideOutY;
  33771. transform-origin: top center;
  33772. }
  33773. .transition[class*="slide up"].out {
  33774. -webkit-animation-name: slideOutY;
  33775. animation-name: slideOutY;
  33776. transform-origin: bottom center;
  33777. }
  33778. .transition[class*="slide left"].out {
  33779. -webkit-animation-name: slideOutX;
  33780. animation-name: slideOutX;
  33781. transform-origin: right center;
  33782. }
  33783. .transition[class*="slide right"].out {
  33784. -webkit-animation-name: slideOutX;
  33785. animation-name: slideOutX;
  33786. transform-origin: left center;
  33787. }
  33788. /* In */
  33789. @-webkit-keyframes slideInY {
  33790. 0% {
  33791. opacity: 0;
  33792. transform: scaleY(0);
  33793. }
  33794. 100% {
  33795. opacity: 1;
  33796. transform: scaleY(1);
  33797. }
  33798. }
  33799. @keyframes slideInY {
  33800. 0% {
  33801. opacity: 0;
  33802. transform: scaleY(0);
  33803. }
  33804. 100% {
  33805. opacity: 1;
  33806. transform: scaleY(1);
  33807. }
  33808. }
  33809. @-webkit-keyframes slideInX {
  33810. 0% {
  33811. opacity: 0;
  33812. transform: scaleX(0);
  33813. }
  33814. 100% {
  33815. opacity: 1;
  33816. transform: scaleX(1);
  33817. }
  33818. }
  33819. @keyframes slideInX {
  33820. 0% {
  33821. opacity: 0;
  33822. transform: scaleX(0);
  33823. }
  33824. 100% {
  33825. opacity: 1;
  33826. transform: scaleX(1);
  33827. }
  33828. }
  33829. /* Out */
  33830. @-webkit-keyframes slideOutY {
  33831. 0% {
  33832. opacity: 1;
  33833. transform: scaleY(1);
  33834. }
  33835. 100% {
  33836. opacity: 0;
  33837. transform: scaleY(0);
  33838. }
  33839. }
  33840. @keyframes slideOutY {
  33841. 0% {
  33842. opacity: 1;
  33843. transform: scaleY(1);
  33844. }
  33845. 100% {
  33846. opacity: 0;
  33847. transform: scaleY(0);
  33848. }
  33849. }
  33850. @-webkit-keyframes slideOutX {
  33851. 0% {
  33852. opacity: 1;
  33853. transform: scaleX(1);
  33854. }
  33855. 100% {
  33856. opacity: 0;
  33857. transform: scaleX(0);
  33858. }
  33859. }
  33860. @keyframes slideOutX {
  33861. 0% {
  33862. opacity: 1;
  33863. transform: scaleX(1);
  33864. }
  33865. 100% {
  33866. opacity: 0;
  33867. transform: scaleX(0);
  33868. }
  33869. }
  33870. /*--------------
  33871. Swing
  33872. ---------------*/
  33873. .transition.swing {
  33874. -webkit-animation-duration: 800ms;
  33875. animation-duration: 800ms;
  33876. }
  33877. .transition[class*="swing down"].in {
  33878. -webkit-animation-name: swingInX;
  33879. animation-name: swingInX;
  33880. transform-origin: top center;
  33881. }
  33882. .transition[class*="swing up"].in {
  33883. -webkit-animation-name: swingInX;
  33884. animation-name: swingInX;
  33885. transform-origin: bottom center;
  33886. }
  33887. .transition[class*="swing left"].in {
  33888. -webkit-animation-name: swingInY;
  33889. animation-name: swingInY;
  33890. transform-origin: right center;
  33891. }
  33892. .transition[class*="swing right"].in {
  33893. -webkit-animation-name: swingInY;
  33894. animation-name: swingInY;
  33895. transform-origin: left center;
  33896. }
  33897. .transition.swing.out,
  33898. .transition[class*="swing down"].out {
  33899. -webkit-animation-name: swingOutX;
  33900. animation-name: swingOutX;
  33901. transform-origin: top center;
  33902. }
  33903. .transition[class*="swing up"].out {
  33904. -webkit-animation-name: swingOutX;
  33905. animation-name: swingOutX;
  33906. transform-origin: bottom center;
  33907. }
  33908. .transition[class*="swing left"].out {
  33909. -webkit-animation-name: swingOutY;
  33910. animation-name: swingOutY;
  33911. transform-origin: right center;
  33912. }
  33913. .transition[class*="swing right"].out {
  33914. -webkit-animation-name: swingOutY;
  33915. animation-name: swingOutY;
  33916. transform-origin: left center;
  33917. }
  33918. /* In */
  33919. @-webkit-keyframes swingInX {
  33920. 0% {
  33921. transform: perspective(1000px) rotateX(90deg);
  33922. opacity: 0;
  33923. }
  33924. 40% {
  33925. transform: perspective(1000px) rotateX(-30deg);
  33926. opacity: 1;
  33927. }
  33928. 60% {
  33929. transform: perspective(1000px) rotateX(15deg);
  33930. }
  33931. 80% {
  33932. transform: perspective(1000px) rotateX(-7.5deg);
  33933. }
  33934. 100% {
  33935. transform: perspective(1000px) rotateX(0deg);
  33936. }
  33937. }
  33938. @keyframes swingInX {
  33939. 0% {
  33940. transform: perspective(1000px) rotateX(90deg);
  33941. opacity: 0;
  33942. }
  33943. 40% {
  33944. transform: perspective(1000px) rotateX(-30deg);
  33945. opacity: 1;
  33946. }
  33947. 60% {
  33948. transform: perspective(1000px) rotateX(15deg);
  33949. }
  33950. 80% {
  33951. transform: perspective(1000px) rotateX(-7.5deg);
  33952. }
  33953. 100% {
  33954. transform: perspective(1000px) rotateX(0deg);
  33955. }
  33956. }
  33957. @-webkit-keyframes swingInY {
  33958. 0% {
  33959. transform: perspective(1000px) rotateY(-90deg);
  33960. opacity: 0;
  33961. }
  33962. 40% {
  33963. transform: perspective(1000px) rotateY(30deg);
  33964. opacity: 1;
  33965. }
  33966. 60% {
  33967. transform: perspective(1000px) rotateY(-17.5deg);
  33968. }
  33969. 80% {
  33970. transform: perspective(1000px) rotateY(7.5deg);
  33971. }
  33972. 100% {
  33973. transform: perspective(1000px) rotateY(0deg);
  33974. }
  33975. }
  33976. @keyframes swingInY {
  33977. 0% {
  33978. transform: perspective(1000px) rotateY(-90deg);
  33979. opacity: 0;
  33980. }
  33981. 40% {
  33982. transform: perspective(1000px) rotateY(30deg);
  33983. opacity: 1;
  33984. }
  33985. 60% {
  33986. transform: perspective(1000px) rotateY(-17.5deg);
  33987. }
  33988. 80% {
  33989. transform: perspective(1000px) rotateY(7.5deg);
  33990. }
  33991. 100% {
  33992. transform: perspective(1000px) rotateY(0deg);
  33993. }
  33994. }
  33995. /* Out */
  33996. @-webkit-keyframes swingOutX {
  33997. 0% {
  33998. transform: perspective(1000px) rotateX(0deg);
  33999. }
  34000. 40% {
  34001. transform: perspective(1000px) rotateX(-7.5deg);
  34002. }
  34003. 60% {
  34004. transform: perspective(1000px) rotateX(17.5deg);
  34005. }
  34006. 80% {
  34007. transform: perspective(1000px) rotateX(-30deg);
  34008. opacity: 1;
  34009. }
  34010. 100% {
  34011. transform: perspective(1000px) rotateX(90deg);
  34012. opacity: 0;
  34013. }
  34014. }
  34015. @keyframes swingOutX {
  34016. 0% {
  34017. transform: perspective(1000px) rotateX(0deg);
  34018. }
  34019. 40% {
  34020. transform: perspective(1000px) rotateX(-7.5deg);
  34021. }
  34022. 60% {
  34023. transform: perspective(1000px) rotateX(17.5deg);
  34024. }
  34025. 80% {
  34026. transform: perspective(1000px) rotateX(-30deg);
  34027. opacity: 1;
  34028. }
  34029. 100% {
  34030. transform: perspective(1000px) rotateX(90deg);
  34031. opacity: 0;
  34032. }
  34033. }
  34034. @-webkit-keyframes swingOutY {
  34035. 0% {
  34036. transform: perspective(1000px) rotateY(0deg);
  34037. }
  34038. 40% {
  34039. transform: perspective(1000px) rotateY(7.5deg);
  34040. }
  34041. 60% {
  34042. transform: perspective(1000px) rotateY(-10deg);
  34043. }
  34044. 80% {
  34045. transform: perspective(1000px) rotateY(30deg);
  34046. opacity: 1;
  34047. }
  34048. 100% {
  34049. transform: perspective(1000px) rotateY(-90deg);
  34050. opacity: 0;
  34051. }
  34052. }
  34053. @keyframes swingOutY {
  34054. 0% {
  34055. transform: perspective(1000px) rotateY(0deg);
  34056. }
  34057. 40% {
  34058. transform: perspective(1000px) rotateY(7.5deg);
  34059. }
  34060. 60% {
  34061. transform: perspective(1000px) rotateY(-10deg);
  34062. }
  34063. 80% {
  34064. transform: perspective(1000px) rotateY(30deg);
  34065. opacity: 1;
  34066. }
  34067. 100% {
  34068. transform: perspective(1000px) rotateY(-90deg);
  34069. opacity: 0;
  34070. }
  34071. }
  34072. /*--------------
  34073. Zoom
  34074. ---------------*/
  34075. .transition.zoom.in {
  34076. -webkit-animation-name: zoomIn;
  34077. animation-name: zoomIn;
  34078. }
  34079. .transition.zoom.out {
  34080. -webkit-animation-name: zoomOut;
  34081. animation-name: zoomOut;
  34082. }
  34083. @-webkit-keyframes zoomIn {
  34084. 0% {
  34085. opacity: 1;
  34086. transform: scale(0);
  34087. }
  34088. 100% {
  34089. opacity: 1;
  34090. transform: scale(1);
  34091. }
  34092. }
  34093. @keyframes zoomIn {
  34094. 0% {
  34095. opacity: 1;
  34096. transform: scale(0);
  34097. }
  34098. 100% {
  34099. opacity: 1;
  34100. transform: scale(1);
  34101. }
  34102. }
  34103. @-webkit-keyframes zoomOut {
  34104. 0% {
  34105. opacity: 1;
  34106. transform: scale(1);
  34107. }
  34108. 100% {
  34109. opacity: 1;
  34110. transform: scale(0);
  34111. }
  34112. }
  34113. @keyframes zoomOut {
  34114. 0% {
  34115. opacity: 1;
  34116. transform: scale(1);
  34117. }
  34118. 100% {
  34119. opacity: 1;
  34120. transform: scale(0);
  34121. }
  34122. }
  34123. /*******************************
  34124. Static Animations
  34125. *******************************/
  34126. /*--------------
  34127. Emphasis
  34128. ---------------*/
  34129. .flash.transition {
  34130. -webkit-animation-duration: 750ms;
  34131. animation-duration: 750ms;
  34132. -webkit-animation-name: flash;
  34133. animation-name: flash;
  34134. }
  34135. .shake.transition {
  34136. -webkit-animation-duration: 750ms;
  34137. animation-duration: 750ms;
  34138. -webkit-animation-name: shake;
  34139. animation-name: shake;
  34140. }
  34141. .bounce.transition {
  34142. -webkit-animation-duration: 750ms;
  34143. animation-duration: 750ms;
  34144. -webkit-animation-name: bounce;
  34145. animation-name: bounce;
  34146. }
  34147. .tada.transition {
  34148. -webkit-animation-duration: 750ms;
  34149. animation-duration: 750ms;
  34150. -webkit-animation-name: tada;
  34151. animation-name: tada;
  34152. }
  34153. .pulse.transition {
  34154. -webkit-animation-duration: 500ms;
  34155. animation-duration: 500ms;
  34156. -webkit-animation-name: pulse;
  34157. animation-name: pulse;
  34158. }
  34159. .jiggle.transition {
  34160. -webkit-animation-duration: 750ms;
  34161. animation-duration: 750ms;
  34162. -webkit-animation-name: jiggle;
  34163. animation-name: jiggle;
  34164. }
  34165. .transition.glow {
  34166. -webkit-animation-duration: 2000ms;
  34167. animation-duration: 2000ms;
  34168. -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  34169. animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  34170. }
  34171. .transition.glow {
  34172. -webkit-animation-name: glow;
  34173. animation-name: glow;
  34174. }
  34175. /* Flash */
  34176. @-webkit-keyframes flash {
  34177. 0%, 50%, 100% {
  34178. opacity: 1;
  34179. }
  34180. 25%, 75% {
  34181. opacity: 0;
  34182. }
  34183. }
  34184. @keyframes flash {
  34185. 0%, 50%, 100% {
  34186. opacity: 1;
  34187. }
  34188. 25%, 75% {
  34189. opacity: 0;
  34190. }
  34191. }
  34192. /* Shake */
  34193. @-webkit-keyframes shake {
  34194. 0%, 100% {
  34195. transform: translateX(0);
  34196. }
  34197. 10%, 30%, 50%, 70%, 90% {
  34198. transform: translateX(-10px);
  34199. }
  34200. 20%, 40%, 60%, 80% {
  34201. transform: translateX(10px);
  34202. }
  34203. }
  34204. @keyframes shake {
  34205. 0%, 100% {
  34206. transform: translateX(0);
  34207. }
  34208. 10%, 30%, 50%, 70%, 90% {
  34209. transform: translateX(-10px);
  34210. }
  34211. 20%, 40%, 60%, 80% {
  34212. transform: translateX(10px);
  34213. }
  34214. }
  34215. /* Bounce */
  34216. @-webkit-keyframes bounce {
  34217. 0%, 20%, 50%, 80%, 100% {
  34218. transform: translateY(0);
  34219. }
  34220. 40% {
  34221. transform: translateY(-30px);
  34222. }
  34223. 60% {
  34224. transform: translateY(-15px);
  34225. }
  34226. }
  34227. @keyframes bounce {
  34228. 0%, 20%, 50%, 80%, 100% {
  34229. transform: translateY(0);
  34230. }
  34231. 40% {
  34232. transform: translateY(-30px);
  34233. }
  34234. 60% {
  34235. transform: translateY(-15px);
  34236. }
  34237. }
  34238. /* Tada */
  34239. @-webkit-keyframes tada {
  34240. 0% {
  34241. transform: scale(1);
  34242. }
  34243. 10%, 20% {
  34244. transform: scale(0.9) rotate(-3deg);
  34245. }
  34246. 30%, 50%, 70%, 90% {
  34247. transform: scale(1.1) rotate(3deg);
  34248. }
  34249. 40%, 60%, 80% {
  34250. transform: scale(1.1) rotate(-3deg);
  34251. }
  34252. 100% {
  34253. transform: scale(1) rotate(0);
  34254. }
  34255. }
  34256. @keyframes tada {
  34257. 0% {
  34258. transform: scale(1);
  34259. }
  34260. 10%, 20% {
  34261. transform: scale(0.9) rotate(-3deg);
  34262. }
  34263. 30%, 50%, 70%, 90% {
  34264. transform: scale(1.1) rotate(3deg);
  34265. }
  34266. 40%, 60%, 80% {
  34267. transform: scale(1.1) rotate(-3deg);
  34268. }
  34269. 100% {
  34270. transform: scale(1) rotate(0);
  34271. }
  34272. }
  34273. /* Pulse */
  34274. @-webkit-keyframes pulse {
  34275. 0% {
  34276. transform: scale(1);
  34277. opacity: 1;
  34278. }
  34279. 50% {
  34280. transform: scale(0.9);
  34281. opacity: 0.7;
  34282. }
  34283. 100% {
  34284. transform: scale(1);
  34285. opacity: 1;
  34286. }
  34287. }
  34288. @keyframes pulse {
  34289. 0% {
  34290. transform: scale(1);
  34291. opacity: 1;
  34292. }
  34293. 50% {
  34294. transform: scale(0.9);
  34295. opacity: 0.7;
  34296. }
  34297. 100% {
  34298. transform: scale(1);
  34299. opacity: 1;
  34300. }
  34301. }
  34302. /* Jiggle */
  34303. @-webkit-keyframes jiggle {
  34304. 0% {
  34305. transform: scale3d(1, 1, 1);
  34306. }
  34307. 30% {
  34308. transform: scale3d(1.25, 0.75, 1);
  34309. }
  34310. 40% {
  34311. transform: scale3d(0.75, 1.25, 1);
  34312. }
  34313. 50% {
  34314. transform: scale3d(1.15, 0.85, 1);
  34315. }
  34316. 65% {
  34317. transform: scale3d(0.95, 1.05, 1);
  34318. }
  34319. 75% {
  34320. transform: scale3d(1.05, 0.95, 1);
  34321. }
  34322. 100% {
  34323. transform: scale3d(1, 1, 1);
  34324. }
  34325. }
  34326. @keyframes jiggle {
  34327. 0% {
  34328. transform: scale3d(1, 1, 1);
  34329. }
  34330. 30% {
  34331. transform: scale3d(1.25, 0.75, 1);
  34332. }
  34333. 40% {
  34334. transform: scale3d(0.75, 1.25, 1);
  34335. }
  34336. 50% {
  34337. transform: scale3d(1.15, 0.85, 1);
  34338. }
  34339. 65% {
  34340. transform: scale3d(0.95, 1.05, 1);
  34341. }
  34342. 75% {
  34343. transform: scale3d(1.05, 0.95, 1);
  34344. }
  34345. 100% {
  34346. transform: scale3d(1, 1, 1);
  34347. }
  34348. }
  34349. /* Glow */
  34350. @-webkit-keyframes glow {
  34351. 0% {
  34352. background-color: #FCFCFD;
  34353. }
  34354. 30% {
  34355. background-color: #FFF6CD;
  34356. }
  34357. 100% {
  34358. background-color: #FCFCFD;
  34359. }
  34360. }
  34361. @keyframes glow {
  34362. 0% {
  34363. background-color: #FCFCFD;
  34364. }
  34365. 30% {
  34366. background-color: #FFF6CD;
  34367. }
  34368. 100% {
  34369. background-color: #FCFCFD;
  34370. }
  34371. }
  34372. /*******************************
  34373. Site Overrides
  34374. *******************************/