12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656 |
- /*
- * # Fomantic UI - 2.8.7
- * https://github.com/fomantic/Fomantic-UI
- * http://fomantic-ui.com/
- *
- * Copyright 2014 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- /*!
- * # Fomantic-UI - Button
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Button
- *******************************/
-
- .ui.button {
- cursor: pointer;
- display: inline-block;
- min-height: 1em;
- outline: none;
- border: none;
- vertical-align: baseline;
- background: #E0E1E2 none;
- color: rgba(0, 0, 0, 0.6);
- font-family: var(--fonts-regular);
- margin: 0 0.25em 0 0;
- padding: 0.78571429em 1.5em 0.78571429em;
- text-transform: none;
- text-shadow: none;
- font-weight: 500;
- line-height: 1em;
- font-style: normal;
- text-align: center;
- text-decoration: none;
- border-radius: 0.28571429rem;
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
- will-change: auto;
- -webkit-tap-highlight-color: transparent;
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------
- Hover
- ---------------*/
-
- .ui.button:hover {
- background-color: #CACBCD;
- background-image: none;
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- color: rgba(0, 0, 0, 0.8);
- }
-
- .ui.button:hover .icon {
- opacity: 0.85;
- }
-
- /*--------------
- Focus
- ---------------*/
-
- .ui.button:focus {
- background-color: #CACBCD;
- color: rgba(0, 0, 0, 0.8);
- background-image: none;
- box-shadow: '';
- }
-
- .ui.button:focus .icon {
- opacity: 0.85;
- }
-
- /*--------------
- Down
- ---------------*/
-
- .ui.button:active,
- .ui.active.button:active {
- background-color: #BABBBC;
- background-image: '';
- color: rgba(0, 0, 0, 0.9);
- box-shadow: 0 0 0 1px transparent inset, none;
- }
-
- /*--------------
- Active
- ---------------*/
-
- .ui.active.button {
- background-color: #C0C1C2;
- background-image: none;
- box-shadow: 0 0 0 1px transparent inset;
- color: rgba(0, 0, 0, 0.95);
- }
-
- .ui.active.button:hover {
- background-color: #C0C1C2;
- background-image: none;
- color: rgba(0, 0, 0, 0.95);
- }
-
- .ui.active.button:active {
- background-color: #C0C1C2;
- background-image: none;
- }
-
- /*--------------
- Loading
- ---------------*/
-
- /* Specificity hack */
-
- .ui.loading.loading.loading.loading.loading.loading.button {
- position: relative;
- cursor: default;
- text-shadow: none !important;
- color: transparent;
- opacity: 1;
- pointer-events: auto;
- transition: all 0s linear, opacity 0.1s ease;
- }
-
- .ui.loading.button:before {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- border-radius: 500rem;
- border: 0.2em solid rgba(0, 0, 0, 0.15);
- }
-
- .ui.loading.button:after {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- border-radius: 500rem;
- animation: loader 0.6s infinite linear;
- border: 0.2em solid currentColor;
- color: #FFFFFF;
- box-shadow: 0 0 0 1px transparent;
- }
-
- .ui.labeled.icon.loading.button .icon {
- background-color: transparent;
- box-shadow: none;
- }
-
- .ui.basic.loading.button:not(.inverted):before {
- border-color: rgba(0, 0, 0, 0.1);
- }
-
- .ui.basic.loading.button:not(.inverted):after {
- border-color: #767676;
- }
-
- /*-------------------
- Disabled
- --------------------*/
-
- .ui.buttons .disabled.button:not(.basic),
- .ui.disabled.button,
- .ui.button:disabled,
- .ui.disabled.button:hover,
- .ui.disabled.active.button {
- cursor: default;
- opacity: var(--opacity-disabled) !important;
- background-image: none;
- box-shadow: none;
- pointer-events: none !important;
- }
-
- /* Basic Group With Disabled */
-
- .ui.basic.buttons .ui.disabled.button {
- border-color: rgba(34, 36, 38, 0.5);
- }
-
- /*******************************
- Types
- *******************************/
-
- /*-------------------
- Labeled Button
- --------------------*/
-
- .ui.labeled.button:not(.icon) {
- display: inline-flex;
- flex-direction: row;
- background: none;
- padding: 0 !important;
- border: none;
- box-shadow: none;
- }
-
- .ui.labeled.button > .button {
- margin: 0;
- }
-
- .ui.labeled.button > .label {
- display: flex;
- align-items: center;
- margin: 0 0 0 -1px !important;
- font-size: 1em;
- padding: '';
- border-color: rgba(34, 36, 38, 0.15);
- }
-
- /* Tag */
-
- .ui.labeled.button > .tag.label:before {
- width: 1.85em;
- height: 1.85em;
- }
-
- /* Right */
-
- .ui.labeled.button:not([class*="left labeled"]) > .button {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .ui.labeled.button:not([class*="left labeled"]) > .label {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- /* Left Side */
-
- .ui[class*="left labeled"].button > .button {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .ui[class*="left labeled"].button > .label {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- /*--------------
- Icon
- ---------------*/
-
- .ui.button > .icon:not(.button) {
- height: auto;
- opacity: 0.8;
- transition: opacity 0.1s ease;
- color: '';
- }
-
- .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
- .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
- margin: 0 0.42857143em 0 -0.21428571em;
- vertical-align: baseline;
- }
-
- .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon {
- vertical-align: baseline;
- }
-
- .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
- margin: 0 -0.21428571em 0 0.42857143em;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*-------------------
- Floated
- --------------------*/
-
- .ui[class*="left floated"].buttons,
- .ui[class*="left floated"].button {
- float: left;
- margin-left: 0;
- margin-right: 0.25em;
- }
-
- .ui[class*="right floated"].buttons,
- .ui[class*="right floated"].button {
- float: right;
- margin-right: 0;
- margin-left: 0.25em;
- }
-
- /*-------------------
- Compact
- --------------------*/
-
- .ui.compact.buttons .button,
- .ui.compact.button {
- padding: 0.58928571em 1.125em 0.58928571em;
- }
-
- .ui.compact.icon.buttons .button,
- .ui.compact.icon.button {
- padding: 0.58928571em 0.58928571em 0.58928571em;
- }
-
- .ui.compact.labeled.icon.buttons .button,
- .ui.compact.labeled.icon.button {
- padding: 0.58928571em 3.69642857em 0.58928571em;
- }
-
- .ui.compact.labeled.icon.buttons .button > .icon,
- .ui.compact.labeled.icon.button > .icon {
- padding: 0.58928571em 0 0.58928571em 0;
- }
-
- /*-------------------
- Sizes
- --------------------*/
-
- .ui.buttons .button,
- .ui.buttons .or,
- .ui.button {
- font-size: 1rem;
- }
-
- .ui.mini.buttons .dropdown,
- .ui.mini.buttons .dropdown .menu > .item,
- .ui.mini.buttons .button,
- .ui.mini.buttons .or,
- .ui.ui.ui.ui.mini.button {
- font-size: 0.78571429rem;
- }
-
- .ui.tiny.buttons .dropdown,
- .ui.tiny.buttons .dropdown .menu > .item,
- .ui.tiny.buttons .button,
- .ui.tiny.buttons .or,
- .ui.ui.ui.ui.tiny.button {
- font-size: 0.85714286rem;
- }
-
- .ui.small.buttons .dropdown,
- .ui.small.buttons .dropdown .menu > .item,
- .ui.small.buttons .button,
- .ui.small.buttons .or,
- .ui.ui.ui.ui.small.button {
- font-size: 0.92857143rem;
- }
-
- .ui.large.buttons .dropdown,
- .ui.large.buttons .dropdown .menu > .item,
- .ui.large.buttons .button,
- .ui.large.buttons .or,
- .ui.ui.ui.ui.large.button {
- font-size: 1.14285714rem;
- }
-
- .ui.big.buttons .dropdown,
- .ui.big.buttons .dropdown .menu > .item,
- .ui.big.buttons .button,
- .ui.big.buttons .or,
- .ui.ui.ui.ui.big.button {
- font-size: 1.28571429rem;
- }
-
- .ui.huge.buttons .dropdown,
- .ui.huge.buttons .dropdown .menu > .item,
- .ui.huge.buttons .button,
- .ui.huge.buttons .or,
- .ui.ui.ui.ui.huge.button {
- font-size: 1.42857143rem;
- }
-
- .ui.massive.buttons .dropdown,
- .ui.massive.buttons .dropdown .menu > .item,
- .ui.massive.buttons .button,
- .ui.massive.buttons .or,
- .ui.ui.ui.ui.massive.button {
- font-size: 1.71428571rem;
- }
-
- /*--------------
- Icon Only
- ---------------*/
-
- .ui.icon.buttons .button,
- .ui.icon.button:not(.animated):not(.compact) {
- padding: 0.78571429em 0.78571429em 0.78571429em;
- }
-
- .ui.animated.icon.button > .content > .icon,
- .ui.icon.buttons .button > .icon,
- .ui.icon.button > .icon {
- opacity: 0.9;
- margin: 0 !important;
- vertical-align: top;
- }
-
- .ui.animated.button > .content > .icon {
- vertical-align: top;
- }
-
- /*-------------------
- Basic
- --------------------*/
-
- .ui.basic.buttons .button,
- .ui.basic.button {
- background: transparent none;
- color: rgba(0, 0, 0, 0.6);
- font-weight: normal;
- border-radius: 0.28571429rem;
- text-transform: none;
- text-shadow: none !important;
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.basic.buttons {
- box-shadow: none;
- border: 1px solid rgba(34, 36, 38, 0.15);
- border-radius: 0.28571429rem;
- }
-
- .ui.basic.buttons .button {
- border-radius: 0;
- }
-
- .ui.basic.buttons .button:hover,
- .ui.basic.button:hover {
- background: #FFFFFF;
- color: rgba(0, 0, 0, 0.8);
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.basic.buttons .button:focus,
- .ui.basic.button:focus {
- background: #FFFFFF;
- color: rgba(0, 0, 0, 0.8);
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.basic.buttons .button:active,
- .ui.basic.button:active {
- background: #F8F8F8;
- color: rgba(0, 0, 0, 0.9);
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.basic.buttons .active.button,
- .ui.basic.active.button {
- background: rgba(0, 0, 0, 0.05);
- box-shadow: '';
- color: rgba(0, 0, 0, 0.95);
- }
-
- .ui.basic.buttons .active.button:hover,
- .ui.basic.active.button:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
-
- /* Vertical */
-
- .ui.basic.buttons .button:hover {
- 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;
- }
-
- .ui.basic.buttons .button:active {
- 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;
- }
-
- .ui.basic.buttons .active.button {
- box-shadow: '';
- }
-
- /* Basic Group */
-
- .ui.basic.buttons .button {
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- box-shadow: none;
- }
-
- .ui.basic.vertical.buttons .button {
- border-left: none;
- border-left-width: 0;
- border-top: 1px solid rgba(34, 36, 38, 0.15);
- }
-
- .ui.basic.vertical.buttons .button:first-child {
- border-top-width: 0;
- }
-
- /*--------------
- Labeled Icon
- ---------------*/
-
- .ui.labeled.icon.buttons .button,
- .ui.labeled.icon.button {
- position: relative;
- padding-left: 4.07142857em !important;
- padding-right: 1.5em !important;
- }
-
- /* Left Labeled */
-
- .ui.labeled.icon.buttons > .button > .icon,
- .ui.labeled.icon.button > .icon {
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- line-height: 1;
- border-radius: 0;
- border-top-left-radius: inherit;
- border-bottom-left-radius: inherit;
- text-align: center;
- animation: none;
- padding: 0.78571429em 0 0.78571429em 0;
- margin: 0;
- width: 2.57142857em;
- background-color: rgba(0, 0, 0, 0.05);
- color: '';
- box-shadow: -1px 0 0 0 transparent inset;
- }
-
- /* Right Labeled */
-
- .ui[class*="right labeled"].icon.button {
- padding-right: 4.07142857em !important;
- padding-left: 1.5em !important;
- }
-
- .ui[class*="right labeled"].icon.button > .icon {
- left: auto;
- right: 0;
- border-radius: 0;
- border-top-right-radius: inherit;
- border-bottom-right-radius: inherit;
- box-shadow: 1px 0 0 0 transparent inset;
- }
-
- .ui.labeled.icon.buttons > .button > .icon:before,
- .ui.labeled.icon.button > .icon:before,
- .ui.labeled.icon.buttons > .button > .icon:after,
- .ui.labeled.icon.button > .icon:after {
- display: block;
- position: relative;
- width: 100%;
- top: 0;
- text-align: center;
- }
-
- .ui.labeled.icon.buttons .button > .icon {
- border-radius: 0;
- }
-
- .ui.labeled.icon.buttons .button:first-child > .icon {
- border-top-left-radius: 0.28571429rem;
- border-bottom-left-radius: 0.28571429rem;
- }
-
- .ui.labeled.icon.buttons .button:last-child > .icon {
- border-top-right-radius: 0.28571429rem;
- border-bottom-right-radius: 0.28571429rem;
- }
-
- .ui.vertical.labeled.icon.buttons .button:first-child > .icon {
- border-radius: 0;
- border-top-left-radius: 0.28571429rem;
- }
-
- .ui.vertical.labeled.icon.buttons .button:last-child > .icon {
- border-radius: 0;
- border-bottom-left-radius: 0.28571429rem;
- }
-
- /* Loading Icon in Labeled Button */
-
- .ui.labeled.icon.button > .loading.icon:before {
- animation: loader 2s linear infinite;
- }
-
- /*--------------
- Toggle
- ---------------*/
-
- /* Toggle (Modifies active state to give affordances) */
-
- .ui.toggle.buttons .active.button,
- .ui.buttons .button.toggle.active,
- .ui.button.toggle.active {
- background-color: #21BA45;
- box-shadow: none;
- text-shadow: none;
- color: #FFFFFF;
- }
-
- .ui.button.toggle.active:hover {
- background-color: #16ab39;
- text-shadow: none;
- color: #FFFFFF;
- }
-
- /*--------------
- Circular
- ---------------*/
-
- .ui.circular.button {
- border-radius: 10em;
- }
-
- .ui.circular.button > .icon {
- width: 1em;
- vertical-align: baseline;
- }
-
- /*-------------------
- Or Buttons
- --------------------*/
-
- .ui.buttons .or {
- position: relative;
- width: 0.3em;
- height: 2.57142857em;
- z-index: 3;
- }
-
- .ui.buttons .or:before {
- position: absolute;
- text-align: center;
- border-radius: 500rem;
- content: 'or';
- top: 50%;
- left: 50%;
- background-color: #FFFFFF;
- text-shadow: none;
- margin-top: -0.89285714em;
- margin-left: -0.89285714em;
- width: 1.78571429em;
- height: 1.78571429em;
- line-height: 1.78571429em;
- color: rgba(0, 0, 0, 0.4);
- font-style: normal;
- font-weight: 500;
- box-shadow: 0 0 0 1px transparent inset;
- }
-
- .ui.buttons .or[data-text]:before {
- content: attr(data-text);
- }
-
- /* Fluid Or */
-
- .ui.fluid.buttons .or {
- width: 0 !important;
- }
-
- .ui.fluid.buttons .or:after {
- display: none;
- }
-
- /*-------------------
- Fluid
- --------------------*/
-
- .ui.fluid.buttons,
- .ui.fluid.button {
- width: 100%;
- }
-
- .ui.fluid.button {
- display: block;
- }
-
- .ui.two.buttons {
- width: 100%;
- }
-
- .ui.two.buttons > .button {
- width: 50%;
- }
-
- .ui.three.buttons {
- width: 100%;
- }
-
- .ui.three.buttons > .button {
- width: 33.333%;
- }
-
- .ui.four.buttons {
- width: 100%;
- }
-
- .ui.four.buttons > .button {
- width: 25%;
- }
-
- .ui.five.buttons {
- width: 100%;
- }
-
- .ui.five.buttons > .button {
- width: 20%;
- }
-
- .ui.six.buttons {
- width: 100%;
- }
-
- .ui.six.buttons > .button {
- width: 16.666%;
- }
-
- .ui.seven.buttons {
- width: 100%;
- }
-
- .ui.seven.buttons > .button {
- width: 14.285%;
- }
-
- .ui.eight.buttons {
- width: 100%;
- }
-
- .ui.eight.buttons > .button {
- width: 12.5%;
- }
-
- .ui.nine.buttons {
- width: 100%;
- }
-
- .ui.nine.buttons > .button {
- width: 11.11%;
- }
-
- .ui.ten.buttons {
- width: 100%;
- }
-
- .ui.ten.buttons > .button {
- width: 10%;
- }
-
- .ui.eleven.buttons {
- width: 100%;
- }
-
- .ui.eleven.buttons > .button {
- width: 9.09%;
- }
-
- .ui.twelve.buttons {
- width: 100%;
- }
-
- .ui.twelve.buttons > .button {
- width: 8.3333%;
- }
-
- /* Fluid Vertical Buttons */
-
- .ui.fluid.vertical.buttons,
- .ui.fluid.vertical.buttons > .button {
- display: flex;
- width: auto;
- justify-content: center;
- }
-
- .ui.two.vertical.buttons > .button {
- height: 50%;
- }
-
- .ui.three.vertical.buttons > .button {
- height: 33.333%;
- }
-
- .ui.four.vertical.buttons > .button {
- height: 25%;
- }
-
- .ui.five.vertical.buttons > .button {
- height: 20%;
- }
-
- .ui.six.vertical.buttons > .button {
- height: 16.666%;
- }
-
- .ui.seven.vertical.buttons > .button {
- height: 14.285%;
- }
-
- .ui.eight.vertical.buttons > .button {
- height: 12.5%;
- }
-
- .ui.nine.vertical.buttons > .button {
- height: 11.11%;
- }
-
- .ui.ten.vertical.buttons > .button {
- height: 10%;
- }
-
- .ui.eleven.vertical.buttons > .button {
- height: 9.09%;
- }
-
- .ui.twelve.vertical.buttons > .button {
- height: 8.3333%;
- }
-
- /*-------------------
- Colors
- --------------------*/
-
- .ui.primary.buttons .button,
- .ui.primary.button {
- background-color: #2185D0;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.primary.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.primary.buttons .button:hover,
- .ui.primary.button:hover {
- background-color: #1678c2;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.primary.buttons .button:focus,
- .ui.primary.button:focus {
- background-color: #0d71bb;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.primary.buttons .button:active,
- .ui.primary.button:active {
- background-color: #1a69a4;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.primary.buttons .active.button,
- .ui.primary.buttons .active.button:active,
- .ui.primary.active.button,
- .ui.primary.button .active.button:active {
- background-color: #1279c6;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.primary.buttons .button,
- .ui.basic.primary.button {
- background: transparent;
- box-shadow: 0 0 0 1px #2185D0 inset;
- color: #2185D0;
- }
-
- .ui.basic.primary.buttons .button:hover,
- .ui.basic.primary.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #1678c2 inset;
- color: #1678c2;
- }
-
- .ui.basic.primary.buttons .button:focus,
- .ui.basic.primary.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #0d71bb inset;
- color: #1678c2;
- }
-
- .ui.basic.primary.buttons .active.button,
- .ui.basic.primary.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #1279c6 inset;
- color: #1a69a4;
- }
-
- .ui.basic.primary.buttons .button:active,
- .ui.basic.primary.button:active {
- box-shadow: 0 0 0 1px #1a69a4 inset;
- color: #1a69a4;
- }
-
- .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.secondary.buttons .button,
- .ui.secondary.button {
- background-color: #1B1C1D;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.secondary.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.secondary.buttons .button:hover,
- .ui.secondary.button:hover {
- background-color: #27292a;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.secondary.buttons .button:focus,
- .ui.secondary.button:focus {
- background-color: #2e3032;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.secondary.buttons .button:active,
- .ui.secondary.button:active {
- background-color: #343637;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.secondary.buttons .active.button,
- .ui.secondary.buttons .active.button:active,
- .ui.secondary.active.button,
- .ui.secondary.button .active.button:active {
- background-color: #27292a;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.secondary.buttons .button,
- .ui.basic.secondary.button {
- background: transparent;
- box-shadow: 0 0 0 1px #1B1C1D inset;
- color: #1B1C1D;
- }
-
- .ui.basic.secondary.buttons .button:hover,
- .ui.basic.secondary.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #27292a inset;
- color: #27292a;
- }
-
- .ui.basic.secondary.buttons .button:focus,
- .ui.basic.secondary.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #2e3032 inset;
- color: #27292a;
- }
-
- .ui.basic.secondary.buttons .active.button,
- .ui.basic.secondary.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #27292a inset;
- color: #343637;
- }
-
- .ui.basic.secondary.buttons .button:active,
- .ui.basic.secondary.button:active {
- box-shadow: 0 0 0 1px #343637 inset;
- color: #343637;
- }
-
- .ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.red.buttons .button,
- .ui.red.button {
- background-color: #DB2828;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.red.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.red.buttons .button:hover,
- .ui.red.button:hover {
- background-color: #d01919;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.red.buttons .button:focus,
- .ui.red.button:focus {
- background-color: #ca1010;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.red.buttons .button:active,
- .ui.red.button:active {
- background-color: #b21e1e;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.red.buttons .active.button,
- .ui.red.buttons .active.button:active,
- .ui.red.active.button,
- .ui.red.button .active.button:active {
- background-color: #d41515;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.red.buttons .button,
- .ui.basic.red.button {
- background: transparent;
- box-shadow: 0 0 0 1px #DB2828 inset;
- color: #DB2828;
- }
-
- .ui.basic.red.buttons .button:hover,
- .ui.basic.red.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #d01919 inset;
- color: #d01919;
- }
-
- .ui.basic.red.buttons .button:focus,
- .ui.basic.red.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #ca1010 inset;
- color: #d01919;
- }
-
- .ui.basic.red.buttons .active.button,
- .ui.basic.red.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #d41515 inset;
- color: #b21e1e;
- }
-
- .ui.basic.red.buttons .button:active,
- .ui.basic.red.button:active {
- box-shadow: 0 0 0 1px #b21e1e inset;
- color: #b21e1e;
- }
-
- .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.orange.buttons .button,
- .ui.orange.button {
- background-color: #F2711C;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.orange.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.orange.buttons .button:hover,
- .ui.orange.button:hover {
- background-color: #f26202;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.orange.buttons .button:focus,
- .ui.orange.button:focus {
- background-color: #e55b00;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.orange.buttons .button:active,
- .ui.orange.button:active {
- background-color: #cf590c;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.orange.buttons .active.button,
- .ui.orange.buttons .active.button:active,
- .ui.orange.active.button,
- .ui.orange.button .active.button:active {
- background-color: #f56100;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.orange.buttons .button,
- .ui.basic.orange.button {
- background: transparent;
- box-shadow: 0 0 0 1px #F2711C inset;
- color: #F2711C;
- }
-
- .ui.basic.orange.buttons .button:hover,
- .ui.basic.orange.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #f26202 inset;
- color: #f26202;
- }
-
- .ui.basic.orange.buttons .button:focus,
- .ui.basic.orange.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #e55b00 inset;
- color: #f26202;
- }
-
- .ui.basic.orange.buttons .active.button,
- .ui.basic.orange.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #f56100 inset;
- color: #cf590c;
- }
-
- .ui.basic.orange.buttons .button:active,
- .ui.basic.orange.button:active {
- box-shadow: 0 0 0 1px #cf590c inset;
- color: #cf590c;
- }
-
- .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.yellow.buttons .button,
- .ui.yellow.button {
- background-color: #FBBD08;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.yellow.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.yellow.buttons .button:hover,
- .ui.yellow.button:hover {
- background-color: #eaae00;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.yellow.buttons .button:focus,
- .ui.yellow.button:focus {
- background-color: #daa300;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.yellow.buttons .button:active,
- .ui.yellow.button:active {
- background-color: #cd9903;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.yellow.buttons .active.button,
- .ui.yellow.buttons .active.button:active,
- .ui.yellow.active.button,
- .ui.yellow.button .active.button:active {
- background-color: #eaae00;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.yellow.buttons .button,
- .ui.basic.yellow.button {
- background: transparent;
- box-shadow: 0 0 0 1px #FBBD08 inset;
- color: #FBBD08;
- }
-
- .ui.basic.yellow.buttons .button:hover,
- .ui.basic.yellow.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #eaae00 inset;
- color: #eaae00;
- }
-
- .ui.basic.yellow.buttons .button:focus,
- .ui.basic.yellow.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #daa300 inset;
- color: #eaae00;
- }
-
- .ui.basic.yellow.buttons .active.button,
- .ui.basic.yellow.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #eaae00 inset;
- color: #cd9903;
- }
-
- .ui.basic.yellow.buttons .button:active,
- .ui.basic.yellow.button:active {
- box-shadow: 0 0 0 1px #cd9903 inset;
- color: #cd9903;
- }
-
- .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.olive.buttons .button,
- .ui.olive.button {
- background-color: #B5CC18;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.olive.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.olive.buttons .button:hover,
- .ui.olive.button:hover {
- background-color: #a7bd0d;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.olive.buttons .button:focus,
- .ui.olive.button:focus {
- background-color: #a0b605;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.olive.buttons .button:active,
- .ui.olive.button:active {
- background-color: #8d9e13;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.olive.buttons .active.button,
- .ui.olive.buttons .active.button:active,
- .ui.olive.active.button,
- .ui.olive.button .active.button:active {
- background-color: #aac109;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.olive.buttons .button,
- .ui.basic.olive.button {
- background: transparent;
- box-shadow: 0 0 0 1px #B5CC18 inset;
- color: #B5CC18;
- }
-
- .ui.basic.olive.buttons .button:hover,
- .ui.basic.olive.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #a7bd0d inset;
- color: #a7bd0d;
- }
-
- .ui.basic.olive.buttons .button:focus,
- .ui.basic.olive.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #a0b605 inset;
- color: #a7bd0d;
- }
-
- .ui.basic.olive.buttons .active.button,
- .ui.basic.olive.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #aac109 inset;
- color: #8d9e13;
- }
-
- .ui.basic.olive.buttons .button:active,
- .ui.basic.olive.button:active {
- box-shadow: 0 0 0 1px #8d9e13 inset;
- color: #8d9e13;
- }
-
- .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.green.buttons .button,
- .ui.green.button {
- background-color: #21BA45;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.green.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.green.buttons .button:hover,
- .ui.green.button:hover {
- background-color: #16ab39;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.green.buttons .button:focus,
- .ui.green.button:focus {
- background-color: #0ea432;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.green.buttons .button:active,
- .ui.green.button:active {
- background-color: #198f35;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.green.buttons .active.button,
- .ui.green.buttons .active.button:active,
- .ui.green.active.button,
- .ui.green.button .active.button:active {
- background-color: #13ae38;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.green.buttons .button,
- .ui.basic.green.button {
- background: transparent;
- box-shadow: 0 0 0 1px #21BA45 inset;
- color: #21BA45;
- }
-
- .ui.basic.green.buttons .button:hover,
- .ui.basic.green.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #16ab39 inset;
- color: #16ab39;
- }
-
- .ui.basic.green.buttons .button:focus,
- .ui.basic.green.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #0ea432 inset;
- color: #16ab39;
- }
-
- .ui.basic.green.buttons .active.button,
- .ui.basic.green.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #13ae38 inset;
- color: #198f35;
- }
-
- .ui.basic.green.buttons .button:active,
- .ui.basic.green.button:active {
- box-shadow: 0 0 0 1px #198f35 inset;
- color: #198f35;
- }
-
- .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.teal.buttons .button,
- .ui.teal.button {
- background-color: #00B5AD;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.teal.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.teal.buttons .button:hover,
- .ui.teal.button:hover {
- background-color: #009c95;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.teal.buttons .button:focus,
- .ui.teal.button:focus {
- background-color: #008c86;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.teal.buttons .button:active,
- .ui.teal.button:active {
- background-color: #00827c;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.teal.buttons .active.button,
- .ui.teal.buttons .active.button:active,
- .ui.teal.active.button,
- .ui.teal.button .active.button:active {
- background-color: #009c95;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.teal.buttons .button,
- .ui.basic.teal.button {
- background: transparent;
- box-shadow: 0 0 0 1px #00B5AD inset;
- color: #00B5AD;
- }
-
- .ui.basic.teal.buttons .button:hover,
- .ui.basic.teal.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #009c95 inset;
- color: #009c95;
- }
-
- .ui.basic.teal.buttons .button:focus,
- .ui.basic.teal.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #008c86 inset;
- color: #009c95;
- }
-
- .ui.basic.teal.buttons .active.button,
- .ui.basic.teal.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #009c95 inset;
- color: #00827c;
- }
-
- .ui.basic.teal.buttons .button:active,
- .ui.basic.teal.button:active {
- box-shadow: 0 0 0 1px #00827c inset;
- color: #00827c;
- }
-
- .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.blue.buttons .button,
- .ui.blue.button {
- background-color: #2185D0;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.blue.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.blue.buttons .button:hover,
- .ui.blue.button:hover {
- background-color: #1678c2;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.blue.buttons .button:focus,
- .ui.blue.button:focus {
- background-color: #0d71bb;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.blue.buttons .button:active,
- .ui.blue.button:active {
- background-color: #1a69a4;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.blue.buttons .active.button,
- .ui.blue.buttons .active.button:active,
- .ui.blue.active.button,
- .ui.blue.button .active.button:active {
- background-color: #1279c6;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.blue.buttons .button,
- .ui.basic.blue.button {
- background: transparent;
- box-shadow: 0 0 0 1px #2185D0 inset;
- color: #2185D0;
- }
-
- .ui.basic.blue.buttons .button:hover,
- .ui.basic.blue.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #1678c2 inset;
- color: #1678c2;
- }
-
- .ui.basic.blue.buttons .button:focus,
- .ui.basic.blue.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #0d71bb inset;
- color: #1678c2;
- }
-
- .ui.basic.blue.buttons .active.button,
- .ui.basic.blue.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #1279c6 inset;
- color: #1a69a4;
- }
-
- .ui.basic.blue.buttons .button:active,
- .ui.basic.blue.button:active {
- box-shadow: 0 0 0 1px #1a69a4 inset;
- color: #1a69a4;
- }
-
- .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.violet.buttons .button,
- .ui.violet.button {
- background-color: #6435C9;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.violet.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.violet.buttons .button:hover,
- .ui.violet.button:hover {
- background-color: #5829bb;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.violet.buttons .button:focus,
- .ui.violet.button:focus {
- background-color: #4f20b5;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.violet.buttons .button:active,
- .ui.violet.button:active {
- background-color: #502aa1;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.violet.buttons .active.button,
- .ui.violet.buttons .active.button:active,
- .ui.violet.active.button,
- .ui.violet.button .active.button:active {
- background-color: #5626bf;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.violet.buttons .button,
- .ui.basic.violet.button {
- background: transparent;
- box-shadow: 0 0 0 1px #6435C9 inset;
- color: #6435C9;
- }
-
- .ui.basic.violet.buttons .button:hover,
- .ui.basic.violet.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #5829bb inset;
- color: #5829bb;
- }
-
- .ui.basic.violet.buttons .button:focus,
- .ui.basic.violet.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #4f20b5 inset;
- color: #5829bb;
- }
-
- .ui.basic.violet.buttons .active.button,
- .ui.basic.violet.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #5626bf inset;
- color: #502aa1;
- }
-
- .ui.basic.violet.buttons .button:active,
- .ui.basic.violet.button:active {
- box-shadow: 0 0 0 1px #502aa1 inset;
- color: #502aa1;
- }
-
- .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.purple.buttons .button,
- .ui.purple.button {
- background-color: #A333C8;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.purple.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.purple.buttons .button:hover,
- .ui.purple.button:hover {
- background-color: #9627ba;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.purple.buttons .button:focus,
- .ui.purple.button:focus {
- background-color: #8f1eb4;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.purple.buttons .button:active,
- .ui.purple.button:active {
- background-color: #82299f;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.purple.buttons .active.button,
- .ui.purple.buttons .active.button:active,
- .ui.purple.active.button,
- .ui.purple.button .active.button:active {
- background-color: #9724be;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.purple.buttons .button,
- .ui.basic.purple.button {
- background: transparent;
- box-shadow: 0 0 0 1px #A333C8 inset;
- color: #A333C8;
- }
-
- .ui.basic.purple.buttons .button:hover,
- .ui.basic.purple.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #9627ba inset;
- color: #9627ba;
- }
-
- .ui.basic.purple.buttons .button:focus,
- .ui.basic.purple.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #8f1eb4 inset;
- color: #9627ba;
- }
-
- .ui.basic.purple.buttons .active.button,
- .ui.basic.purple.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #9724be inset;
- color: #82299f;
- }
-
- .ui.basic.purple.buttons .button:active,
- .ui.basic.purple.button:active {
- box-shadow: 0 0 0 1px #82299f inset;
- color: #82299f;
- }
-
- .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.pink.buttons .button,
- .ui.pink.button {
- background-color: #E03997;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.pink.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.pink.buttons .button:hover,
- .ui.pink.button:hover {
- background-color: #e61a8d;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.pink.buttons .button:focus,
- .ui.pink.button:focus {
- background-color: #e10f85;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.pink.buttons .button:active,
- .ui.pink.button:active {
- background-color: #c71f7e;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.pink.buttons .active.button,
- .ui.pink.buttons .active.button:active,
- .ui.pink.active.button,
- .ui.pink.button .active.button:active {
- background-color: #ea158d;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.pink.buttons .button,
- .ui.basic.pink.button {
- background: transparent;
- box-shadow: 0 0 0 1px #E03997 inset;
- color: #E03997;
- }
-
- .ui.basic.pink.buttons .button:hover,
- .ui.basic.pink.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #e61a8d inset;
- color: #e61a8d;
- }
-
- .ui.basic.pink.buttons .button:focus,
- .ui.basic.pink.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #e10f85 inset;
- color: #e61a8d;
- }
-
- .ui.basic.pink.buttons .active.button,
- .ui.basic.pink.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #ea158d inset;
- color: #c71f7e;
- }
-
- .ui.basic.pink.buttons .button:active,
- .ui.basic.pink.button:active {
- box-shadow: 0 0 0 1px #c71f7e inset;
- color: #c71f7e;
- }
-
- .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.brown.buttons .button,
- .ui.brown.button {
- background-color: #A5673F;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.brown.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.brown.buttons .button:hover,
- .ui.brown.button:hover {
- background-color: #975b33;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.brown.buttons .button:focus,
- .ui.brown.button:focus {
- background-color: #90532b;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.brown.buttons .button:active,
- .ui.brown.button:active {
- background-color: #805031;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.brown.buttons .active.button,
- .ui.brown.buttons .active.button:active,
- .ui.brown.active.button,
- .ui.brown.button .active.button:active {
- background-color: #995a31;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.brown.buttons .button,
- .ui.basic.brown.button {
- background: transparent;
- box-shadow: 0 0 0 1px #A5673F inset;
- color: #A5673F;
- }
-
- .ui.basic.brown.buttons .button:hover,
- .ui.basic.brown.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #975b33 inset;
- color: #975b33;
- }
-
- .ui.basic.brown.buttons .button:focus,
- .ui.basic.brown.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #90532b inset;
- color: #975b33;
- }
-
- .ui.basic.brown.buttons .active.button,
- .ui.basic.brown.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #995a31 inset;
- color: #805031;
- }
-
- .ui.basic.brown.buttons .button:active,
- .ui.basic.brown.button:active {
- box-shadow: 0 0 0 1px #805031 inset;
- color: #805031;
- }
-
- .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.grey.buttons .button,
- .ui.grey.button {
- background-color: #767676;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.grey.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.grey.buttons .button:hover,
- .ui.grey.button:hover {
- background-color: #838383;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.grey.buttons .button:focus,
- .ui.grey.button:focus {
- background-color: #8a8a8a;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.grey.buttons .button:active,
- .ui.grey.button:active {
- background-color: #909090;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.grey.buttons .active.button,
- .ui.grey.buttons .active.button:active,
- .ui.grey.active.button,
- .ui.grey.button .active.button:active {
- background-color: #696969;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.grey.buttons .button,
- .ui.basic.grey.button {
- background: transparent;
- box-shadow: 0 0 0 1px #767676 inset;
- color: #767676;
- }
-
- .ui.basic.grey.buttons .button:hover,
- .ui.basic.grey.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #838383 inset;
- color: #838383;
- }
-
- .ui.basic.grey.buttons .button:focus,
- .ui.basic.grey.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #8a8a8a inset;
- color: #838383;
- }
-
- .ui.basic.grey.buttons .active.button,
- .ui.basic.grey.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #696969 inset;
- color: #909090;
- }
-
- .ui.basic.grey.buttons .button:active,
- .ui.basic.grey.button:active {
- box-shadow: 0 0 0 1px #909090 inset;
- color: #909090;
- }
-
- .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
- margin-left: -1px;
- }
-
- .ui.black.buttons .button,
- .ui.black.button {
- background-color: #1B1C1D;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.black.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.black.buttons .button:hover,
- .ui.black.button:hover {
- background-color: #27292a;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.black.buttons .button:focus,
- .ui.black.button:focus {
- background-color: #2f3032;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.black.buttons .button:active,
- .ui.black.button:active {
- background-color: #343637;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.black.buttons .active.button,
- .ui.black.buttons .active.button:active,
- .ui.black.active.button,
- .ui.black.button .active.button:active {
- background-color: #0f0f10;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.black.buttons .button,
- .ui.basic.black.button {
- background: transparent;
- box-shadow: 0 0 0 1px #1B1C1D inset;
- color: #1B1C1D;
- }
-
- .ui.basic.black.buttons .button:hover,
- .ui.basic.black.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #27292a inset;
- color: #27292a;
- }
-
- .ui.basic.black.buttons .button:focus,
- .ui.basic.black.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #2f3032 inset;
- color: #27292a;
- }
-
- .ui.basic.black.buttons .active.button,
- .ui.basic.black.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #0f0f10 inset;
- color: #343637;
- }
-
- .ui.basic.black.buttons .button:active,
- .ui.basic.black.button:active {
- box-shadow: 0 0 0 1px #343637 inset;
- color: #343637;
- }
-
- .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
- margin-left: -1px;
- }
-
- /*---------------
- Positive
- ----------------*/
-
- /* Standard */
-
- .ui.positive.buttons .button,
- .ui.positive.button {
- background-color: #21BA45;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.positive.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.positive.buttons .button:hover,
- .ui.positive.button:hover {
- background-color: #16ab39;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.positive.buttons .button:focus,
- .ui.positive.button:focus {
- background-color: #0ea432;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.positive.buttons .button:active,
- .ui.positive.button:active {
- background-color: #198f35;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.positive.buttons .active.button,
- .ui.positive.buttons .active.button:active,
- .ui.positive.active.button,
- .ui.positive.button .active.button:active {
- background-color: #13ae38;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.positive.buttons .button,
- .ui.basic.positive.button {
- background: transparent;
- box-shadow: 0 0 0 1px #21BA45 inset;
- color: #21BA45;
- }
-
- .ui.basic.positive.buttons .button:hover,
- .ui.basic.positive.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #16ab39 inset;
- color: #16ab39;
- }
-
- .ui.basic.positive.buttons .button:focus,
- .ui.basic.positive.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #0ea432 inset;
- color: #16ab39;
- }
-
- .ui.basic.positive.buttons .active.button,
- .ui.basic.positive.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #13ae38 inset;
- color: #198f35;
- }
-
- .ui.basic.positive.buttons .button:active,
- .ui.basic.positive.button:active {
- box-shadow: 0 0 0 1px #198f35 inset;
- color: #198f35;
- }
-
- .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
- margin-left: -1px;
- }
-
- /*---------------
- Negative
- ----------------*/
-
- /* Standard */
-
- .ui.negative.buttons .button,
- .ui.negative.button {
- background-color: #DB2828;
- color: #FFFFFF;
- text-shadow: none;
- background-image: none;
- }
-
- .ui.negative.button {
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.negative.buttons .button:hover,
- .ui.negative.button:hover {
- background-color: #d01919;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.negative.buttons .button:focus,
- .ui.negative.button:focus {
- background-color: #ca1010;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.negative.buttons .button:active,
- .ui.negative.button:active {
- background-color: #b21e1e;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- .ui.negative.buttons .active.button,
- .ui.negative.buttons .active.button:active,
- .ui.negative.active.button,
- .ui.negative.button .active.button:active {
- background-color: #d41515;
- color: #FFFFFF;
- text-shadow: none;
- }
-
- /* Basic */
-
- .ui.basic.negative.buttons .button,
- .ui.basic.negative.button {
- background: transparent;
- box-shadow: 0 0 0 1px #DB2828 inset;
- color: #DB2828;
- }
-
- .ui.basic.negative.buttons .button:hover,
- .ui.basic.negative.button:hover {
- background: transparent;
- box-shadow: 0 0 0 1px #d01919 inset;
- color: #d01919;
- }
-
- .ui.basic.negative.buttons .button:focus,
- .ui.basic.negative.button:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #ca1010 inset;
- color: #d01919;
- }
-
- .ui.basic.negative.buttons .active.button,
- .ui.basic.negative.active.button {
- background: transparent;
- box-shadow: 0 0 0 1px #d41515 inset;
- color: #b21e1e;
- }
-
- .ui.basic.negative.buttons .button:active,
- .ui.basic.negative.button:active {
- box-shadow: 0 0 0 1px #b21e1e inset;
- color: #b21e1e;
- }
-
- .ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
- margin-left: -1px;
- }
-
- /*******************************
- Groups
- *******************************/
-
- .ui.buttons {
- display: inline-flex;
- flex-direction: row;
- font-size: 0;
- vertical-align: baseline;
- margin: 0 0.25em 0 0;
- }
-
- .ui.buttons:not(.basic):not(.inverted) {
- box-shadow: none;
- }
-
- /* Clearfix */
-
- .ui.buttons:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
-
- /* Standard Group */
-
- .ui.buttons .button {
- flex: 1 0 auto;
- border-radius: 0;
- margin: 0 0 0 0;
- }
-
- .ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
- }
-
- .ui.buttons .button:first-child {
- border-left: none;
- margin-left: 0;
- border-top-left-radius: 0.28571429rem;
- border-bottom-left-radius: 0.28571429rem;
- }
-
- .ui.buttons .button:last-child {
- border-top-right-radius: 0.28571429rem;
- border-bottom-right-radius: 0.28571429rem;
- }
-
- /* Vertical Style */
-
- .ui.vertical.buttons {
- display: inline-flex;
- flex-direction: column;
- }
-
- .ui.vertical.buttons .button {
- display: block;
- float: none;
- width: 100%;
- margin: 0 0 0 0;
- box-shadow: none;
- border-radius: 0;
- }
-
- .ui.vertical.buttons .button:first-child {
- border-top-left-radius: 0.28571429rem;
- border-top-right-radius: 0.28571429rem;
- }
-
- .ui.vertical.buttons .button:last-child {
- margin-bottom: 0;
- border-bottom-left-radius: 0.28571429rem;
- border-bottom-right-radius: 0.28571429rem;
- }
-
- .ui.vertical.buttons .button:only-child {
- border-radius: 0.28571429rem;
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- Site Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Dimmer
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Dimmer
- *******************************/
-
- .dimmable:not(body) {
- position: relative;
- }
-
- .ui.dimmer {
- display: none;
- position: absolute;
- top: 0 !important;
- left: 0 !important;
- width: 100%;
- height: 100%;
- text-align: center;
- vertical-align: middle;
- padding: 1em;
- background: rgba(0, 0, 0, 0.85);
- opacity: 0;
- line-height: 1;
- animation-fill-mode: both;
- animation-duration: 0.5s;
- transition: background-color 0.5s linear;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- will-change: opacity;
- z-index: 1000;
- }
-
- /* Dimmer Content */
-
- .ui.dimmer > .content {
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- color: #FFFFFF;
- }
-
- /* Loose Coupling */
-
- .ui.segment > .ui.dimmer:not(.page) {
- border-radius: inherit;
- }
-
- /* Scrollbars */
-
- /*******************************
- States
- *******************************/
-
- /* Animating */
-
- .animating.dimmable:not(body),
- .dimmed.dimmable:not(body) {
- overflow: hidden;
- }
-
- /* Animating / Active / Visible */
-
- .dimmed.dimmable > .ui.animating.dimmer,
- .dimmed.dimmable > .ui.visible.dimmer,
- .ui.active.dimmer {
- display: flex;
- opacity: 1;
- }
-
- /* Disabled */
-
- .ui.disabled.dimmer {
- width: 0 !important;
- height: 0 !important;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*--------------
- Legacy
- ---------------*/
-
- /* Animating / Active / Visible */
-
- .dimmed.dimmable > .ui.animating.legacy.dimmer,
- .dimmed.dimmable > .ui.visible.legacy.dimmer,
- .ui.active.legacy.dimmer {
- display: block;
- }
-
- /*--------------
- Alignment
- ---------------*/
-
- .ui[class*="top aligned"].dimmer {
- justify-content: flex-start;
- }
-
- .ui[class*="bottom aligned"].dimmer {
- justify-content: flex-end;
- }
-
- /*--------------
- Page
- ---------------*/
-
- .ui.page.dimmer {
- position: fixed;
- transform-style: '';
- perspective: 2000px;
- transform-origin: center center;
- }
-
- .ui.page.dimmer.modals {
- -moz-perspective: none;
- }
-
- body.animating.in.dimmable,
- body.dimmed.dimmable {
- overflow: hidden;
- }
-
- body.dimmable > .dimmer {
- position: fixed;
- }
-
- /*--------------
- Blurring
- ---------------*/
-
- .blurring.dimmable > :not(.dimmer) {
- filter: initial;
- transition: 800ms filter ease;
- }
-
- .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
- filter: blur(5px) grayscale(0.7);
- }
-
- /* Dimmer Color */
-
- .blurring.dimmable > .dimmer {
- background: rgba(0, 0, 0, 0.6);
- }
-
- .blurring.dimmable > .inverted.dimmer {
- background: rgba(255, 255, 255, 0.6);
- }
-
- /*--------------
- Aligned
- ---------------*/
-
- .ui.dimmer > .top.aligned.content > * {
- vertical-align: top;
- }
-
- .ui.dimmer > .bottom.aligned.content > * {
- vertical-align: bottom;
- }
-
- /*--------------
- Shades
- ---------------*/
-
- .medium.medium.medium.medium.medium.dimmer {
- background: rgba(0, 0, 0, 0.65);
- }
-
- .light.light.light.light.light.dimmer {
- background: rgba(0, 0, 0, 0.45);
- }
-
- .very.light.light.light.light.dimmer {
- background: rgba(0, 0, 0, 0.25);
- }
-
- /*--------------
- Simple
- ---------------*/
-
- /* Displays without javascript */
-
- .ui.simple.dimmer {
- display: block;
- overflow: hidden;
- opacity: 0;
- width: 0;
- height: 0;
- z-index: -100;
- background: rgba(0, 0, 0, 0);
- }
-
- .dimmed.dimmable > .ui.simple.dimmer {
- overflow: visible;
- opacity: 1;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.85);
- z-index: 1;
- }
-
- .ui.simple.inverted.dimmer {
- background: rgba(255, 255, 255, 0);
- }
-
- .dimmed.dimmable > .ui.simple.inverted.dimmer {
- background: rgba(255, 255, 255, 0.85);
- }
-
- /*--------------
- Partially
- ----------------*/
-
- .ui[class*="top dimmer"],
- .ui[class*="center dimmer"],
- .ui[class*="bottom dimmer"] {
- height: auto;
- }
-
- .ui[class*="bottom dimmer"] {
- top: auto !important;
- bottom: 0;
- }
-
- .ui[class*="center dimmer"] {
- top: 50% !important;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
-
- .ui.segment > .ui.ui[class*="top dimmer"] {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .ui.segment > .ui.ui[class*="center dimmer"] {
- border-radius: 0;
- }
-
- .ui.segment > .ui.ui[class*="bottom dimmer"] {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
-
- .ui[class*="center dimmer"].transition[class*="fade up"].in {
- animation-name: fadeInUpCenter;
- }
-
- .ui[class*="center dimmer"].transition[class*="fade down"].in {
- animation-name: fadeInDownCenter;
- }
-
- .ui[class*="center dimmer"].transition[class*="fade up"].out {
- animation-name: fadeOutUpCenter;
- }
-
- .ui[class*="center dimmer"].transition[class*="fade down"].out {
- animation-name: fadeOutDownCenter;
- }
-
- .ui[class*="center dimmer"].bounce.transition {
- animation-name: bounceCenter;
- }
-
- @keyframes fadeInUpCenter {
- 0% {
- opacity: 0;
- transform: translateY(-40%);
- -webkit-transform: translateY(calc(-40% - 0.5px));
- }
-
- 100% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
- }
-
- @keyframes fadeInDownCenter {
- 0% {
- opacity: 0;
- transform: translateY(-60%);
- -webkit-transform: translateY(calc(-60% - 0.5px));
- }
-
- 100% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
- }
-
- @keyframes fadeOutUpCenter {
- 0% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
-
- 100% {
- opacity: 0;
- transform: translateY(-45%);
- -webkit-transform: translateY(calc(-45% - 0.5px));
- }
- }
-
- @keyframes fadeOutDownCenter {
- 0% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
-
- 100% {
- opacity: 0;
- transform: translateY(-55%);
- -webkit-transform: translateY(calc(-55% - 0.5px));
- }
- }
-
- @keyframes bounceCenter {
- 0%, 20%, 50%, 80%, 100% {
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
-
- 40% {
- transform: translateY(calc(-50% - 30px));
- }
-
- 60% {
- transform: translateY(calc(-50% - 15px));
- }
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- User Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Dropdown
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Dropdown
- *******************************/
-
- .ui.dropdown {
- cursor: pointer;
- position: relative;
- display: inline-block;
- outline: none;
- text-align: left;
- transition: box-shadow 0.1s ease, width 0.1s ease;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
-
- /*******************************
- Content
- *******************************/
-
- /*--------------
- Menu
- ---------------*/
-
- .ui.dropdown .menu {
- cursor: auto;
- position: absolute;
- display: none;
- outline: none;
- top: 100%;
- min-width: -moz-max-content;
- min-width: max-content;
- margin: 0;
- padding: 0 0;
- background: #FFFFFF;
- font-size: 1em;
- text-shadow: none;
- text-align: left;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- border: 1px solid rgba(34, 36, 38, 0.15);
- border-radius: 0.28571429rem;
- transition: opacity 0.1s ease;
- z-index: 11;
- will-change: transform, opacity;
- }
-
- .ui.dropdown .menu > * {
- white-space: nowrap;
- }
-
- /*--------------
- Hidden Input
- ---------------*/
-
- .ui.dropdown > input:not(.search):first-child,
- .ui.dropdown > select {
- display: none !important;
- }
-
- /*--------------
- Dropdown Icon
- ---------------*/
-
- .ui.dropdown:not(.labeled) > .dropdown.icon {
- position: relative;
- width: auto;
- font-size: 0.85714286em;
- margin: 0 0 0 1em;
- }
-
- .ui.dropdown .menu > .item .dropdown.icon {
- width: auto;
- float: right;
- margin: 0em 0 0 1em;
- }
-
- .ui.dropdown .menu > .item .dropdown.icon + .text {
- margin-right: 1em;
- }
-
- /*--------------
- Text
- ---------------*/
-
- .ui.dropdown > .text {
- display: inline-block;
- transition: none;
- }
-
- /*--------------
- Menu Item
- ---------------*/
-
- .ui.dropdown .menu > .item {
- position: relative;
- cursor: pointer;
- display: block;
- border: none;
- height: auto;
- min-height: 2.57142857rem;
- text-align: left;
- border-top: none;
- line-height: 1em;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0.78571429rem 1.14285714rem !important;
- text-transform: none;
- font-weight: normal;
- box-shadow: none;
- -webkit-touch-callout: none;
- }
-
- .ui.dropdown .menu > .item:first-child {
- border-top-width: 0;
- }
-
- .ui.dropdown .menu > .item.vertical {
- display: flex;
- flex-direction: column-reverse;
- }
-
- /*--------------
- Floated Content
- ---------------*/
-
- .ui.dropdown > .text > [class*="right floated"],
- .ui.dropdown .menu .item > [class*="right floated"] {
- float: right !important;
- margin-right: 0 !important;
- margin-left: 1em !important;
- }
-
- .ui.dropdown > .text > [class*="left floated"],
- .ui.dropdown .menu .item > [class*="left floated"] {
- float: left !important;
- margin-left: 0 !important;
- margin-right: 1em !important;
- }
-
- .ui.dropdown .menu .item > i.icon.floated,
- .ui.dropdown .menu .item > .flag.floated,
- .ui.dropdown .menu .item > .image.floated,
- .ui.dropdown .menu .item > img.floated {
- margin-top: 0em;
- }
-
- /*--------------
- Menu Divider
- ---------------*/
-
- .ui.dropdown .menu > .header {
- margin: 1rem 0 0.75rem;
- padding: 0 1.14285714rem;
- font-weight: 500;
- text-transform: uppercase;
- }
-
- .ui.dropdown .menu > .header:not(.ui) {
- color: rgba(0, 0, 0, 0.85);
- font-size: 0.78571429em;
- }
-
- .ui.dropdown .menu > .divider {
- border-top: 1px solid rgba(34, 36, 38, 0.1);
- height: 0;
- margin: 0.5em 0;
- }
-
- .ui.dropdown .menu > .horizontal.divider {
- border-top: none;
- }
-
- .ui.dropdown.dropdown .menu > .input {
- width: auto;
- display: flex;
- margin: 1.14285714rem 0.78571429rem;
- min-width: 10rem;
- }
-
- .ui.dropdown .menu > .header + .input {
- margin-top: 0;
- }
-
- .ui.dropdown .menu > .input:not(.transparent) input {
- padding: 0.5em 1em;
- }
-
- .ui.dropdown .menu > .input:not(.transparent) .button,
- .ui.dropdown .menu > .input:not(.transparent) i.icon,
- .ui.dropdown .menu > .input:not(.transparent) .label {
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- }
-
- /*-----------------
- Item Description
- -------------------*/
-
- .ui.dropdown > .text > .description,
- .ui.dropdown .menu > .item > .description {
- float: right;
- margin: 0 0 0 1em;
- color: rgba(0, 0, 0, 0.4);
- }
-
- .ui.dropdown .menu > .item.vertical > .description {
- margin: 0;
- }
-
- /*-----------------
- Item Text
- -------------------*/
-
- .ui.dropdown .menu > .item.vertical > .text {
- margin-bottom: 0.25em;
- }
-
- /*-----------------
- Message
- -------------------*/
-
- .ui.dropdown .menu > .message {
- padding: 0.78571429rem 1.14285714rem;
- font-weight: normal;
- }
-
- .ui.dropdown .menu > .message:not(.ui) {
- color: rgba(0, 0, 0, 0.4);
- }
-
- /*--------------
- Sub Menu
- ---------------*/
-
- .ui.dropdown .menu .menu {
- top: 0;
- left: 100%;
- right: auto;
- margin: 0 -0.5em !important;
- border-radius: 0.28571429rem !important;
- z-index: 21 !important;
- }
-
- /* Hide Arrow */
-
- .ui.dropdown .menu .menu:after {
- display: none;
- }
-
- /*--------------
- Sub Elements
- ---------------*/
-
- /* Icons / Flags / Labels / Image */
-
- .ui.dropdown > .text > i.icon,
- .ui.dropdown > .text > .label,
- .ui.dropdown > .text > .flag,
- .ui.dropdown > .text > img,
- .ui.dropdown > .text > .image {
- margin-top: 0em;
- }
-
- .ui.dropdown .menu > .item > i.icon,
- .ui.dropdown .menu > .item > .label,
- .ui.dropdown .menu > .item > .flag,
- .ui.dropdown .menu > .item > .image,
- .ui.dropdown .menu > .item > img {
- margin-top: 0em;
- }
-
- .ui.dropdown > .text > i.icon,
- .ui.dropdown > .text > .label,
- .ui.dropdown > .text > .flag,
- .ui.dropdown > .text > img,
- .ui.dropdown > .text > .image,
- .ui.dropdown .menu > .item > i.icon,
- .ui.dropdown .menu > .item > .label,
- .ui.dropdown .menu > .item > .flag,
- .ui.dropdown .menu > .item > .image,
- .ui.dropdown .menu > .item > img {
- margin-left: 0;
- float: none;
- margin-right: 0.78571429rem;
- }
-
- /*--------------
- Image
- ---------------*/
-
- .ui.dropdown > .text > img,
- .ui.dropdown > .text > .image:not(.icon),
- .ui.dropdown .menu > .item > .image:not(.icon),
- .ui.dropdown .menu > .item > img {
- display: inline-block;
- vertical-align: top;
- width: auto;
- margin-top: -0.5em;
- margin-bottom: -0.5em;
- max-height: 2em;
- }
-
- /*******************************
- Coupling
- *******************************/
-
- /*--------------
- Menu
- ---------------*/
-
- /* Remove Menu Item Divider */
-
- .ui.dropdown .ui.menu > .item:before,
- .ui.menu .ui.dropdown .menu > .item:before {
- display: none;
- }
-
- /* Prevent Menu Item Border */
-
- .ui.menu .ui.dropdown .menu .active.item {
- border-left: none;
- }
-
- /* Automatically float dropdown menu right on last menu item */
-
- .ui.menu .right.menu .dropdown:last-child > .menu:not(.left),
- .ui.menu .right.dropdown.item > .menu:not(.left),
- .ui.buttons > .ui.dropdown:last-child > .menu:not(.left) {
- left: auto;
- right: 0;
- }
-
- /*--------------
- Label
- ---------------*/
-
- /* Dropdown Menu */
-
- .ui.label.dropdown .menu {
- min-width: 100%;
- }
-
- /*--------------
- Button
- ---------------*/
-
- /* No Margin On Icon Button */
-
- .ui.dropdown.icon.button > .dropdown.icon {
- margin: 0;
- }
-
- .ui.button.dropdown .menu {
- min-width: 100%;
- }
-
- /*******************************
- Types
- *******************************/
-
- select.ui.dropdown {
- height: 38px;
- padding: 0.5em;
- border: 1px solid rgba(34, 36, 38, 0.15);
- visibility: visible;
- }
-
- /*--------------
- Selection
- ---------------*/
-
- /* Displays like a select box */
-
- .ui.selection.dropdown {
- cursor: pointer;
- word-wrap: break-word;
- line-height: 1em;
- white-space: normal;
- outline: 0;
- transform: rotateZ(0deg);
- min-width: 14em;
- min-height: 2.71428571em;
- background: #FFFFFF;
- display: inline-block;
- padding: 0.78571429em 3.2em 0.78571429em 1em;
- color: rgba(0, 0, 0, 0.87);
- box-shadow: none;
- border: 1px solid rgba(34, 36, 38, 0.15);
- border-radius: 0.28571429rem;
- transition: box-shadow 0.1s ease, width 0.1s ease;
- }
-
- .ui.selection.dropdown.visible,
- .ui.selection.dropdown.active {
- z-index: 10;
- }
-
- .ui.selection.dropdown > .search.icon,
- .ui.selection.dropdown > .delete.icon,
- .ui.selection.dropdown > .dropdown.icon {
- cursor: pointer;
- position: absolute;
- width: auto;
- height: auto;
- line-height: 1.21428571em;
- top: 0.78571429em;
- right: 1em;
- z-index: 3;
- margin: -0.78571429em;
- padding: 0.91666667em;
- opacity: 0.8;
- transition: opacity 0.1s ease;
- }
-
- /* Compact */
-
- .ui.compact.selection.dropdown {
- min-width: 0;
- }
-
- /* Selection Menu */
-
- .ui.selection.dropdown .menu {
- overflow-x: hidden;
- overflow-y: auto;
- backface-visibility: hidden;
- -webkit-overflow-scrolling: touch;
- border-top-width: 0 !important;
- width: auto;
- outline: none;
- margin: 0 -1px;
- min-width: calc(100% + 2px);
- width: calc(100% + 2px);
- border-radius: 0 0 0.28571429rem 0.28571429rem;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- transition: opacity 0.1s ease;
- }
-
- .ui.selection.dropdown .menu:after,
- .ui.selection.dropdown .menu:before {
- display: none;
- }
-
- /*--------------
- Message
- ---------------*/
-
- .ui.selection.dropdown .menu > .message {
- padding: 0.78571429rem 1.14285714rem;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.selection.dropdown.short .menu {
- max-height: 6.01071429rem;
- }
-
- .ui.selection.dropdown[class*="very short"] .menu {
- max-height: 4.00714286rem;
- }
-
- .ui.selection.dropdown .menu {
- max-height: 8.01428571rem;
- }
-
- .ui.selection.dropdown.long .menu {
- max-height: 16.02857143rem;
- }
-
- .ui.selection.dropdown[class*="very long"] .menu {
- max-height: 24.04285714rem;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.selection.dropdown.short .menu {
- max-height: 8.01428571rem;
- }
-
- .ui.selection.dropdown[class*="very short"] .menu {
- max-height: 5.34285714rem;
- }
-
- .ui.selection.dropdown .menu {
- max-height: 10.68571429rem;
- }
-
- .ui.selection.dropdown.long .menu {
- max-height: 21.37142857rem;
- }
-
- .ui.selection.dropdown[class*="very long"] .menu {
- max-height: 32.05714286rem;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.selection.dropdown.short .menu {
- max-height: 12.02142857rem;
- }
-
- .ui.selection.dropdown[class*="very short"] .menu {
- max-height: 8.01428571rem;
- }
-
- .ui.selection.dropdown .menu {
- max-height: 16.02857143rem;
- }
-
- .ui.selection.dropdown.long .menu {
- max-height: 32.05714286rem;
- }
-
- .ui.selection.dropdown[class*="very long"] .menu {
- max-height: 48.08571429rem;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.selection.dropdown.short .menu {
- max-height: 16.02857143rem;
- }
-
- .ui.selection.dropdown[class*="very short"] .menu {
- max-height: 10.68571429rem;
- }
-
- .ui.selection.dropdown .menu {
- max-height: 21.37142857rem;
- }
-
- .ui.selection.dropdown.long .menu {
- max-height: 42.74285714rem;
- }
-
- .ui.selection.dropdown[class*="very long"] .menu {
- max-height: 64.11428571rem;
- }
- }
-
- /* Menu Item */
-
- .ui.selection.dropdown .menu > .item {
- border-top: 1px solid #FAFAFA;
- padding: 0.78571429rem 1.14285714rem !important;
- white-space: normal;
- word-wrap: normal;
- }
-
- /* User Item */
-
- .ui.selection.dropdown .menu > .hidden.addition.item {
- display: none;
- }
-
- /* Hover */
-
- .ui.selection.dropdown:hover {
- border-color: rgba(34, 36, 38, 0.35);
- box-shadow: none;
- }
-
- /* Active */
-
- .ui.selection.active.dropdown {
- border-color: #96C8DA;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- }
-
- .ui.selection.active.dropdown .menu {
- border-color: #96C8DA;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- }
-
- /* Focus */
-
- .ui.selection.dropdown:focus {
- border-color: #96C8DA;
- box-shadow: none;
- }
-
- .ui.selection.dropdown:focus .menu {
- border-color: #96C8DA;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- }
-
- /* Visible */
-
- .ui.selection.visible.dropdown > .text:not(.default) {
- font-weight: normal;
- color: rgba(0, 0, 0, 0.8);
- }
-
- /* Visible Hover */
-
- .ui.selection.active.dropdown:hover {
- border-color: #96C8DA;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- }
-
- .ui.selection.active.dropdown:hover .menu {
- border-color: #96C8DA;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
- }
-
- /* Dropdown Icon */
-
- .ui.active.selection.dropdown > .dropdown.icon,
- .ui.visible.selection.dropdown > .dropdown.icon {
- opacity: '';
- z-index: 3;
- }
-
- /* Connecting Border */
-
- .ui.active.selection.dropdown {
- border-bottom-left-radius: 0 !important;
- border-bottom-right-radius: 0 !important;
- }
-
- /* Empty Connecting Border */
-
- .ui.active.empty.selection.dropdown {
- border-radius: 0.28571429rem !important;
- box-shadow: none !important;
- }
-
- .ui.active.empty.selection.dropdown .menu {
- border: none !important;
- box-shadow: none !important;
- }
-
- /* CSS specific to iOS devices or firefox mobile only */
-
- @supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance:none) {
- @media (-moz-touch-enabled), (pointer: coarse) {
- .ui.dropdown .scrollhint.menu:not(.hidden):before {
- animation: scrollhint 2s ease 2;
- content: '';
- z-index: 15;
- display: block;
- position: absolute;
- opacity: 0;
- right: 0.25em;
- top: 0;
- height: 100%;
- border-right: 0.25em solid;
- border-left: 0;
- -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
- border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
- }
-
- .ui.inverted.dropdown .scrollhint.menu:not(.hidden):before {
- -o-border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
- border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
- }
-
- @keyframes scrollhint {
- 0% {
- opacity: 1;
- top: 100%;
- }
-
- 100% {
- opacity: 0;
- top: 0;
- }
- }
- }
- }
-
- /*--------------
- Searchable
- ---------------*/
-
- /* Search Selection */
-
- .ui.search.dropdown {
- min-width: '';
- }
-
- /* Search Dropdown */
-
- .ui.search.dropdown > input.search {
- background: none transparent !important;
- border: none !important;
- box-shadow: none !important;
- cursor: text;
- top: 0;
- left: 1px;
- width: 100%;
- outline: none;
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
- padding: inherit;
- }
-
- /* Text Layering */
-
- .ui.search.dropdown > input.search {
- position: absolute;
- z-index: 2;
- }
-
- .ui.search.dropdown > .text {
- cursor: text;
- position: relative;
- left: 1px;
- z-index: auto;
- }
-
- /* Search Selection */
-
- .ui.search.selection.dropdown > input.search {
- line-height: 1.21428571em;
- padding: 0.67857143em 3.2em 0.67857143em 1em;
- }
-
- /* Used to size multi select input to character width */
-
- .ui.search.selection.dropdown > span.sizer {
- line-height: 1.21428571em;
- padding: 0.67857143em 3.2em 0.67857143em 1em;
- display: none;
- white-space: pre;
- }
-
- /* Active/Visible Search */
-
- .ui.search.dropdown.active > input.search,
- .ui.search.dropdown.visible > input.search {
- cursor: auto;
- }
-
- .ui.search.dropdown.active > .text,
- .ui.search.dropdown.visible > .text {
- pointer-events: none;
- }
-
- /* Filtered Text */
-
- .ui.active.search.dropdown input.search:focus + .text i.icon,
- .ui.active.search.dropdown input.search:focus + .text .flag {
- opacity: var(--opacity-disabled);
- }
-
- .ui.active.search.dropdown input.search:focus + .text {
- color: rgba(115, 115, 115, 0.87) !important;
- }
-
- .ui.search.dropdown.button > span.sizer {
- display: none;
- }
-
- /* Search Menu */
-
- .ui.search.dropdown .menu {
- overflow-x: hidden;
- overflow-y: auto;
- backface-visibility: hidden;
- -webkit-overflow-scrolling: touch;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.search.dropdown .menu {
- max-height: 8.01428571rem;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.search.dropdown .menu {
- max-height: 10.68571429rem;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.search.dropdown .menu {
- max-height: 16.02857143rem;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.search.dropdown .menu {
- max-height: 21.37142857rem;
- }
- }
-
- /* Clearable Selection */
-
- .ui.dropdown > .remove.icon {
- cursor: pointer;
- font-size: 0.85714286em;
- margin: -0.78571429em;
- padding: 0.91666667em;
- right: 3em;
- top: 0.78571429em;
- position: absolute;
- opacity: 0.6;
- z-index: 3;
- }
-
- .ui.clearable.dropdown .text,
- .ui.clearable.dropdown a:last-of-type {
- margin-right: 1.5em;
- }
-
- .ui.dropdown select.noselection ~ .remove.icon,
- .ui.dropdown input[value=''] ~ .remove.icon,
- .ui.dropdown input:not([value]) ~ .remove.icon,
- .ui.dropdown.loading > .remove.icon {
- display: none;
- }
-
- /*--------------
- Multiple
- ---------------*/
-
- /* Multiple Selection */
-
- .ui.ui.multiple.dropdown {
- padding: 0.22619048em 3.2em 0.22619048em 0.35714286em;
- }
-
- .ui.multiple.dropdown .menu {
- cursor: auto;
- }
-
- /* Selection Label */
-
- .ui.multiple.dropdown > .label {
- display: inline-block;
- white-space: normal;
- font-size: 1em;
- padding: 0.35714286em 0.78571429em;
- margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
- }
-
- /* Dropdown Icon */
-
- .ui.multiple.dropdown .dropdown.icon {
- margin: '';
- padding: '';
- }
-
- /* Text */
-
- .ui.multiple.dropdown > .text {
- position: static;
- padding: 0;
- max-width: 100%;
- margin: 0.45238095em 0 0.45238095em 0.64285714em;
- line-height: 1.21428571em;
- }
-
- .ui.multiple.dropdown > .text.default {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ui.multiple.dropdown > .label ~ input.search {
- margin-left: 0.14285714em !important;
- }
-
- .ui.multiple.dropdown > .label ~ .text {
- display: none;
- }
-
- .ui.multiple.dropdown > .label:not(.image) > img:not(.centered) {
- margin-right: 0.78571429rem;
- }
-
- .ui.multiple.dropdown > .label:not(.image) > img.ui:not(.avatar) {
- margin-bottom: 0.39285714rem;
- }
-
- .ui.multiple.dropdown > .image.label img {
- margin: -0.35714286em 0.78571429em -0.35714286em -0.78571429em;
- height: 1.71428571em;
- }
-
- /*-----------------
- Multiple Search
- -----------------*/
-
- /* Multiple Search Selection */
-
- .ui.multiple.search.dropdown,
- .ui.multiple.search.dropdown > input.search {
- cursor: text;
- }
-
- /* Prompt Text */
-
- .ui.multiple.search.dropdown > .text {
- display: inline-block;
- position: absolute;
- top: 0;
- left: 0;
- padding: inherit;
- margin: 0.45238095em 0 0.45238095em 0.64285714em;
- line-height: 1.21428571em;
- }
-
- .ui.multiple.search.dropdown > .label ~ .text {
- display: none;
- }
-
- /* Search */
-
- .ui.multiple.search.dropdown > input.search {
- position: static;
- padding: 0;
- max-width: 100%;
- margin: 0.45238095em 0 0.45238095em 0.64285714em;
- width: 2.2em;
- line-height: 1.21428571em;
- }
-
- .ui.multiple.search.dropdown.button {
- min-width: 14em;
- }
-
- /*--------------
- Inline
- ---------------*/
-
- .ui.inline.dropdown {
- cursor: pointer;
- display: inline-block;
- color: inherit;
- }
-
- .ui.inline.dropdown .dropdown.icon {
- margin: 0 0.21428571em 0 0.21428571em;
- vertical-align: baseline;
- }
-
- .ui.inline.dropdown > .text {
- font-weight: 500;
- }
-
- .ui.inline.dropdown .menu {
- cursor: auto;
- margin-top: 0.21428571em;
- border-radius: 0.28571429rem;
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------------
- Active
- ----------------------*/
-
- /* Menu Item Active */
-
- .ui.dropdown .menu .active.item {
- background: transparent;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.95);
- box-shadow: none;
- z-index: 12;
- }
-
- /*--------------------
- Hover
- ----------------------*/
-
- /* Menu Item Hover */
-
- .ui.dropdown .menu > .item:hover {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- z-index: 13;
- }
-
- /*--------------------
- Default Text
- ----------------------*/
-
- .ui.dropdown:not(.button) > .default.text,
- .ui.default.dropdown:not(.button) > .text {
- color: rgba(191, 191, 191, 0.87);
- }
-
- .ui.dropdown:not(.button) > input:focus ~ .default.text,
- .ui.default.dropdown:not(.button) > input:focus ~ .text {
- color: rgba(115, 115, 115, 0.87);
- }
-
- /*--------------------
- Loading
- ---------------------*/
-
- .ui.loading.dropdown > i.icon {
- height: 1em !important;
- }
-
- .ui.loading.selection.dropdown > i.icon {
- padding: 1.5em 1.28571429em !important;
- }
-
- .ui.loading.dropdown > i.icon:before {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- border-radius: 500rem;
- border: 0.2em solid rgba(0, 0, 0, 0.1);
- }
-
- .ui.loading.dropdown > i.icon:after {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- box-shadow: 0 0 0 1px transparent;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- animation: loader 0.6s infinite linear;
- border: 0.2em solid #767676;
- border-radius: 500rem;
- }
-
- /* Coupling */
-
- .ui.loading.dropdown.button > i.icon:before,
- .ui.loading.dropdown.button > i.icon:after {
- display: none;
- }
-
- .ui.loading.dropdown > .text {
- transition: none;
- }
-
- /* Used To Check Position */
-
- .ui.dropdown .loading.menu {
- display: block;
- visibility: hidden;
- z-index: -1;
- }
-
- .ui.dropdown > .loading.menu {
- left: 0 !important;
- right: auto !important;
- }
-
- .ui.dropdown > .menu .loading.menu {
- left: 100% !important;
- right: auto !important;
- }
-
- /*--------------------
- Keyboard Select
- ----------------------*/
-
- /* Selected Item */
-
- .ui.dropdown.selected,
- .ui.dropdown .menu .selected.item {
- background: rgba(0, 0, 0, 0.03);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--------------------
- Search Filtered
- ----------------------*/
-
- /* Filtered Item */
-
- .ui.dropdown > .filtered.text {
- visibility: hidden;
- }
-
- .ui.dropdown .filtered.item {
- display: none !important;
- }
-
- /*--------------------
- States
- ----------------------*/
-
- .ui.dropdown.error,
- .ui.dropdown.error > .text,
- .ui.dropdown.error > .default.text {
- color: #9F3A38;
- }
-
- .ui.selection.dropdown.error {
- background: #FFF6F6;
- border-color: #E0B4B4;
- }
-
- .ui.selection.dropdown.error:hover {
- border-color: #E0B4B4;
- }
-
- .ui.multiple.selection.error.dropdown > .label {
- border-color: #E0B4B4;
- }
-
- .ui.dropdown.error > .menu,
- .ui.dropdown.error > .menu .menu {
- border-color: #E0B4B4;
- }
-
- .ui.dropdown.error > .menu > .item {
- color: #9F3A38;
- }
-
- /* Item Hover */
-
- .ui.dropdown.error > .menu > .item:hover {
- background-color: #FBE7E7;
- }
-
- /* Item Active */
-
- .ui.dropdown.error > .menu .active.item {
- background-color: #FDCFCF;
- }
-
- .ui.dropdown.info,
- .ui.dropdown.info > .text,
- .ui.dropdown.info > .default.text {
- color: #276F86;
- }
-
- .ui.selection.dropdown.info {
- background: #F8FFFF;
- border-color: #A9D5DE;
- }
-
- .ui.selection.dropdown.info:hover {
- border-color: #A9D5DE;
- }
-
- .ui.multiple.selection.info.dropdown > .label {
- border-color: #A9D5DE;
- }
-
- .ui.dropdown.info > .menu,
- .ui.dropdown.info > .menu .menu {
- border-color: #A9D5DE;
- }
-
- .ui.dropdown.info > .menu > .item {
- color: #276F86;
- }
-
- /* Item Hover */
-
- .ui.dropdown.info > .menu > .item:hover {
- background-color: #e9f2fb;
- }
-
- /* Item Active */
-
- .ui.dropdown.info > .menu .active.item {
- background-color: #cef1fd;
- }
-
- .ui.dropdown.success,
- .ui.dropdown.success > .text,
- .ui.dropdown.success > .default.text {
- color: #2C662D;
- }
-
- .ui.selection.dropdown.success {
- background: #FCFFF5;
- border-color: #A3C293;
- }
-
- .ui.selection.dropdown.success:hover {
- border-color: #A3C293;
- }
-
- .ui.multiple.selection.success.dropdown > .label {
- border-color: #A3C293;
- }
-
- .ui.dropdown.success > .menu,
- .ui.dropdown.success > .menu .menu {
- border-color: #A3C293;
- }
-
- .ui.dropdown.success > .menu > .item {
- color: #2C662D;
- }
-
- /* Item Hover */
-
- .ui.dropdown.success > .menu > .item:hover {
- background-color: #e9fbe9;
- }
-
- /* Item Active */
-
- .ui.dropdown.success > .menu .active.item {
- background-color: #dafdce;
- }
-
- .ui.dropdown.warning,
- .ui.dropdown.warning > .text,
- .ui.dropdown.warning > .default.text {
- color: #573A08;
- }
-
- .ui.selection.dropdown.warning {
- background: #FFFAF3;
- border-color: #C9BA9B;
- }
-
- .ui.selection.dropdown.warning:hover {
- border-color: #C9BA9B;
- }
-
- .ui.multiple.selection.warning.dropdown > .label {
- border-color: #C9BA9B;
- }
-
- .ui.dropdown.warning > .menu,
- .ui.dropdown.warning > .menu .menu {
- border-color: #C9BA9B;
- }
-
- .ui.dropdown.warning > .menu > .item {
- color: #573A08;
- }
-
- /* Item Hover */
-
- .ui.dropdown.warning > .menu > .item:hover {
- background-color: #fbfbe9;
- }
-
- /* Item Active */
-
- .ui.dropdown.warning > .menu .active.item {
- background-color: #fdfdce;
- }
-
- /*--------------------
- Clear
- ----------------------*/
-
- .ui.dropdown > .clear.dropdown.icon {
- opacity: 0.8;
- transition: opacity 0.1s ease;
- }
-
- .ui.dropdown > .clear.dropdown.icon:hover {
- opacity: 1;
- }
-
- /*--------------------
- Disabled
- ----------------------*/
-
- /* Disabled */
-
- .ui.disabled.dropdown,
- .ui.dropdown .menu > .disabled.item {
- cursor: default;
- pointer-events: none;
- opacity: var(--opacity-disabled);
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*--------------
- Direction
- ---------------*/
-
- /* Flyout Direction */
-
- .ui.dropdown .menu {
- left: 0;
- }
-
- /* Default Side (Right) */
-
- .ui.dropdown .right.menu > .menu,
- .ui.dropdown .menu .right.menu {
- left: 100% !important;
- right: auto !important;
- border-radius: 0.28571429rem !important;
- }
-
- /* Leftward Opening Menu */
-
- .ui.dropdown > .left.menu {
- left: auto !important;
- right: 0 !important;
- }
-
- .ui.dropdown > .left.menu .menu,
- .ui.dropdown .menu .left.menu {
- left: auto;
- right: 100%;
- margin: 0 -0.5em 0 0 !important;
- border-radius: 0.28571429rem !important;
- }
-
- .ui.dropdown .item .left.dropdown.icon,
- .ui.dropdown .left.menu .item .dropdown.icon {
- width: auto;
- float: left;
- margin: 0em 0 0 0;
- }
-
- .ui.dropdown .item .left.dropdown.icon,
- .ui.dropdown .left.menu .item .dropdown.icon {
- width: auto;
- float: left;
- margin: 0em 0 0 0;
- }
-
- .ui.dropdown .item .left.dropdown.icon + .text,
- .ui.dropdown .left.menu .item .dropdown.icon + .text {
- margin-left: 1em;
- margin-right: 0;
- }
-
- /*--------------
- Upward
- ---------------*/
-
- /* Upward Main Menu */
-
- .ui.upward.dropdown > .menu {
- top: auto;
- bottom: 100%;
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
- border-radius: 0.28571429rem 0.28571429rem 0 0;
- }
-
- /* Upward Sub Menu */
-
- .ui.dropdown .upward.menu {
- top: auto !important;
- bottom: 0 !important;
- }
-
- /* Active Upward */
-
- .ui.simple.upward.active.dropdown,
- .ui.simple.upward.dropdown:hover {
- border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
- }
-
- .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
- border-radius: 0.28571429rem 0.28571429rem 0 0;
- }
-
- /* Selection */
-
- .ui.upward.selection.dropdown .menu {
- border-top-width: 1px !important;
- border-bottom-width: 0 !important;
- box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
- }
-
- .ui.upward.selection.dropdown:hover {
- box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
- }
-
- /* Active Upward */
-
- .ui.active.upward.selection.dropdown {
- border-radius: 0 0 0.28571429rem 0.28571429rem !important;
- }
-
- /* Visible Upward */
-
- .ui.upward.selection.dropdown.visible {
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
- border-radius: 0 0 0.28571429rem 0.28571429rem !important;
- }
-
- /* Visible Hover Upward */
-
- .ui.upward.active.selection.dropdown:hover {
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
- }
-
- .ui.upward.active.selection.dropdown:hover .menu {
- box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
- }
-
- /*--------------
- Scrolling
- ---------------*/
-
- /* Selection Menu */
-
- .ui.scrolling.dropdown .menu,
- .ui.dropdown .scrolling.menu {
- overflow-x: hidden;
- overflow-y: auto;
- }
-
- .ui.scrolling.dropdown .menu {
- overflow-x: hidden;
- overflow-y: auto;
- backface-visibility: hidden;
- -webkit-overflow-scrolling: touch;
- min-width: 100% !important;
- width: auto !important;
- }
-
- .ui.dropdown .scrolling.menu {
- position: static;
- overflow-y: auto;
- border: none;
- box-shadow: none !important;
- border-radius: 0 !important;
- margin: 0 !important;
- min-width: 100% !important;
- width: auto !important;
- border-top: 1px solid rgba(34, 36, 38, 0.15);
- }
-
- .ui.scrolling.dropdown .menu .item.item.item,
- .ui.dropdown .scrolling.menu > .item.item.item {
- border-top: none;
- }
-
- .ui.scrolling.dropdown .menu .item:first-child,
- .ui.dropdown .scrolling.menu .item:first-child {
- border-top: none;
- }
-
- .ui.dropdown > .animating.menu .scrolling.menu,
- .ui.dropdown > .visible.menu .scrolling.menu {
- display: block;
- }
-
- /* Scrollbar in IE */
-
- @media all and (-ms-high-contrast: none) {
- .ui.scrolling.dropdown .menu,
- .ui.dropdown .scrolling.menu {
- min-width: calc(100% - 17px);
- }
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.scrolling.dropdown .menu,
- .ui.dropdown .scrolling.menu {
- max-height: 10.28571429rem;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.scrolling.dropdown .menu,
- .ui.dropdown .scrolling.menu {
- max-height: 15.42857143rem;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.scrolling.dropdown .menu,
- .ui.dropdown .scrolling.menu {
- max-height: 20.57142857rem;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.scrolling.dropdown .menu,
- .ui.dropdown .scrolling.menu {
- max-height: 20.57142857rem;
- }
- }
-
- /*--------------
- Columnar
- ---------------*/
-
- .ui.column.dropdown > .menu {
- flex-wrap: wrap;
- }
-
- .ui.dropdown[class*="two column"] > .menu > .item {
- width: 50%;
- }
-
- .ui.dropdown[class*="three column"] > .menu > .item {
- width: 33%;
- }
-
- .ui.dropdown[class*="four column"] > .menu > .item {
- width: 25%;
- }
-
- .ui.dropdown[class*="five column"] > .menu > .item {
- width: 20%;
- }
-
- /*--------------
- Simple
- ---------------*/
-
- /* Displays without javascript */
-
- .ui.simple.dropdown .menu:before,
- .ui.simple.dropdown .menu:after {
- display: none;
- }
-
- .ui.simple.dropdown .menu {
- position: absolute;
- /* IE hack to make dropdown icons appear inline */
- display: -ms-inline-flexbox !important;
- display: block;
- overflow: hidden;
- top: -9999px;
- opacity: 0;
- width: 0;
- height: 0;
- transition: opacity 0.1s ease;
- margin-top: 0 !important;
- }
-
- .ui.simple.active.dropdown,
- .ui.simple.dropdown:hover {
- border-bottom-left-radius: 0 !important;
- border-bottom-right-radius: 0 !important;
- }
-
- .ui.simple.active.dropdown > .menu,
- .ui.simple.dropdown:hover > .menu {
- overflow: visible;
- width: auto;
- height: auto;
- top: 100%;
- opacity: 1;
- }
-
- .ui.simple.dropdown > .menu > .item:active > .menu,
- .ui.simple.dropdown .menu .item:hover > .menu {
- overflow: visible;
- width: auto;
- height: auto;
- top: 0 !important;
- left: 100%;
- opacity: 1;
- }
-
- .ui.simple.dropdown > .menu > .item:active > .left.menu,
- .ui.simple.dropdown .menu .item:hover > .left.menu,
- .right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
- .right.menu .ui.simple.dropdown > .menu .item:hover > .menu:not(.right) {
- left: auto;
- right: 100%;
- }
-
- .ui.simple.disabled.dropdown:hover .menu {
- display: none;
- height: 0;
- width: 0;
- overflow: hidden;
- }
-
- /* Visible */
-
- .ui.simple.visible.dropdown > .menu {
- display: block;
- }
-
- /* Scrolling */
-
- .ui.simple.scrolling.active.dropdown > .menu,
- .ui.simple.scrolling.dropdown:hover > .menu {
- overflow-x: hidden;
- overflow-y: auto;
- }
-
- /*--------------
- Fluid
- ---------------*/
-
- .ui.fluid.dropdown {
- display: block;
- width: 100% !important;
- min-width: 0;
- }
-
- .ui.fluid.dropdown > .dropdown.icon {
- float: right;
- }
-
- /*--------------
- Floating
- ---------------*/
-
- .ui.floating.dropdown .menu {
- left: 0;
- right: auto;
- box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
- border-radius: 0.28571429rem !important;
- }
-
- .ui.floating.dropdown > .menu {
- border-radius: 0.28571429rem !important;
- }
-
- .ui:not(.upward).floating.dropdown > .menu {
- margin-top: 0.5em;
- }
-
- .ui.upward.floating.dropdown > .menu {
- margin-bottom: 0.5em;
- }
-
- /*--------------
- Pointing
- ---------------*/
-
- .ui.pointing.dropdown > .menu {
- top: 100%;
- margin-top: 0.78571429rem;
- border-radius: 0.28571429rem;
- }
-
- .ui.pointing.dropdown > .menu:not(.hidden):after {
- display: block;
- position: absolute;
- pointer-events: none;
- content: '';
- visibility: visible;
- transform: rotate(45deg);
- width: 0.5em;
- height: 0.5em;
- box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
- background: #FFFFFF;
- z-index: 2;
- }
-
- .ui.pointing.dropdown > .menu:not(.hidden):after {
- top: -0.25em;
- left: 50%;
- margin: 0 0 0 -0.25em;
- }
-
- /* Top Left Pointing */
-
- .ui.top.left.pointing.dropdown > .menu {
- top: 100%;
- bottom: auto;
- left: 0;
- right: auto;
- margin: 1em 0 0;
- }
-
- .ui.top.left.pointing.dropdown > .menu {
- top: 100%;
- bottom: auto;
- left: 0;
- right: auto;
- margin: 1em 0 0;
- }
-
- .ui.top.left.pointing.dropdown > .menu:after {
- top: -0.25em;
- left: 1em;
- right: auto;
- margin: 0;
- transform: rotate(45deg);
- }
-
- /* Top Right Pointing */
-
- .ui.top.right.pointing.dropdown > .menu {
- top: 100%;
- bottom: auto;
- right: 0;
- left: auto;
- margin: 1em 0 0;
- }
-
- .ui.top.pointing.dropdown > .left.menu:after,
- .ui.top.right.pointing.dropdown > .menu:after {
- top: -0.25em;
- left: auto !important;
- right: 1em !important;
- margin: 0;
- transform: rotate(45deg);
- }
-
- /* Left Pointing */
-
- .ui.left.pointing.dropdown > .menu {
- top: 0;
- left: 100%;
- right: auto;
- margin: 0 0 0 1em;
- }
-
- .ui.left.pointing.dropdown > .menu:after {
- top: 1em;
- left: -0.25em;
- margin: 0 0 0 0;
- transform: rotate(-45deg);
- }
-
- .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
- left: auto !important;
- right: 100% !important;
- margin: 0 1em 0 0;
- }
-
- .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
- top: 1em;
- left: auto;
- right: -0.25em;
- margin: 0 0 0 0;
- transform: rotate(135deg);
- }
-
- /* Right Pointing */
-
- .ui.right.pointing.dropdown > .menu {
- top: 0;
- left: auto;
- right: 100%;
- margin: 0 1em 0 0;
- }
-
- .ui.right.pointing.dropdown > .menu:after {
- top: 1em;
- left: auto;
- right: -0.25em;
- margin: 0 0 0 0;
- transform: rotate(135deg);
- }
-
- /* Bottom Pointing */
-
- .ui.bottom.pointing.dropdown > .menu {
- top: auto;
- bottom: 100%;
- left: 0;
- right: auto;
- margin: 0 0 1em;
- }
-
- .ui.bottom.pointing.dropdown > .menu:after {
- top: auto;
- bottom: -0.25em;
- right: auto;
- margin: 0;
- transform: rotate(-135deg);
- }
-
- /* Reverse Sub-Menu Direction */
-
- .ui.bottom.pointing.dropdown > .menu .menu {
- top: auto !important;
- bottom: 0 !important;
- }
-
- /* Bottom Left */
-
- .ui.bottom.left.pointing.dropdown > .menu {
- left: 0;
- right: auto;
- }
-
- .ui.bottom.left.pointing.dropdown > .menu:after {
- left: 1em;
- right: auto;
- }
-
- /* Bottom Right */
-
- .ui.bottom.right.pointing.dropdown > .menu {
- right: 0;
- left: auto;
- }
-
- .ui.bottom.right.pointing.dropdown > .menu:after {
- left: auto;
- right: 1em;
- }
-
- /* Upward pointing */
-
- .ui.pointing.upward.dropdown .menu,
- .ui.top.pointing.upward.dropdown .menu {
- top: auto !important;
- bottom: 100% !important;
- margin: 0 0 0.78571429rem;
- border-radius: 0.28571429rem;
- }
-
- .ui.pointing.upward.dropdown .menu:after,
- .ui.top.pointing.upward.dropdown .menu:after {
- top: 100% !important;
- bottom: auto !important;
- box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
- margin: -0.25em 0 0;
- }
-
- /* Right Pointing Upward */
-
- .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
- top: auto !important;
- bottom: 0 !important;
- margin: 0 1em 0 0;
- }
-
- .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
- top: auto !important;
- bottom: 0 !important;
- margin: 0 0 1em 0;
- box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
- }
-
- /* Left Pointing Upward */
-
- .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
- top: auto !important;
- bottom: 0 !important;
- margin: 0 0 0 1em;
- }
-
- .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
- top: auto !important;
- bottom: 0 !important;
- margin: 0 0 1em 0;
- box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
- }
-
- /*--------------------
- Sizes
- ---------------------*/
-
- .ui.dropdown,
- .ui.dropdown .menu > .item {
- font-size: 1rem;
- }
-
- .ui.mini.dropdown,
- .ui.mini.dropdown .menu > .item {
- font-size: 0.78571429rem;
- }
-
- .ui.tiny.dropdown,
- .ui.tiny.dropdown .menu > .item {
- font-size: 0.85714286rem;
- }
-
- .ui.small.dropdown,
- .ui.small.dropdown .menu > .item {
- font-size: 0.92857143rem;
- }
-
- .ui.large.dropdown,
- .ui.large.dropdown .menu > .item {
- font-size: 1.14285714rem;
- }
-
- .ui.big.dropdown,
- .ui.big.dropdown .menu > .item {
- font-size: 1.28571429rem;
- }
-
- .ui.huge.dropdown,
- .ui.huge.dropdown .menu > .item {
- font-size: 1.42857143rem;
- }
-
- .ui.massive.dropdown,
- .ui.massive.dropdown .menu > .item {
- font-size: 1.71428571rem;
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /* Dropdown Carets */
-
- @font-face {
- font-family: 'Dropdown';
- 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');
- font-weight: normal;
- font-style: normal;
- }
-
- .ui.dropdown > .dropdown.icon {
- font-family: 'Dropdown';
- line-height: 1;
- height: 1em;
- width: 1.23em;
- backface-visibility: hidden;
- font-weight: normal;
- font-style: normal;
- text-align: center;
- }
-
- .ui.dropdown > .dropdown.icon {
- width: auto;
- }
-
- .ui.dropdown > .dropdown.icon:before {
- content: '\f0d7';
- }
-
- /* Sub Menu */
-
- .ui.dropdown .menu .item .dropdown.icon:before {
- content: '\f0da' ;
- }
-
- .ui.dropdown .item .left.dropdown.icon:before,
- .ui.dropdown .left.menu .item .dropdown.icon:before {
- content: "\f0d9" ;
- }
-
- /* Vertical Menu Dropdown */
-
- .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
- content: "\f0da" ;
- }
-
- /* Icons for Reference
- .dropdown.down.icon {
- content: "\f0d7";
- }
- .dropdown.up.icon {
- content: "\f0d8";
- }
- .dropdown.left.icon {
- content: "\f0d9";
- }
- .dropdown.icon.icon {
- content: "\f0da";
- }
- */
-
- /*******************************
- User Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Form
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Elements
- *******************************/
-
- /*--------------------
- Form
- ---------------------*/
-
- .ui.form {
- position: relative;
- max-width: 100%;
- }
-
- /*--------------------
- Content
- ---------------------*/
-
- .ui.form > p {
- margin: 1em 0;
- }
-
- /*--------------------
- Field
- ---------------------*/
-
- .ui.form .field {
- clear: both;
- margin: 0 0 1em;
- }
-
- .ui.form .fields .fields,
- .ui.form .field:last-child,
- .ui.form .fields:last-child .field {
- margin-bottom: 0;
- }
-
- .ui.form .fields .field {
- clear: both;
- margin: 0;
- }
-
- /*--------------------
- Labels
- ---------------------*/
-
- .ui.form .field > label {
- display: block;
- margin: 0 0 0.28571429rem 0;
- color: rgba(0, 0, 0, 0.87);
- font-size: 0.92857143em;
- font-weight: 500;
- text-transform: none;
- }
-
- /*--------------------
- Standard Inputs
- ---------------------*/
-
- .ui.form textarea,
- .ui.form input:not([type]),
- .ui.form input[type="date"],
- .ui.form input[type="datetime-local"],
- .ui.form input[type="email"],
- .ui.form input[type="number"],
- .ui.form input[type="password"],
- .ui.form input[type="search"],
- .ui.form input[type="tel"],
- .ui.form input[type="time"],
- .ui.form input[type="text"],
- .ui.form input[type="file"],
- .ui.form input[type="url"] {
- width: 100%;
- vertical-align: top;
- }
-
- /* Set max height on unusual input */
-
- .ui.form ::-webkit-datetime-edit,
- .ui.form ::-webkit-inner-spin-button {
- height: 1.21428571em;
- }
-
- .ui.form input:not([type]),
- .ui.form input[type="date"],
- .ui.form input[type="datetime-local"],
- .ui.form input[type="email"],
- .ui.form input[type="number"],
- .ui.form input[type="password"],
- .ui.form input[type="search"],
- .ui.form input[type="tel"],
- .ui.form input[type="time"],
- .ui.form input[type="text"],
- .ui.form input[type="file"],
- .ui.form input[type="url"] {
- font-family: var(--fonts-regular);
- margin: 0;
- outline: none;
- -webkit-appearance: none;
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
- line-height: 1.21428571em;
- padding: 0.67857143em 1em;
- font-size: 1em;
- background: #FFFFFF;
- border: 1px solid rgba(34, 36, 38, 0.15);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0.28571429rem;
- box-shadow: 0 0 0 0 transparent inset;
- transition: color 0.1s ease, border-color 0.1s ease;
- }
-
- /* Text Area */
-
- .ui.input textarea,
- .ui.form textarea {
- margin: 0;
- -webkit-appearance: none;
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
- padding: 0.78571429em 1em;
- background: #FFFFFF;
- border: 1px solid rgba(34, 36, 38, 0.15);
- outline: none;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0.28571429rem;
- box-shadow: 0 0 0 0 transparent inset;
- transition: color 0.1s ease, border-color 0.1s ease;
- font-size: 1em;
- font-family: var(--fonts-regular);
- line-height: 1.2857;
- resize: vertical;
- }
-
- .ui.form textarea:not([rows]) {
- height: 12em;
- min-height: 8em;
- max-height: 24em;
- }
-
- .ui.form textarea,
- .ui.form input[type="checkbox"] {
- vertical-align: top;
- }
-
- /*--------------------
- Checkbox margin
- ---------------------*/
-
- .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label + .ui.ui.checkbox {
- margin-top: 0.7em;
- }
-
- .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox {
- margin-top: 2.41428571em;
- }
-
- .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
- margin-top: 2.21428571em;
- }
-
- .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
- margin-top: 2.61428571em;
- }
-
- .ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
- margin-top: 0.6em;
- }
-
- .ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
- margin-top: 0.5em;
- }
-
- .ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
- margin-top: 0.7em;
- }
-
- /*--------------------------
- Input w/ attached Button
- ---------------------------*/
-
- .ui.form input.attached {
- width: auto;
- }
-
- /*--------------------
- Basic Select
- ---------------------*/
-
- .ui.form select {
- display: block;
- height: auto;
- width: 100%;
- background: #FFFFFF;
- border: 1px solid rgba(34, 36, 38, 0.15);
- border-radius: 0.28571429rem;
- box-shadow: 0 0 0 0 transparent inset;
- padding: 0.62em 1em;
- color: rgba(0, 0, 0, 0.87);
- transition: color 0.1s ease, border-color 0.1s ease;
- }
-
- /*--------------------
- Dropdown
- ---------------------*/
-
- /* Block */
-
- .ui.form .field > .selection.dropdown {
- min-width: auto;
- width: 100%;
- }
-
- .ui.form .field > .selection.dropdown > .dropdown.icon {
- float: right;
- }
-
- /* Inline */
-
- .ui.form .inline.fields .field > .selection.dropdown,
- .ui.form .inline.field > .selection.dropdown {
- width: auto;
- }
-
- .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
- .ui.form .inline.field > .selection.dropdown > .dropdown.icon {
- float: none;
- }
-
- /*--------------------
- UI Input
- ---------------------*/
-
- /* Block */
-
- .ui.form .field .ui.input,
- .ui.form .fields .field .ui.input,
- .ui.form .wide.field .ui.input {
- width: 100%;
- }
-
- /* Inline */
-
- .ui.form .inline.fields .field:not(.wide) .ui.input,
- .ui.form .inline.field:not(.wide) .ui.input {
- width: auto;
- vertical-align: middle;
- }
-
- /* Auto Input */
-
- .ui.form .fields .field .ui.input input,
- .ui.form .field .ui.input input {
- width: auto;
- }
-
- /* Full Width Input */
-
- .ui.form .ten.fields .ui.input input,
- .ui.form .nine.fields .ui.input input,
- .ui.form .eight.fields .ui.input input,
- .ui.form .seven.fields .ui.input input,
- .ui.form .six.fields .ui.input input,
- .ui.form .five.fields .ui.input input,
- .ui.form .four.fields .ui.input input,
- .ui.form .three.fields .ui.input input,
- .ui.form .two.fields .ui.input input,
- .ui.form .wide.field .ui.input input {
- flex: 1 0 auto;
- width: 0;
- }
-
- /*--------------------
- Types of Messages
- ---------------------*/
-
- .ui.form .error.message,
- .ui.form .error.message:empty {
- display: none;
- }
-
- .ui.form .info.message,
- .ui.form .info.message:empty {
- display: none;
- }
-
- .ui.form .success.message,
- .ui.form .success.message:empty {
- display: none;
- }
-
- .ui.form .warning.message,
- .ui.form .warning.message:empty {
- display: none;
- }
-
- /* Assumptions */
-
- .ui.form .message:first-child {
- margin-top: 0;
- }
-
- /*--------------------
- Validation Prompt
- ---------------------*/
-
- .ui.form .field .prompt.label {
- white-space: normal;
- background: #FFFFFF !important;
- border: 1px solid #E0B4B4 !important;
- color: #9F3A38 !important;
- }
-
- .ui.form .inline.fields .field .prompt,
- .ui.form .inline.field .prompt {
- vertical-align: top;
- margin: -0.25em 0 -0.5em 0.5em;
- }
-
- .ui.form .inline.fields .field .prompt:before,
- .ui.form .inline.field .prompt:before {
- border-width: 0 0 1px 1px;
- bottom: auto;
- right: auto;
- top: 50%;
- left: 0;
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------------
- Autofilled
- ---------------------*/
-
- .ui.form .field.field input:-webkit-autofill {
- box-shadow: 0 0 0 100px #FFFFF0 inset !important;
- border-color: #E5DFA1 !important;
- }
-
- /* Focus */
-
- .ui.form .field.field input:-webkit-autofill:focus {
- box-shadow: 0 0 0 100px #FFFFF0 inset !important;
- border-color: #D5C315 !important;
- }
-
- /*--------------------
- Placeholder
- ---------------------*/
-
- /* browsers require these rules separate */
-
- .ui.form ::-webkit-input-placeholder {
- color: rgba(191, 191, 191, 0.87);
- }
-
- .ui.form :-ms-input-placeholder {
- color: rgba(191, 191, 191, 0.87) !important;
- }
-
- .ui.form ::-moz-placeholder {
- color: rgba(191, 191, 191, 0.87);
- }
-
- .ui.form :focus::-webkit-input-placeholder {
- color: rgba(115, 115, 115, 0.87);
- }
-
- .ui.form :focus:-ms-input-placeholder {
- color: rgba(115, 115, 115, 0.87) !important;
- }
-
- .ui.form :focus::-moz-placeholder {
- color: rgba(115, 115, 115, 0.87);
- }
-
- /*--------------------
- Focus
- ---------------------*/
-
- .ui.form input:not([type]):focus,
- .ui.form input[type="date"]:focus,
- .ui.form input[type="datetime-local"]:focus,
- .ui.form input[type="email"]:focus,
- .ui.form input[type="number"]:focus,
- .ui.form input[type="password"]:focus,
- .ui.form input[type="search"]:focus,
- .ui.form input[type="tel"]:focus,
- .ui.form input[type="time"]:focus,
- .ui.form input[type="text"]:focus,
- .ui.form input[type="file"]:focus,
- .ui.form input[type="url"]:focus {
- color: rgba(0, 0, 0, 0.95);
- border-color: #85B7D9;
- border-radius: 0.28571429rem;
- background: #FFFFFF;
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
- }
-
- .ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="tel"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="file"]:focus,
- .ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .ui.form .ui[class*="left action"].input input:not([type]),
- .ui.form .ui[class*="left action"].input input[type="date"],
- .ui.form .ui[class*="left action"].input input[type="datetime-local"],
- .ui.form .ui[class*="left action"].input input[type="email"],
- .ui.form .ui[class*="left action"].input input[type="number"],
- .ui.form .ui[class*="left action"].input input[type="password"],
- .ui.form .ui[class*="left action"].input input[type="search"],
- .ui.form .ui[class*="left action"].input input[type="tel"],
- .ui.form .ui[class*="left action"].input input[type="time"],
- .ui.form .ui[class*="left action"].input input[type="text"],
- .ui.form .ui[class*="left action"].input input[type="file"],
- .ui.form .ui[class*="left action"].input input[type="url"] {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
-
- .ui.form textarea:focus {
- color: rgba(0, 0, 0, 0.95);
- border-color: #85B7D9;
- border-radius: 0.28571429rem;
- background: #FFFFFF;
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
- -webkit-appearance: none;
- }
-
- /*--------------------
- States
- ---------------------*/
-
- /* On Form */
-
- .ui.form.error .error.message:not(:empty) {
- display: block;
- }
-
- .ui.form.error .compact.error.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form.error .icon.error.message:not(:empty) {
- display: flex;
- }
-
- /* On Field(s) */
-
- .ui.form .fields.error .error.message:not(:empty),
- .ui.form .field.error .error.message:not(:empty) {
- display: block;
- }
-
- .ui.form .fields.error .compact.error.message:not(:empty),
- .ui.form .field.error .compact.error.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form .fields.error .icon.error.message:not(:empty),
- .ui.form .field.error .icon.error.message:not(:empty) {
- display: flex;
- }
-
- .ui.ui.form .fields.error .field label,
- .ui.ui.form .field.error label,
- .ui.ui.form .fields.error .field .input,
- .ui.ui.form .field.error .input {
- color: #9F3A38;
- }
-
- .ui.form .fields.error .field .corner.label,
- .ui.form .field.error .corner.label {
- border-color: #9F3A38;
- color: #FFFFFF;
- }
-
- .ui.form .fields.error .field textarea,
- .ui.form .fields.error .field select,
- .ui.form .fields.error .field input:not([type]),
- .ui.form .fields.error .field input[type="date"],
- .ui.form .fields.error .field input[type="datetime-local"],
- .ui.form .fields.error .field input[type="email"],
- .ui.form .fields.error .field input[type="number"],
- .ui.form .fields.error .field input[type="password"],
- .ui.form .fields.error .field input[type="search"],
- .ui.form .fields.error .field input[type="tel"],
- .ui.form .fields.error .field input[type="time"],
- .ui.form .fields.error .field input[type="text"],
- .ui.form .fields.error .field input[type="file"],
- .ui.form .fields.error .field input[type="url"],
- .ui.form .field.error textarea,
- .ui.form .field.error select,
- .ui.form .field.error input:not([type]),
- .ui.form .field.error input[type="date"],
- .ui.form .field.error input[type="datetime-local"],
- .ui.form .field.error input[type="email"],
- .ui.form .field.error input[type="number"],
- .ui.form .field.error input[type="password"],
- .ui.form .field.error input[type="search"],
- .ui.form .field.error input[type="tel"],
- .ui.form .field.error input[type="time"],
- .ui.form .field.error input[type="text"],
- .ui.form .field.error input[type="file"],
- .ui.form .field.error input[type="url"] {
- color: #9F3A38;
- background: #FFF6F6;
- border-color: #E0B4B4;
- border-radius: '';
- box-shadow: none;
- }
-
- .ui.form .field.error textarea:focus,
- .ui.form .field.error select:focus,
- .ui.form .field.error input:not([type]):focus,
- .ui.form .field.error input[type="date"]:focus,
- .ui.form .field.error input[type="datetime-local"]:focus,
- .ui.form .field.error input[type="email"]:focus,
- .ui.form .field.error input[type="number"]:focus,
- .ui.form .field.error input[type="password"]:focus,
- .ui.form .field.error input[type="search"]:focus,
- .ui.form .field.error input[type="tel"]:focus,
- .ui.form .field.error input[type="time"]:focus,
- .ui.form .field.error input[type="text"]:focus,
- .ui.form .field.error input[type="file"]:focus,
- .ui.form .field.error input[type="url"]:focus {
- background: #FFF6F6;
- border-color: #E0B4B4;
- color: #9F3A38;
- box-shadow: none;
- }
-
- /* Preserve Native Select Stylings */
-
- .ui.form .field.error select {
- -webkit-appearance: menulist-button;
- }
-
- /*------------------
- Input State
- --------------------*/
-
- /* Transparent */
-
- .ui.form .field.error .transparent.input input,
- .ui.form .field.error .transparent.input textarea,
- .ui.form .field.error input.transparent,
- .ui.form .field.error textarea.transparent {
- background-color: #FFF6F6 !important;
- color: #9F3A38 !important;
- }
-
- /* Autofilled */
-
- .ui.form .error.error input:-webkit-autofill {
- box-shadow: 0 0 0 100px #FFFAF0 inset !important;
- border-color: #E0B4B4 !important;
- }
-
- /* Placeholder */
-
- .ui.form .error ::-webkit-input-placeholder {
- color: #e7bdbc;
- }
-
- .ui.form .error :-ms-input-placeholder {
- color: #e7bdbc !important;
- }
-
- .ui.form .error ::-moz-placeholder {
- color: #e7bdbc;
- }
-
- .ui.form .error :focus::-webkit-input-placeholder {
- color: #da9796;
- }
-
- .ui.form .error :focus:-ms-input-placeholder {
- color: #da9796 !important;
- }
-
- .ui.form .error :focus::-moz-placeholder {
- color: #da9796;
- }
-
- /*------------------
- Dropdown State
- --------------------*/
-
- .ui.form .fields.error .field .ui.dropdown,
- .ui.form .fields.error .field .ui.dropdown .item,
- .ui.form .field.error .ui.dropdown,
- .ui.form .field.error .ui.dropdown .text,
- .ui.form .field.error .ui.dropdown .item {
- background: #FFF6F6;
- color: #9F3A38;
- }
-
- .ui.form .fields.error .field .ui.dropdown,
- .ui.form .field.error .ui.dropdown {
- border-color: #E0B4B4 !important;
- }
-
- .ui.form .fields.error .field .ui.dropdown:hover,
- .ui.form .field.error .ui.dropdown:hover {
- border-color: #E0B4B4 !important;
- }
-
- .ui.form .fields.error .field .ui.dropdown:hover .menu,
- .ui.form .field.error .ui.dropdown:hover .menu {
- border-color: #E0B4B4;
- }
-
- .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
- .ui.form .field.error .ui.multiple.selection.dropdown > .label {
- background-color: #EACBCB;
- color: #9F3A38;
- }
-
- /* Hover */
-
- .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
- .ui.form .field.error .ui.dropdown .menu .item:hover {
- background-color: #FBE7E7;
- }
-
- /* Selected */
-
- .ui.form .fields.error .field .ui.dropdown .menu .selected.item,
- .ui.form .field.error .ui.dropdown .menu .selected.item {
- background-color: #FBE7E7;
- }
-
- /* Active */
-
- .ui.form .fields.error .field .ui.dropdown .menu .active.item,
- .ui.form .field.error .ui.dropdown .menu .active.item {
- background-color: #FDCFCF !important;
- }
-
- /*--------------------
- Checkbox State
- ---------------------*/
-
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
- color: #9F3A38;
- }
-
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
- background: #FFF6F6;
- border-color: #E0B4B4;
- }
-
- .ui.form .fields.error .field .checkbox label:after,
- .ui.form .field.error .checkbox label:after,
- .ui.form .fields.error .field .checkbox .box:after,
- .ui.form .field.error .checkbox .box:after {
- color: #9F3A38;
- }
-
- /* On Form */
-
- .ui.form.info .info.message:not(:empty) {
- display: block;
- }
-
- .ui.form.info .compact.info.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form.info .icon.info.message:not(:empty) {
- display: flex;
- }
-
- /* On Field(s) */
-
- .ui.form .fields.info .info.message:not(:empty),
- .ui.form .field.info .info.message:not(:empty) {
- display: block;
- }
-
- .ui.form .fields.info .compact.info.message:not(:empty),
- .ui.form .field.info .compact.info.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form .fields.info .icon.info.message:not(:empty),
- .ui.form .field.info .icon.info.message:not(:empty) {
- display: flex;
- }
-
- .ui.ui.form .fields.info .field label,
- .ui.ui.form .field.info label,
- .ui.ui.form .fields.info .field .input,
- .ui.ui.form .field.info .input {
- color: #276F86;
- }
-
- .ui.form .fields.info .field .corner.label,
- .ui.form .field.info .corner.label {
- border-color: #276F86;
- color: #FFFFFF;
- }
-
- .ui.form .fields.info .field textarea,
- .ui.form .fields.info .field select,
- .ui.form .fields.info .field input:not([type]),
- .ui.form .fields.info .field input[type="date"],
- .ui.form .fields.info .field input[type="datetime-local"],
- .ui.form .fields.info .field input[type="email"],
- .ui.form .fields.info .field input[type="number"],
- .ui.form .fields.info .field input[type="password"],
- .ui.form .fields.info .field input[type="search"],
- .ui.form .fields.info .field input[type="tel"],
- .ui.form .fields.info .field input[type="time"],
- .ui.form .fields.info .field input[type="text"],
- .ui.form .fields.info .field input[type="file"],
- .ui.form .fields.info .field input[type="url"],
- .ui.form .field.info textarea,
- .ui.form .field.info select,
- .ui.form .field.info input:not([type]),
- .ui.form .field.info input[type="date"],
- .ui.form .field.info input[type="datetime-local"],
- .ui.form .field.info input[type="email"],
- .ui.form .field.info input[type="number"],
- .ui.form .field.info input[type="password"],
- .ui.form .field.info input[type="search"],
- .ui.form .field.info input[type="tel"],
- .ui.form .field.info input[type="time"],
- .ui.form .field.info input[type="text"],
- .ui.form .field.info input[type="file"],
- .ui.form .field.info input[type="url"] {
- color: #276F86;
- background: #F8FFFF;
- border-color: #A9D5DE;
- border-radius: '';
- box-shadow: none;
- }
-
- .ui.form .field.info textarea:focus,
- .ui.form .field.info select:focus,
- .ui.form .field.info input:not([type]):focus,
- .ui.form .field.info input[type="date"]:focus,
- .ui.form .field.info input[type="datetime-local"]:focus,
- .ui.form .field.info input[type="email"]:focus,
- .ui.form .field.info input[type="number"]:focus,
- .ui.form .field.info input[type="password"]:focus,
- .ui.form .field.info input[type="search"]:focus,
- .ui.form .field.info input[type="tel"]:focus,
- .ui.form .field.info input[type="time"]:focus,
- .ui.form .field.info input[type="text"]:focus,
- .ui.form .field.info input[type="file"]:focus,
- .ui.form .field.info input[type="url"]:focus {
- background: #F8FFFF;
- border-color: #A9D5DE;
- color: #276F86;
- box-shadow: none;
- }
-
- /* Preserve Native Select Stylings */
-
- .ui.form .field.info select {
- -webkit-appearance: menulist-button;
- }
-
- /*------------------
- Input State
- --------------------*/
-
- /* Transparent */
-
- .ui.form .field.info .transparent.input input,
- .ui.form .field.info .transparent.input textarea,
- .ui.form .field.info input.transparent,
- .ui.form .field.info textarea.transparent {
- background-color: #F8FFFF !important;
- color: #276F86 !important;
- }
-
- /* Autofilled */
-
- .ui.form .info.info input:-webkit-autofill {
- box-shadow: 0 0 0 100px #F0FAFF inset !important;
- border-color: #b3e0e0 !important;
- }
-
- /* Placeholder */
-
- .ui.form .info ::-webkit-input-placeholder {
- color: #98cfe1;
- }
-
- .ui.form .info :-ms-input-placeholder {
- color: #98cfe1 !important;
- }
-
- .ui.form .info ::-moz-placeholder {
- color: #98cfe1;
- }
-
- .ui.form .info :focus::-webkit-input-placeholder {
- color: #70bdd6;
- }
-
- .ui.form .info :focus:-ms-input-placeholder {
- color: #70bdd6 !important;
- }
-
- .ui.form .info :focus::-moz-placeholder {
- color: #70bdd6;
- }
-
- /*------------------
- Dropdown State
- --------------------*/
-
- .ui.form .fields.info .field .ui.dropdown,
- .ui.form .fields.info .field .ui.dropdown .item,
- .ui.form .field.info .ui.dropdown,
- .ui.form .field.info .ui.dropdown .text,
- .ui.form .field.info .ui.dropdown .item {
- background: #F8FFFF;
- color: #276F86;
- }
-
- .ui.form .fields.info .field .ui.dropdown,
- .ui.form .field.info .ui.dropdown {
- border-color: #A9D5DE !important;
- }
-
- .ui.form .fields.info .field .ui.dropdown:hover,
- .ui.form .field.info .ui.dropdown:hover {
- border-color: #A9D5DE !important;
- }
-
- .ui.form .fields.info .field .ui.dropdown:hover .menu,
- .ui.form .field.info .ui.dropdown:hover .menu {
- border-color: #A9D5DE;
- }
-
- .ui.form .fields.info .field .ui.multiple.selection.dropdown > .label,
- .ui.form .field.info .ui.multiple.selection.dropdown > .label {
- background-color: #cce3ea;
- color: #276F86;
- }
-
- /* Hover */
-
- .ui.form .fields.info .field .ui.dropdown .menu .item:hover,
- .ui.form .field.info .ui.dropdown .menu .item:hover {
- background-color: #e9f2fb;
- }
-
- /* Selected */
-
- .ui.form .fields.info .field .ui.dropdown .menu .selected.item,
- .ui.form .field.info .ui.dropdown .menu .selected.item {
- background-color: #e9f2fb;
- }
-
- /* Active */
-
- .ui.form .fields.info .field .ui.dropdown .menu .active.item,
- .ui.form .field.info .ui.dropdown .menu .active.item {
- background-color: #cef1fd !important;
- }
-
- /*--------------------
- Checkbox State
- ---------------------*/
-
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) label,
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box {
- color: #276F86;
- }
-
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before {
- background: #F8FFFF;
- border-color: #A9D5DE;
- }
-
- .ui.form .fields.info .field .checkbox label:after,
- .ui.form .field.info .checkbox label:after,
- .ui.form .fields.info .field .checkbox .box:after,
- .ui.form .field.info .checkbox .box:after {
- color: #276F86;
- }
-
- /* On Form */
-
- .ui.form.success .success.message:not(:empty) {
- display: block;
- }
-
- .ui.form.success .compact.success.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form.success .icon.success.message:not(:empty) {
- display: flex;
- }
-
- /* On Field(s) */
-
- .ui.form .fields.success .success.message:not(:empty),
- .ui.form .field.success .success.message:not(:empty) {
- display: block;
- }
-
- .ui.form .fields.success .compact.success.message:not(:empty),
- .ui.form .field.success .compact.success.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form .fields.success .icon.success.message:not(:empty),
- .ui.form .field.success .icon.success.message:not(:empty) {
- display: flex;
- }
-
- .ui.ui.form .fields.success .field label,
- .ui.ui.form .field.success label,
- .ui.ui.form .fields.success .field .input,
- .ui.ui.form .field.success .input {
- color: #2C662D;
- }
-
- .ui.form .fields.success .field .corner.label,
- .ui.form .field.success .corner.label {
- border-color: #2C662D;
- color: #FFFFFF;
- }
-
- .ui.form .fields.success .field textarea,
- .ui.form .fields.success .field select,
- .ui.form .fields.success .field input:not([type]),
- .ui.form .fields.success .field input[type="date"],
- .ui.form .fields.success .field input[type="datetime-local"],
- .ui.form .fields.success .field input[type="email"],
- .ui.form .fields.success .field input[type="number"],
- .ui.form .fields.success .field input[type="password"],
- .ui.form .fields.success .field input[type="search"],
- .ui.form .fields.success .field input[type="tel"],
- .ui.form .fields.success .field input[type="time"],
- .ui.form .fields.success .field input[type="text"],
- .ui.form .fields.success .field input[type="file"],
- .ui.form .fields.success .field input[type="url"],
- .ui.form .field.success textarea,
- .ui.form .field.success select,
- .ui.form .field.success input:not([type]),
- .ui.form .field.success input[type="date"],
- .ui.form .field.success input[type="datetime-local"],
- .ui.form .field.success input[type="email"],
- .ui.form .field.success input[type="number"],
- .ui.form .field.success input[type="password"],
- .ui.form .field.success input[type="search"],
- .ui.form .field.success input[type="tel"],
- .ui.form .field.success input[type="time"],
- .ui.form .field.success input[type="text"],
- .ui.form .field.success input[type="file"],
- .ui.form .field.success input[type="url"] {
- color: #2C662D;
- background: #FCFFF5;
- border-color: #A3C293;
- border-radius: '';
- box-shadow: none;
- }
-
- .ui.form .field.success textarea:focus,
- .ui.form .field.success select:focus,
- .ui.form .field.success input:not([type]):focus,
- .ui.form .field.success input[type="date"]:focus,
- .ui.form .field.success input[type="datetime-local"]:focus,
- .ui.form .field.success input[type="email"]:focus,
- .ui.form .field.success input[type="number"]:focus,
- .ui.form .field.success input[type="password"]:focus,
- .ui.form .field.success input[type="search"]:focus,
- .ui.form .field.success input[type="tel"]:focus,
- .ui.form .field.success input[type="time"]:focus,
- .ui.form .field.success input[type="text"]:focus,
- .ui.form .field.success input[type="file"]:focus,
- .ui.form .field.success input[type="url"]:focus {
- background: #FCFFF5;
- border-color: #A3C293;
- color: #2C662D;
- box-shadow: none;
- }
-
- /* Preserve Native Select Stylings */
-
- .ui.form .field.success select {
- -webkit-appearance: menulist-button;
- }
-
- /*------------------
- Input State
- --------------------*/
-
- /* Transparent */
-
- .ui.form .field.success .transparent.input input,
- .ui.form .field.success .transparent.input textarea,
- .ui.form .field.success input.transparent,
- .ui.form .field.success textarea.transparent {
- background-color: #FCFFF5 !important;
- color: #2C662D !important;
- }
-
- /* Autofilled */
-
- .ui.form .success.success input:-webkit-autofill {
- box-shadow: 0 0 0 100px #F0FFF0 inset !important;
- border-color: #bee0b3 !important;
- }
-
- /* Placeholder */
-
- .ui.form .success ::-webkit-input-placeholder {
- color: #8fcf90;
- }
-
- .ui.form .success :-ms-input-placeholder {
- color: #8fcf90 !important;
- }
-
- .ui.form .success ::-moz-placeholder {
- color: #8fcf90;
- }
-
- .ui.form .success :focus::-webkit-input-placeholder {
- color: #6cbf6d;
- }
-
- .ui.form .success :focus:-ms-input-placeholder {
- color: #6cbf6d !important;
- }
-
- .ui.form .success :focus::-moz-placeholder {
- color: #6cbf6d;
- }
-
- /*------------------
- Dropdown State
- --------------------*/
-
- .ui.form .fields.success .field .ui.dropdown,
- .ui.form .fields.success .field .ui.dropdown .item,
- .ui.form .field.success .ui.dropdown,
- .ui.form .field.success .ui.dropdown .text,
- .ui.form .field.success .ui.dropdown .item {
- background: #FCFFF5;
- color: #2C662D;
- }
-
- .ui.form .fields.success .field .ui.dropdown,
- .ui.form .field.success .ui.dropdown {
- border-color: #A3C293 !important;
- }
-
- .ui.form .fields.success .field .ui.dropdown:hover,
- .ui.form .field.success .ui.dropdown:hover {
- border-color: #A3C293 !important;
- }
-
- .ui.form .fields.success .field .ui.dropdown:hover .menu,
- .ui.form .field.success .ui.dropdown:hover .menu {
- border-color: #A3C293;
- }
-
- .ui.form .fields.success .field .ui.multiple.selection.dropdown > .label,
- .ui.form .field.success .ui.multiple.selection.dropdown > .label {
- background-color: #cceacc;
- color: #2C662D;
- }
-
- /* Hover */
-
- .ui.form .fields.success .field .ui.dropdown .menu .item:hover,
- .ui.form .field.success .ui.dropdown .menu .item:hover {
- background-color: #e9fbe9;
- }
-
- /* Selected */
-
- .ui.form .fields.success .field .ui.dropdown .menu .selected.item,
- .ui.form .field.success .ui.dropdown .menu .selected.item {
- background-color: #e9fbe9;
- }
-
- /* Active */
-
- .ui.form .fields.success .field .ui.dropdown .menu .active.item,
- .ui.form .field.success .ui.dropdown .menu .active.item {
- background-color: #dafdce !important;
- }
-
- /*--------------------
- Checkbox State
- ---------------------*/
-
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) label,
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box {
- color: #2C662D;
- }
-
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before {
- background: #FCFFF5;
- border-color: #A3C293;
- }
-
- .ui.form .fields.success .field .checkbox label:after,
- .ui.form .field.success .checkbox label:after,
- .ui.form .fields.success .field .checkbox .box:after,
- .ui.form .field.success .checkbox .box:after {
- color: #2C662D;
- }
-
- /* On Form */
-
- .ui.form.warning .warning.message:not(:empty) {
- display: block;
- }
-
- .ui.form.warning .compact.warning.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form.warning .icon.warning.message:not(:empty) {
- display: flex;
- }
-
- /* On Field(s) */
-
- .ui.form .fields.warning .warning.message:not(:empty),
- .ui.form .field.warning .warning.message:not(:empty) {
- display: block;
- }
-
- .ui.form .fields.warning .compact.warning.message:not(:empty),
- .ui.form .field.warning .compact.warning.message:not(:empty) {
- display: inline-block;
- }
-
- .ui.form .fields.warning .icon.warning.message:not(:empty),
- .ui.form .field.warning .icon.warning.message:not(:empty) {
- display: flex;
- }
-
- .ui.ui.form .fields.warning .field label,
- .ui.ui.form .field.warning label,
- .ui.ui.form .fields.warning .field .input,
- .ui.ui.form .field.warning .input {
- color: #573A08;
- }
-
- .ui.form .fields.warning .field .corner.label,
- .ui.form .field.warning .corner.label {
- border-color: #573A08;
- color: #FFFFFF;
- }
-
- .ui.form .fields.warning .field textarea,
- .ui.form .fields.warning .field select,
- .ui.form .fields.warning .field input:not([type]),
- .ui.form .fields.warning .field input[type="date"],
- .ui.form .fields.warning .field input[type="datetime-local"],
- .ui.form .fields.warning .field input[type="email"],
- .ui.form .fields.warning .field input[type="number"],
- .ui.form .fields.warning .field input[type="password"],
- .ui.form .fields.warning .field input[type="search"],
- .ui.form .fields.warning .field input[type="tel"],
- .ui.form .fields.warning .field input[type="time"],
- .ui.form .fields.warning .field input[type="text"],
- .ui.form .fields.warning .field input[type="file"],
- .ui.form .fields.warning .field input[type="url"],
- .ui.form .field.warning textarea,
- .ui.form .field.warning select,
- .ui.form .field.warning input:not([type]),
- .ui.form .field.warning input[type="date"],
- .ui.form .field.warning input[type="datetime-local"],
- .ui.form .field.warning input[type="email"],
- .ui.form .field.warning input[type="number"],
- .ui.form .field.warning input[type="password"],
- .ui.form .field.warning input[type="search"],
- .ui.form .field.warning input[type="tel"],
- .ui.form .field.warning input[type="time"],
- .ui.form .field.warning input[type="text"],
- .ui.form .field.warning input[type="file"],
- .ui.form .field.warning input[type="url"] {
- color: #573A08;
- background: #FFFAF3;
- border-color: #C9BA9B;
- border-radius: '';
- box-shadow: none;
- }
-
- .ui.form .field.warning textarea:focus,
- .ui.form .field.warning select:focus,
- .ui.form .field.warning input:not([type]):focus,
- .ui.form .field.warning input[type="date"]:focus,
- .ui.form .field.warning input[type="datetime-local"]:focus,
- .ui.form .field.warning input[type="email"]:focus,
- .ui.form .field.warning input[type="number"]:focus,
- .ui.form .field.warning input[type="password"]:focus,
- .ui.form .field.warning input[type="search"]:focus,
- .ui.form .field.warning input[type="tel"]:focus,
- .ui.form .field.warning input[type="time"]:focus,
- .ui.form .field.warning input[type="text"]:focus,
- .ui.form .field.warning input[type="file"]:focus,
- .ui.form .field.warning input[type="url"]:focus {
- background: #FFFAF3;
- border-color: #C9BA9B;
- color: #573A08;
- box-shadow: none;
- }
-
- /* Preserve Native Select Stylings */
-
- .ui.form .field.warning select {
- -webkit-appearance: menulist-button;
- }
-
- /*------------------
- Input State
- --------------------*/
-
- /* Transparent */
-
- .ui.form .field.warning .transparent.input input,
- .ui.form .field.warning .transparent.input textarea,
- .ui.form .field.warning input.transparent,
- .ui.form .field.warning textarea.transparent {
- background-color: #FFFAF3 !important;
- color: #573A08 !important;
- }
-
- /* Autofilled */
-
- .ui.form .warning.warning input:-webkit-autofill {
- box-shadow: 0 0 0 100px #FFFFe0 inset !important;
- border-color: #e0e0b3 !important;
- }
-
- /* Placeholder */
-
- .ui.form .warning ::-webkit-input-placeholder {
- color: #edad3e;
- }
-
- .ui.form .warning :-ms-input-placeholder {
- color: #edad3e !important;
- }
-
- .ui.form .warning ::-moz-placeholder {
- color: #edad3e;
- }
-
- .ui.form .warning :focus::-webkit-input-placeholder {
- color: #e39715;
- }
-
- .ui.form .warning :focus:-ms-input-placeholder {
- color: #e39715 !important;
- }
-
- .ui.form .warning :focus::-moz-placeholder {
- color: #e39715;
- }
-
- /*------------------
- Dropdown State
- --------------------*/
-
- .ui.form .fields.warning .field .ui.dropdown,
- .ui.form .fields.warning .field .ui.dropdown .item,
- .ui.form .field.warning .ui.dropdown,
- .ui.form .field.warning .ui.dropdown .text,
- .ui.form .field.warning .ui.dropdown .item {
- background: #FFFAF3;
- color: #573A08;
- }
-
- .ui.form .fields.warning .field .ui.dropdown,
- .ui.form .field.warning .ui.dropdown {
- border-color: #C9BA9B !important;
- }
-
- .ui.form .fields.warning .field .ui.dropdown:hover,
- .ui.form .field.warning .ui.dropdown:hover {
- border-color: #C9BA9B !important;
- }
-
- .ui.form .fields.warning .field .ui.dropdown:hover .menu,
- .ui.form .field.warning .ui.dropdown:hover .menu {
- border-color: #C9BA9B;
- }
-
- .ui.form .fields.warning .field .ui.multiple.selection.dropdown > .label,
- .ui.form .field.warning .ui.multiple.selection.dropdown > .label {
- background-color: #eaeacc;
- color: #573A08;
- }
-
- /* Hover */
-
- .ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
- .ui.form .field.warning .ui.dropdown .menu .item:hover {
- background-color: #fbfbe9;
- }
-
- /* Selected */
-
- .ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
- .ui.form .field.warning .ui.dropdown .menu .selected.item {
- background-color: #fbfbe9;
- }
-
- /* Active */
-
- .ui.form .fields.warning .field .ui.dropdown .menu .active.item,
- .ui.form .field.warning .ui.dropdown .menu .active.item {
- background-color: #fdfdce !important;
- }
-
- /*--------------------
- Checkbox State
- ---------------------*/
-
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box {
- color: #573A08;
- }
-
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before {
- background: #FFFAF3;
- border-color: #C9BA9B;
- }
-
- .ui.form .fields.warning .field .checkbox label:after,
- .ui.form .field.warning .checkbox label:after,
- .ui.form .fields.warning .field .checkbox .box:after,
- .ui.form .field.warning .checkbox .box:after {
- color: #573A08;
- }
-
- /*--------------------
- Disabled
- ---------------------*/
-
- .ui.form .disabled.fields .field,
- .ui.form .disabled.field,
- .ui.form .field :disabled {
- pointer-events: none;
- opacity: var(--opacity-disabled);
- }
-
- .ui.form .field.disabled > label,
- .ui.form .fields.disabled > label {
- opacity: var(--opacity-disabled);
- }
-
- .ui.form .field.disabled :disabled {
- opacity: 1;
- }
-
- /*--------------
- Loading
- ---------------*/
-
- .ui.loading.form {
- position: relative;
- cursor: default;
- pointer-events: none;
- }
-
- .ui.loading.form:before {
- position: absolute;
- content: '';
- top: 0;
- left: 0;
- background: rgba(255, 255, 255, 0.8);
- width: 100%;
- height: 100%;
- z-index: 100;
- }
-
- .ui.loading.form.segments:before {
- border-radius: 0.28571429rem;
- }
-
- .ui.loading.form:after {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -1.5em 0 0 -1.5em;
- width: 3em;
- height: 3em;
- animation: loader 0.6s infinite linear;
- border: 0.2em solid #767676;
- border-radius: 500rem;
- box-shadow: 0 0 0 1px transparent;
- visibility: visible;
- z-index: 101;
- }
-
- /*******************************
- Element Types
- *******************************/
-
- /*--------------------
- Required Field
- ---------------------*/
-
- .ui.form .required.fields:not(.grouped) > .field > label:after,
- .ui.form .required.fields.grouped > label:after,
- .ui.form .required.field > label:after,
- .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
- .ui.form .required.field > .checkbox:after,
- .ui.form label.required:after {
- margin: -0.2em 0 0 0.2em;
- content: '*';
- color: #DB2828;
- }
-
- .ui.form .required.fields:not(.grouped) > .field > label:after,
- .ui.form .required.fields.grouped > label:after,
- .ui.form .required.field > label:after,
- .ui.form label.required:after {
- display: inline-block;
- vertical-align: top;
- }
-
- .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
- .ui.form .required.field > .checkbox:after {
- position: absolute;
- top: 0;
- left: 100%;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*--------------------
- Field Groups
- ---------------------*/
-
- /* Grouped Vertically */
-
- .ui.form .grouped.fields {
- display: block;
- margin: 0 0 1em;
- }
-
- .ui.form .grouped.fields:last-child {
- margin-bottom: 0;
- }
-
- .ui.form .grouped.fields > label {
- margin: 0 0 0.28571429rem 0;
- color: rgba(0, 0, 0, 0.87);
- font-size: 0.92857143em;
- font-weight: 500;
- text-transform: none;
- }
-
- .ui.form .grouped.fields .field,
- .ui.form .grouped.inline.fields .field {
- display: block;
- margin: 0.5em 0;
- padding: 0;
- }
-
- .ui.form .grouped.inline.fields .ui.checkbox {
- margin-bottom: 0.4em;
- }
-
- /*--------------------
- Fields
- ---------------------*/
-
- /* Split fields */
-
- .ui.form .fields {
- display: flex;
- flex-direction: row;
- margin: 0 -0.5em 1em;
- }
-
- .ui.form .fields > .field {
- flex: 0 1 auto;
- padding-left: 0.5em;
- padding-right: 0.5em;
- }
-
- .ui.form .fields > .field:first-child {
- border-left: none;
- box-shadow: none;
- }
-
- /* Other Combinations */
-
- .ui.form .two.fields > .fields,
- .ui.form .two.fields > .field {
- width: 50%;
- }
-
- .ui.form .three.fields > .fields,
- .ui.form .three.fields > .field {
- width: 33.33333333%;
- }
-
- .ui.form .four.fields > .fields,
- .ui.form .four.fields > .field {
- width: 25%;
- }
-
- .ui.form .five.fields > .fields,
- .ui.form .five.fields > .field {
- width: 20%;
- }
-
- .ui.form .six.fields > .fields,
- .ui.form .six.fields > .field {
- width: 16.66666667%;
- }
-
- .ui.form .seven.fields > .fields,
- .ui.form .seven.fields > .field {
- width: 14.28571429%;
- }
-
- .ui.form .eight.fields > .fields,
- .ui.form .eight.fields > .field {
- width: 12.5%;
- }
-
- .ui.form .nine.fields > .fields,
- .ui.form .nine.fields > .field {
- width: 11.11111111%;
- }
-
- .ui.form .ten.fields > .fields,
- .ui.form .ten.fields > .field {
- width: 10%;
- }
-
- /* Swap to full width on mobile */
-
- @media only screen and (max-width: 767.98px) {
- .ui.form .fields {
- flex-wrap: wrap;
- margin-bottom: 0;
- }
-
- .ui.form:not(.unstackable) .fields:not(.unstackable) > .fields,
- .ui.form:not(.unstackable) .fields:not(.unstackable) > .field {
- width: 100%;
- margin: 0 0 1em;
- }
- }
-
- /* Sizing Combinations */
-
- .ui.form .fields .wide.field {
- width: 6.25%;
- padding-left: 0.5em;
- padding-right: 0.5em;
- }
-
- .ui.form .one.wide.field {
- width: 6.25%;
- }
-
- .ui.form .two.wide.field {
- width: 12.5%;
- }
-
- .ui.form .three.wide.field {
- width: 18.75%;
- }
-
- .ui.form .four.wide.field {
- width: 25%;
- }
-
- .ui.form .five.wide.field {
- width: 31.25%;
- }
-
- .ui.form .six.wide.field {
- width: 37.5%;
- }
-
- .ui.form .seven.wide.field {
- width: 43.75%;
- }
-
- .ui.form .eight.wide.field {
- width: 50%;
- }
-
- .ui.form .nine.wide.field {
- width: 56.25%;
- }
-
- .ui.form .ten.wide.field {
- width: 62.5%;
- }
-
- .ui.form .eleven.wide.field {
- width: 68.75%;
- }
-
- .ui.form .twelve.wide.field {
- width: 75%;
- }
-
- .ui.form .thirteen.wide.field {
- width: 81.25%;
- }
-
- .ui.form .fourteen.wide.field {
- width: 87.5%;
- }
-
- .ui.form .fifteen.wide.field {
- width: 93.75%;
- }
-
- .ui.form .sixteen.wide.field {
- width: 100%;
- }
-
- /*--------------------
- Equal Width
- ---------------------*/
-
- .ui[class*="equal width"].form .fields > .field,
- .ui.form [class*="equal width"].fields > .field {
- width: 100%;
- flex: 1 1 auto;
- }
-
- /*--------------------
- Inline Fields
- ---------------------*/
-
- .ui.form .inline.fields {
- margin: 0 0 1em;
- align-items: center;
- }
-
- .ui.form .inline.fields .field {
- margin: 0;
- padding: 0 1em 0 0;
- }
-
- /* Inline Label */
-
- .ui.form .inline.fields > label,
- .ui.form .inline.fields .field > label,
- .ui.form .inline.fields .field > p,
- .ui.form .inline.field > label,
- .ui.form .inline.field > p {
- display: inline-block;
- width: auto;
- margin-top: 0;
- margin-bottom: 0;
- vertical-align: baseline;
- font-size: 0.92857143em;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.87);
- text-transform: none;
- }
-
- /* Grouped Inline Label */
-
- .ui.form .inline.fields > label {
- margin: 0.035714em 1em 0 0;
- }
-
- /* Inline Input */
-
- .ui.form .inline.fields .field > input,
- .ui.form .inline.fields .field > select,
- .ui.form .inline.field > input,
- .ui.form .inline.field > select {
- display: inline-block;
- width: auto;
- margin-top: 0;
- margin-bottom: 0;
- vertical-align: middle;
- font-size: 1em;
- }
-
- .ui.form .inline.fields .field .calendar:not(.popup),
- .ui.form .inline.field .calendar:not(.popup) {
- display: inline-block;
- }
-
- .ui.form .inline.fields .field .calendar:not(.popup) > .input > input,
- .ui.form .inline.field .calendar:not(.popup) > .input > input {
- width: 13.11em;
- }
-
- /* Label */
-
- .ui.form .inline.fields .field > :first-child,
- .ui.form .inline.field > :first-child {
- margin: 0 0.85714286em 0 0;
- }
-
- .ui.form .inline.fields .field > :only-child,
- .ui.form .inline.field > :only-child {
- margin: 0;
- }
-
- /* Wide */
-
- .ui.form .inline.fields .wide.field {
- display: flex;
- align-items: center;
- }
-
- .ui.form .inline.fields .wide.field > input,
- .ui.form .inline.fields .wide.field > select {
- width: 100%;
- }
-
- /*--------------------
- Sizes
- ---------------------*/
-
- .ui.form,
- .ui.form .field .dropdown,
- .ui.form .field .dropdown .menu > .item {
- font-size: 1rem;
- }
-
- .ui.mini.form,
- .ui.mini.form .field .dropdown,
- .ui.mini.form .field .dropdown .menu > .item {
- font-size: 0.78571429rem;
- }
-
- .ui.tiny.form,
- .ui.tiny.form .field .dropdown,
- .ui.tiny.form .field .dropdown .menu > .item {
- font-size: 0.85714286rem;
- }
-
- .ui.small.form,
- .ui.small.form .field .dropdown,
- .ui.small.form .field .dropdown .menu > .item {
- font-size: 0.92857143rem;
- }
-
- .ui.large.form,
- .ui.large.form .field .dropdown,
- .ui.large.form .field .dropdown .menu > .item {
- font-size: 1.14285714rem;
- }
-
- .ui.big.form,
- .ui.big.form .field .dropdown,
- .ui.big.form .field .dropdown .menu > .item {
- font-size: 1.28571429rem;
- }
-
- .ui.huge.form,
- .ui.huge.form .field .dropdown,
- .ui.huge.form .field .dropdown .menu > .item {
- font-size: 1.42857143rem;
- }
-
- .ui.massive.form,
- .ui.massive.form .field .dropdown,
- .ui.massive.form .field .dropdown .menu > .item {
- font-size: 1.71428571rem;
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- Site Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Input
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Standard
- *******************************/
-
- /*--------------------
- Inputs
- ---------------------*/
-
- .ui.input {
- position: relative;
- font-weight: normal;
- font-style: normal;
- display: inline-flex;
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.input > input {
- margin: 0;
- max-width: 100%;
- flex: 1 0 auto;
- outline: none;
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
- text-align: left;
- line-height: 1.21428571em;
- font-family: var(--fonts-regular);
- padding: 0.67857143em 1em;
- background: #FFFFFF;
- border: 1px solid rgba(34, 36, 38, 0.15);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0.28571429rem;
- transition: box-shadow 0.1s ease, border-color 0.1s ease;
- box-shadow: none;
- }
-
- /*--------------------
- Placeholder
- ---------------------*/
-
- /* browsers require these rules separate */
-
- .ui.input > input::-webkit-input-placeholder {
- color: rgba(191, 191, 191, 0.87);
- }
-
- .ui.input > input::-moz-placeholder {
- color: rgba(191, 191, 191, 0.87);
- }
-
- .ui.input > input:-ms-input-placeholder {
- color: rgba(191, 191, 191, 0.87);
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------------
- Disabled
- ---------------------*/
-
- .ui.disabled.input,
- .ui.input:not(.disabled) input[disabled] {
- opacity: var(--opacity-disabled);
- }
-
- .ui.disabled.input > input,
- .ui.input:not(.disabled) input[disabled] {
- pointer-events: none;
- }
-
- /*--------------------
- Active
- ---------------------*/
-
- .ui.input > input:active,
- .ui.input.down input {
- border-color: rgba(0, 0, 0, 0.3);
- background: #FAFAFA;
- color: rgba(0, 0, 0, 0.87);
- box-shadow: none;
- }
-
- /*--------------------
- Loading
- ---------------------*/
-
- .ui.loading.loading.input > i.icon:before {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- border-radius: 500rem;
- border: 0.2em solid rgba(0, 0, 0, 0.1);
- }
-
- .ui.loading.loading.input > i.icon:after {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- animation: loader 0.6s infinite linear;
- border: 0.2em solid #767676;
- border-radius: 500rem;
- box-shadow: 0 0 0 1px transparent;
- }
-
- /*--------------------
- Focus
- ---------------------*/
-
- .ui.input.focus > input,
- .ui.input > input:focus {
- border-color: #85B7D9;
- background: #FFFFFF;
- color: rgba(0, 0, 0, 0.8);
- box-shadow: none;
- }
-
- .ui.input.focus > input::-webkit-input-placeholder,
- .ui.input > input:focus::-webkit-input-placeholder {
- color: rgba(115, 115, 115, 0.87);
- }
-
- .ui.input.focus > input::-moz-placeholder,
- .ui.input > input:focus::-moz-placeholder {
- color: rgba(115, 115, 115, 0.87);
- }
-
- .ui.input.focus > input:-ms-input-placeholder,
- .ui.input > input:focus:-ms-input-placeholder {
- color: rgba(115, 115, 115, 0.87);
- }
-
- /*--------------------
- States
- ---------------------*/
-
- .ui.input.error > input {
- background-color: #FFF6F6;
- border-color: #E0B4B4;
- color: #9F3A38;
- box-shadow: none;
- }
-
- /* Placeholder */
-
- .ui.input.error > input::-webkit-input-placeholder {
- color: #e7bdbc;
- }
-
- .ui.input.error > input::-moz-placeholder {
- color: #e7bdbc;
- }
-
- .ui.input.error > input:-ms-input-placeholder {
- color: #e7bdbc !important;
- }
-
- /* Focused Placeholder */
-
- .ui.input.error > input:focus::-webkit-input-placeholder {
- color: #da9796;
- }
-
- .ui.input.error > input:focus::-moz-placeholder {
- color: #da9796;
- }
-
- .ui.input.error > input:focus:-ms-input-placeholder {
- color: #da9796 !important;
- }
-
- .ui.input.info > input {
- background-color: #F8FFFF;
- border-color: #A9D5DE;
- color: #276F86;
- box-shadow: none;
- }
-
- /* Placeholder */
-
- .ui.input.info > input::-webkit-input-placeholder {
- color: #98cfe1;
- }
-
- .ui.input.info > input::-moz-placeholder {
- color: #98cfe1;
- }
-
- .ui.input.info > input:-ms-input-placeholder {
- color: #98cfe1 !important;
- }
-
- /* Focused Placeholder */
-
- .ui.input.info > input:focus::-webkit-input-placeholder {
- color: #70bdd6;
- }
-
- .ui.input.info > input:focus::-moz-placeholder {
- color: #70bdd6;
- }
-
- .ui.input.info > input:focus:-ms-input-placeholder {
- color: #70bdd6 !important;
- }
-
- .ui.input.success > input {
- background-color: #FCFFF5;
- border-color: #A3C293;
- color: #2C662D;
- box-shadow: none;
- }
-
- /* Placeholder */
-
- .ui.input.success > input::-webkit-input-placeholder {
- color: #8fcf90;
- }
-
- .ui.input.success > input::-moz-placeholder {
- color: #8fcf90;
- }
-
- .ui.input.success > input:-ms-input-placeholder {
- color: #8fcf90 !important;
- }
-
- /* Focused Placeholder */
-
- .ui.input.success > input:focus::-webkit-input-placeholder {
- color: #6cbf6d;
- }
-
- .ui.input.success > input:focus::-moz-placeholder {
- color: #6cbf6d;
- }
-
- .ui.input.success > input:focus:-ms-input-placeholder {
- color: #6cbf6d !important;
- }
-
- .ui.input.warning > input {
- background-color: #FFFAF3;
- border-color: #C9BA9B;
- color: #573A08;
- box-shadow: none;
- }
-
- /* Placeholder */
-
- .ui.input.warning > input::-webkit-input-placeholder {
- color: #edad3e;
- }
-
- .ui.input.warning > input::-moz-placeholder {
- color: #edad3e;
- }
-
- .ui.input.warning > input:-ms-input-placeholder {
- color: #edad3e !important;
- }
-
- /* Focused Placeholder */
-
- .ui.input.warning > input:focus::-webkit-input-placeholder {
- color: #e39715;
- }
-
- .ui.input.warning > input:focus::-moz-placeholder {
- color: #e39715;
- }
-
- .ui.input.warning > input:focus:-ms-input-placeholder {
- color: #e39715 !important;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*--------------------
- Transparent
- ---------------------*/
-
- .ui.transparent.input > textarea,
- .ui.transparent.input > input {
- border-color: transparent !important;
- background-color: transparent !important;
- padding: 0;
- box-shadow: none !important;
- border-radius: 0 !important;
- }
-
- .field .ui.transparent.input > textarea {
- padding: 0.67857143em 1em;
- }
-
- /* Transparent Icon */
-
- :not(.field) > .ui.transparent.icon.input > i.icon {
- width: 1.1em;
- }
-
- :not(.field) > .ui.ui.ui.transparent.icon.input > input {
- padding-left: 0;
- padding-right: 2em;
- }
-
- :not(.field) > .ui.ui.ui.transparent[class*="left icon"].input > input {
- padding-left: 2em;
- padding-right: 0;
- }
-
- /*--------------------
- Icon
- ---------------------*/
-
- .ui.icon.input > i.icon {
- cursor: default;
- position: absolute;
- line-height: 1;
- text-align: center;
- top: 0;
- right: 0;
- margin: 0;
- height: 100%;
- width: 2.67142857em;
- opacity: 0.5;
- border-radius: 0 0.28571429rem 0.28571429rem 0;
- transition: opacity 0.3s ease;
- }
-
- .ui.icon.input > i.icon:not(.link) {
- pointer-events: none;
- }
-
- .ui.ui.ui.ui.icon.input > textarea,
- .ui.ui.ui.ui.icon.input > input {
- padding-right: 2.67142857em;
- }
-
- .ui.icon.input > i.icon:before,
- .ui.icon.input > i.icon:after {
- left: 0;
- position: absolute;
- text-align: center;
- top: 50%;
- width: 100%;
- margin-top: -0.5em;
- }
-
- .ui.icon.input > i.link.icon {
- cursor: pointer;
- }
-
- .ui.icon.input > i.circular.icon {
- top: 0.35em;
- right: 0.5em;
- }
-
- /* Left Icon Input */
-
- .ui[class*="left icon"].input > i.icon {
- right: auto;
- left: 1px;
- border-radius: 0.28571429rem 0 0 0.28571429rem;
- }
-
- .ui[class*="left icon"].input > i.circular.icon {
- right: auto;
- left: 0.5em;
- }
-
- .ui.ui.ui.ui[class*="left icon"].input > textarea,
- .ui.ui.ui.ui[class*="left icon"].input > input {
- padding-left: 2.67142857em;
- padding-right: 1em;
- }
-
- /* Focus */
-
- .ui.icon.input > textarea:focus ~ i.icon,
- .ui.icon.input > input:focus ~ i.icon {
- opacity: 1;
- }
-
- /*--------------------
- Labeled
- ---------------------*/
-
- /* Adjacent Label */
-
- .ui.labeled.input > .label {
- flex: 0 0 auto;
- margin: 0;
- font-size: 1em;
- }
-
- .ui.labeled.input > .label:not(.corner) {
- padding-top: 0.78571429em;
- padding-bottom: 0.78571429em;
- }
-
- /* Regular Label on Left */
-
- .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-left-color: transparent;
- }
-
- .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
- border-left-color: #85B7D9;
- }
-
- /* Regular Label on Right */
-
- .ui[class*="right labeled"].input > input {
- border-top-right-radius: 0 !important;
- border-bottom-right-radius: 0 !important;
- border-right-color: transparent !important;
- }
-
- .ui[class*="right labeled"].input > input + .label {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .ui[class*="right labeled"].input > input:focus {
- border-right-color: #85B7D9 !important;
- }
-
- /* Corner Label */
-
- .ui.labeled.input .corner.label {
- top: 1px;
- right: 1px;
- font-size: 0.64285714em;
- border-radius: 0 0.28571429rem 0 0;
- }
-
- /* Spacing with corner label */
-
- .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > textarea,
- .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
- padding-right: 2.5em !important;
- }
-
- .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea,
- .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
- padding-right: 3.25em !important;
- }
-
- .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
- margin-right: 1.25em;
- }
-
- /* Left Labeled */
-
- .ui[class*="left corner labeled"].labeled.input > textarea,
- .ui[class*="left corner labeled"].labeled.input > input {
- padding-left: 2.5em !important;
- }
-
- .ui[class*="left corner labeled"].icon.input > textarea,
- .ui[class*="left corner labeled"].icon.input > input {
- padding-left: 3.25em !important;
- }
-
- .ui[class*="left corner labeled"].icon.input > i.icon {
- margin-left: 1.25em;
- }
-
- .ui.icon.input > textarea ~ i.icon {
- height: 3em;
- }
-
- :not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
- height: 1.3em;
- }
-
- /* Corner Label Position */
-
- .ui.input > .ui.corner.label {
- top: 1px;
- right: 1px;
- }
-
- .ui.input > .ui.left.corner.label {
- right: auto;
- left: 1px;
- }
-
- /* Labeled and action input states */
-
- .ui.form .field.error > .ui.action.input > .ui.button,
- .ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
- .ui.action.input.error > .ui.button,
- .ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
- border-top: 1px solid #E0B4B4;
- border-bottom: 1px solid #E0B4B4;
- }
-
- .ui.form .field.error > .ui[class*="left action"].input > .ui.button,
- .ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
- .ui[class*="left action"].input.error > .ui.button,
- .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
- border-left: 1px solid #E0B4B4;
- }
-
- .ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
- .ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
- .ui.action.input.error:not([class*="left action"]) > input + .ui.button,
- .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
- border-right: 1px solid #E0B4B4;
- }
-
- .ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
- .ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
- border-left: 1px solid #E0B4B4;
- }
-
- .ui.form .field.info > .ui.action.input > .ui.button,
- .ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
- .ui.action.input.info > .ui.button,
- .ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
- border-top: 1px solid #A9D5DE;
- border-bottom: 1px solid #A9D5DE;
- }
-
- .ui.form .field.info > .ui[class*="left action"].input > .ui.button,
- .ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
- .ui[class*="left action"].input.info > .ui.button,
- .ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
- border-left: 1px solid #A9D5DE;
- }
-
- .ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
- .ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
- .ui.action.input.info:not([class*="left action"]) > input + .ui.button,
- .ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
- border-right: 1px solid #A9D5DE;
- }
-
- .ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
- .ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
- border-left: 1px solid #A9D5DE;
- }
-
- .ui.form .field.success > .ui.action.input > .ui.button,
- .ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
- .ui.action.input.success > .ui.button,
- .ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
- border-top: 1px solid #A3C293;
- border-bottom: 1px solid #A3C293;
- }
-
- .ui.form .field.success > .ui[class*="left action"].input > .ui.button,
- .ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
- .ui[class*="left action"].input.success > .ui.button,
- .ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
- border-left: 1px solid #A3C293;
- }
-
- .ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
- .ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
- .ui.action.input.success:not([class*="left action"]) > input + .ui.button,
- .ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
- border-right: 1px solid #A3C293;
- }
-
- .ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
- .ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
- border-left: 1px solid #A3C293;
- }
-
- .ui.form .field.warning > .ui.action.input > .ui.button,
- .ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
- .ui.action.input.warning > .ui.button,
- .ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
- border-top: 1px solid #C9BA9B;
- border-bottom: 1px solid #C9BA9B;
- }
-
- .ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
- .ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
- .ui[class*="left action"].input.warning > .ui.button,
- .ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
- border-left: 1px solid #C9BA9B;
- }
-
- .ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
- .ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
- .ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
- .ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
- border-right: 1px solid #C9BA9B;
- }
-
- .ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
- .ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
- border-left: 1px solid #C9BA9B;
- }
-
- /*--------------------
- Action
- ---------------------*/
-
- .ui.action.input > .button,
- .ui.action.input > .buttons {
- display: flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .ui.action.input > .button,
- .ui.action.input > .buttons > .button {
- padding-top: 0.78571429em;
- padding-bottom: 0.78571429em;
- margin: 0;
- }
-
- /* Input when ui Left*/
-
- .ui[class*="left action"].input > input {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-left-color: transparent;
- }
-
- /* Input when ui Right*/
-
- .ui.action.input:not([class*="left action"]) > input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right-color: transparent;
- }
-
- /* Button and Dropdown */
-
- .ui.action.input > .dropdown:first-child,
- .ui.action.input > .button:first-child,
- .ui.action.input > .buttons:first-child > .button {
- border-radius: 0.28571429rem 0 0 0.28571429rem;
- }
-
- .ui.action.input > .dropdown:not(:first-child),
- .ui.action.input > .button:not(:first-child),
- .ui.action.input > .buttons:not(:first-child) > .button {
- border-radius: 0;
- }
-
- .ui.action.input > .dropdown:last-child,
- .ui.action.input > .button:last-child,
- .ui.action.input > .buttons:last-child > .button {
- border-radius: 0 0.28571429rem 0.28571429rem 0;
- }
-
- /* Input Focus */
-
- .ui.action.input:not([class*="left action"]) > input:focus {
- border-right-color: #85B7D9;
- }
-
- .ui.ui[class*="left action"].input > input:focus {
- border-left-color: #85B7D9;
- }
-
- /*--------------------
- Fluid
- ---------------------*/
-
- .ui.fluid.input {
- display: flex;
- }
-
- .ui.fluid.input > input {
- width: 0 !important;
- }
-
- /*--------------------
- Size
- ---------------------*/
-
- .ui.input {
- font-size: 1em;
- }
-
- .ui.mini.input {
- font-size: 0.78571429em;
- }
-
- .ui.tiny.input {
- font-size: 0.85714286em;
- }
-
- .ui.small.input {
- font-size: 0.92857143em;
- }
-
- .ui.large.input {
- font-size: 1.14285714em;
- }
-
- .ui.big.input {
- font-size: 1.28571429em;
- }
-
- .ui.huge.input {
- font-size: 1.42857143em;
- }
-
- .ui.massive.input {
- font-size: 1.71428571em;
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- Site Overrides
- *******************************/
- /*!
- * # Fomantic-UI - List
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- List
- *******************************/
-
- ul.ui.list,
- ol.ui.list,
- .ui.list {
- list-style-type: none;
- margin: 1em 0;
- padding: 0 0;
- }
-
- ul.ui.list:first-child,
- ol.ui.list:first-child,
- .ui.list:first-child {
- margin-top: 0;
- padding-top: 0;
- }
-
- ul.ui.list:last-child,
- ol.ui.list:last-child,
- .ui.list:last-child {
- margin-bottom: 0;
- padding-bottom: 0;
- }
-
- /*******************************
- Content
- *******************************/
-
- /* List Item */
-
- ul.ui.list li,
- ol.ui.list li,
- .ui.list > .item,
- .ui.list .list > .item {
- display: list-item;
- table-layout: fixed;
- list-style-type: none;
- list-style-position: outside;
- padding: 0.21428571em 0;
- line-height: 1.14285714em;
- }
-
- ul.ui.list > li:first-child:after,
- ol.ui.list > li:first-child:after,
- .ui.list > .list > .item:after,
- .ui.list > .item:after {
- content: '';
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
-
- ul.ui.list li:first-child,
- ol.ui.list li:first-child,
- .ui.list .list > .item:first-child,
- .ui.list > .item:first-child {
- padding-top: 0;
- }
-
- ul.ui.list li:last-child,
- ol.ui.list li:last-child,
- .ui.list .list > .item:last-child,
- .ui.list > .item:last-child {
- padding-bottom: 0;
- }
-
- /* Child List */
-
- ul.ui.list ul,
- ol.ui.list ol,
- .ui.list .list:not(.icon) {
- clear: both;
- margin: 0;
- padding: 0.75em 0 0.25em 0.5em;
- }
-
- /* Child Item */
-
- ul.ui.list ul li,
- ol.ui.list ol li,
- .ui.list .list > .item {
- padding: 0.14285714em 0;
- line-height: inherit;
- }
-
- /* Icon */
-
- .ui.list .list > .item > i.icon,
- .ui.list > .item > i.icon {
- display: table-cell;
- min-width: 1.55em;
- margin: 0;
- padding-top: 0;
- transition: color 0.1s ease;
- }
-
- .ui.list .list > .item > i.icon:not(.loading),
- .ui.list > .item > i.icon:not(.loading) {
- padding-right: 0.28571429em;
- vertical-align: top;
- }
-
- .ui.list .list > .item > i.icon:only-child,
- .ui.list > .item > i.icon:only-child {
- display: inline-block;
- min-width: auto;
- vertical-align: top;
- }
-
- /* Image */
-
- .ui.list .list > .item > .image,
- .ui.list > .item > .image {
- display: table-cell;
- background-color: transparent;
- margin: 0;
- vertical-align: top;
- }
-
- .ui.list .list > .item > .image:not(:only-child):not(img),
- .ui.list > .item > .image:not(:only-child):not(img) {
- padding-right: 0.5em;
- }
-
- .ui.list .list > .item > .image img,
- .ui.list > .item > .image img {
- vertical-align: top;
- }
-
- .ui.list .list > .item > img.image,
- .ui.list .list > .item > .image:only-child,
- .ui.list > .item > img.image,
- .ui.list > .item > .image:only-child {
- display: inline-block;
- }
-
- /* Content */
-
- .ui.list .list > .item > .content,
- .ui.list > .item > .content {
- line-height: 1.14285714em;
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.list .list > .item > .image + .content,
- .ui.list .list > .item > i.icon + .content,
- .ui.list > .item > .image + .content,
- .ui.list > .item > i.icon + .content {
- display: table-cell;
- width: 100%;
- padding: 0 0 0 0.5em;
- vertical-align: top;
- }
-
- .ui.list .list > .item > i.loading.icon + .content,
- .ui.list > .item > i.loading.icon + .content {
- padding-left: calc(0.2857142857142857em + 0.5em);
- }
-
- .ui.list .list > .item > img.image + .content,
- .ui.list > .item > img.image + .content {
- display: inline-block;
- width: auto;
- }
-
- .ui.list .list > .item > .content > .list,
- .ui.list > .item > .content > .list {
- margin-left: 0;
- padding-left: 0;
- }
-
- /* Header */
-
- .ui.list .list > .item .header,
- .ui.list > .item .header {
- display: block;
- margin: 0;
- font-family: var(--fonts-regular);
- font-weight: 500;
- color: rgba(0, 0, 0, 0.87);
- }
-
- /* Description */
-
- .ui.list .list > .item .description,
- .ui.list > .item .description {
- display: block;
- color: rgba(0, 0, 0, 0.7);
- }
-
- /* Child Link */
-
- .ui.list > .item a,
- .ui.list .list > .item a {
- cursor: pointer;
- }
-
- /* Linking Item */
-
- .ui.list .list > a.item,
- .ui.list > a.item {
- cursor: pointer;
- color: #4183C4;
- }
-
- .ui.list .list > a.item:hover,
- .ui.list > a.item:hover {
- color: #1e70bf;
- }
-
- /* Linked Item Icons */
-
- .ui.list .list > a.item > i.icons,
- .ui.list > a.item > i.icons,
- .ui.list .list > a.item > i.icon,
- .ui.list > a.item > i.icon {
- color: rgba(0, 0, 0, 0.4);
- }
-
- /* Header Link */
-
- .ui.list .list > .item a.header,
- .ui.list > .item a.header {
- cursor: pointer;
- color: #4183C4 !important;
- }
-
- .ui.list .list > .item > a.header:hover,
- .ui.list > .item > a.header:hover {
- color: #1e70bf !important;
- }
-
- /* Floated Content */
-
- .ui[class*="left floated"].list {
- float: left;
- }
-
- .ui[class*="right floated"].list {
- float: right;
- }
-
- .ui.list .list > .item [class*="left floated"],
- .ui.list > .item [class*="left floated"] {
- float: left;
- margin: 0 1em 0 0;
- }
-
- .ui.list .list > .item [class*="right floated"],
- .ui.list > .item [class*="right floated"] {
- float: right;
- margin: 0 0 0 1em;
- }
-
- /*******************************
- Coupling
- *******************************/
-
- .ui.menu .ui.list > .item,
- .ui.menu .ui.list .list > .item {
- display: list-item;
- table-layout: fixed;
- background-color: transparent;
- list-style-type: none;
- list-style-position: outside;
- padding: 0.21428571em 0;
- line-height: 1.14285714em;
- }
-
- .ui.menu .ui.list .list > .item:before,
- .ui.menu .ui.list > .item:before {
- border: none;
- background: none;
- }
-
- .ui.menu .ui.list .list > .item:first-child,
- .ui.menu .ui.list > .item:first-child {
- padding-top: 0;
- }
-
- .ui.menu .ui.list .list > .item:last-child,
- .ui.menu .ui.list > .item:last-child {
- padding-bottom: 0;
- }
-
- /*******************************
- Types
- *******************************/
-
- /*-------------------
- Horizontal
- --------------------*/
-
- .ui.horizontal.list {
- display: inline-block;
- font-size: 0;
- }
-
- .ui.horizontal.list > .item {
- display: inline-block;
- margin-right: 1em;
- font-size: 1rem;
- }
-
- .ui.horizontal.list:not(.celled) > .item:last-child {
- margin-right: 0;
- padding-right: 0;
- }
-
- .ui.horizontal.list .list:not(.icon) {
- padding-left: 0;
- padding-bottom: 0;
- }
-
- .ui.horizontal.list > .item > .image,
- .ui.horizontal.list .list > .item > .image,
- .ui.horizontal.list > .item > i.icon,
- .ui.horizontal.list .list > .item > i.icon,
- .ui.horizontal.list > .item > .content,
- .ui.horizontal.list .list > .item > .content {
- vertical-align: middle;
- }
-
- /* Padding on all elements */
-
- .ui.horizontal.list > .item:first-child,
- .ui.horizontal.list > .item:last-child {
- padding-top: 0.21428571em;
- padding-bottom: 0.21428571em;
- }
-
- /* Horizontal List */
-
- .ui.horizontal.list > .item > i.icon,
- .ui.horizontal.list .item > i.icons > i.icon {
- margin: 0;
- padding: 0 0.25em 0 0;
- }
-
- .ui.horizontal.list > .item > .image + .content,
- .ui.horizontal.list > .item > i.icon,
- .ui.horizontal.list > .item > i.icon + .content {
- float: none;
- display: inline-block;
- width: auto;
- }
-
- .ui.horizontal.list > .item > .image {
- display: inline-block;
- }
-
- /*******************************
- States
- *******************************/
-
- /*-------------------
- Disabled
- --------------------*/
-
- .ui.list .list > .disabled.item,
- .ui.list > .disabled.item {
- pointer-events: none;
- color: rgba(40, 40, 40, 0.3) !important;
- }
-
- /*-------------------
- Hover
- --------------------*/
-
- .ui.list .list > a.item:hover > .icons,
- .ui.list > a.item:hover > .icons,
- .ui.list .list > a.item:hover > i.icon,
- .ui.list > a.item:hover > i.icon {
- color: rgba(0, 0, 0, 0.87);
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*-------------------
- Aligned
- --------------------*/
-
- .ui.list[class*="top aligned"] .image,
- .ui.list[class*="top aligned"] .content,
- .ui.list [class*="top aligned"] {
- vertical-align: top !important;
- }
-
- .ui.list[class*="middle aligned"] .image,
- .ui.list[class*="middle aligned"] .content,
- .ui.list [class*="middle aligned"] {
- vertical-align: middle !important;
- }
-
- .ui.list[class*="bottom aligned"] .image,
- .ui.list[class*="bottom aligned"] .content,
- .ui.list [class*="bottom aligned"] {
- vertical-align: bottom !important;
- }
-
- /*-------------------
- Link
- --------------------*/
-
- .ui.link.list .item,
- .ui.link.list a.item,
- .ui.link.list .item a:not(.ui) {
- color: rgba(0, 0, 0, 0.4);
- transition: 0.1s color ease;
- }
-
- .ui.link.list.list a.item:hover,
- .ui.link.list.list .item a:not(.ui):hover {
- color: rgba(0, 0, 0, 0.8);
- }
-
- .ui.link.list.list a.item:active,
- .ui.link.list.list .item a:not(.ui):active {
- color: rgba(0, 0, 0, 0.9);
- }
-
- .ui.link.list.list .active.item,
- .ui.link.list.list .active.item a:not(.ui) {
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*-------------------
- Selection
- --------------------*/
-
- .ui.selection.list .list > .item,
- .ui.selection.list > .item {
- cursor: pointer;
- background: transparent;
- padding: 0.5em 0.5em;
- margin: 0;
- color: rgba(0, 0, 0, 0.4);
- border-radius: 0.5em;
- transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
- }
-
- .ui.selection.list .list > .item:last-child,
- .ui.selection.list > .item:last-child {
- margin-bottom: 0;
- }
-
- .ui.selection.list .list > .item:hover,
- .ui.selection.list > .item:hover {
- background: rgba(0, 0, 0, 0.03);
- color: rgba(0, 0, 0, 0.8);
- }
-
- .ui.selection.list .list > .item:active,
- .ui.selection.list > .item:active {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.9);
- }
-
- .ui.selection.list .list > .item.active,
- .ui.selection.list > .item.active {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Celled / Divided Selection List */
-
- .ui.celled.selection.list .list > .item,
- .ui.divided.selection.list .list > .item,
- .ui.celled.selection.list > .item,
- .ui.divided.selection.list > .item {
- border-radius: 0;
- }
-
- /*-------------------
- Animated
- --------------------*/
-
- .ui.animated.list > .item {
- transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
- }
-
- .ui.animated.list:not(.horizontal) > .item:hover {
- padding-left: 1em;
- }
-
- /*-------------------
- Fitted
- --------------------*/
-
- .ui.fitted.list:not(.selection) .list > .item,
- .ui.fitted.list:not(.selection) > .item {
- padding-left: 0;
- padding-right: 0;
- }
-
- .ui.fitted.selection.list .list > .item,
- .ui.fitted.selection.list > .item {
- margin-left: -0.5em;
- margin-right: -0.5em;
- }
-
- /*-------------------
- Bulleted
- --------------------*/
-
- ul.ui.list,
- .ui.bulleted.list {
- margin-left: 1.25rem;
- }
-
- ul.ui.list li,
- .ui.bulleted.list .list > .item,
- .ui.bulleted.list > .item {
- position: relative;
- }
-
- ul.ui.list li:before,
- .ui.bulleted.list .list > .item:before,
- .ui.bulleted.list > .item:before {
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- pointer-events: none;
- position: absolute;
- top: auto;
- left: auto;
- font-weight: normal;
- margin-left: -1.25rem;
- content: '\2022';
- opacity: 1;
- color: inherit;
- vertical-align: top;
- }
-
- ul.ui.list li:before,
- .ui.bulleted.list .list > a.item:before,
- .ui.bulleted.list > a.item:before {
- color: rgba(0, 0, 0, 0.87);
- }
-
- ul.ui.list ul,
- .ui.bulleted.list .list:not(.icon) {
- padding-left: 1.25rem;
- }
-
- /* Horizontal Bulleted */
-
- ul.ui.horizontal.bulleted.list,
- .ui.horizontal.bulleted.list {
- margin-left: 0;
- }
-
- ul.ui.horizontal.bulleted.list li,
- .ui.horizontal.bulleted.list > .item {
- margin-left: 1.75rem;
- }
-
- ul.ui.horizontal.bulleted.list li:first-child,
- .ui.horizontal.bulleted.list > .item:first-child {
- margin-left: 0;
- }
-
- ul.ui.horizontal.bulleted.list li::before,
- .ui.horizontal.bulleted.list > .item::before {
- color: rgba(0, 0, 0, 0.87);
- }
-
- ul.ui.horizontal.bulleted.list li:first-child::before,
- .ui.horizontal.bulleted.list > .item:first-child::before {
- display: none;
- }
-
- /*-------------------
- Ordered
- --------------------*/
-
- ol.ui.list,
- .ui.ordered.list,
- .ui.ordered.list .list:not(.icon),
- ol.ui.list ol {
- counter-reset: ordered;
- margin-left: 1.25rem;
- list-style-type: none;
- }
-
- ol.ui.list li,
- .ui.ordered.list .list > .item,
- .ui.ordered.list > .item {
- list-style-type: none;
- position: relative;
- }
-
- ol.ui.list li:before,
- .ui.ordered.list .list > .item:before,
- .ui.ordered.list > .item:before {
- position: absolute;
- top: auto;
- left: auto;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- pointer-events: none;
- margin-left: -1.25rem;
- counter-increment: ordered;
- content: counters(ordered, ".") " ";
- text-align: right;
- color: rgba(0, 0, 0, 0.87);
- vertical-align: middle;
- opacity: 0.8;
- }
-
- /* Value */
-
- .ui.ordered.list .list > .item[data-value]:before,
- .ui.ordered.list > .item[data-value]:before {
- content: attr(data-value);
- }
-
- ol.ui.list li[value]:before {
- content: attr(value);
- }
-
- /* Child Lists */
-
- ol.ui.list ol,
- .ui.ordered.list .list:not(.icon) {
- margin-left: 1em;
- }
-
- ol.ui.list ol li:before,
- .ui.ordered.list .list > .item:before {
- margin-left: -2em;
- }
-
- /* Horizontal Ordered */
-
- ol.ui.horizontal.list,
- .ui.ordered.horizontal.list {
- margin-left: 0;
- }
-
- ol.ui.horizontal.list li:before,
- .ui.ordered.horizontal.list .list > .item:before,
- .ui.ordered.horizontal.list > .item:before {
- position: static;
- margin: 0 0.5em 0 0;
- }
-
- /* Suffixed Ordered */
-
- ol.ui.suffixed.list li:before,
- .ui.suffixed.ordered.list .list > .item:before,
- .ui.suffixed.ordered.list > .item:before {
- content: counters(ordered, ".") ".";
- }
-
- /*-------------------
- Divided
- --------------------*/
-
- .ui.divided.list > .item {
- border-top: 1px solid rgba(34, 36, 38, 0.15);
- }
-
- .ui.divided.list .list > .item {
- border-top: none;
- }
-
- .ui.divided.list .item .list > .item {
- border-top: none;
- }
-
- .ui.divided.list .list > .item:first-child,
- .ui.divided.list > .item:first-child {
- border-top: none;
- }
-
- /* Sub Menu */
-
- .ui.divided.list:not(.horizontal) .list > .item:first-child {
- border-top-width: 1px;
- }
-
- /* Divided bulleted */
-
- .ui.divided.bulleted.list:not(.horizontal),
- .ui.divided.bulleted.list .list:not(.icon) {
- margin-left: 0;
- padding-left: 0;
- }
-
- .ui.divided.bulleted.list > .item:not(.horizontal) {
- padding-left: 1.25rem;
- }
-
- /* Divided Ordered */
-
- .ui.divided.ordered.list {
- margin-left: 0;
- }
-
- .ui.divided.ordered.list .list > .item,
- .ui.divided.ordered.list > .item {
- padding-left: 1.25rem;
- }
-
- .ui.divided.ordered.list .item .list:not(.icon) {
- margin-left: 0;
- margin-right: 0;
- padding-bottom: 0.21428571em;
- }
-
- .ui.divided.ordered.list .item .list > .item {
- padding-left: 1em;
- }
-
- /* Divided Selection */
-
- .ui.divided.selection.list .list > .item,
- .ui.divided.selection.list > .item {
- margin: 0;
- border-radius: 0;
- }
-
- /* Divided horizontal */
-
- .ui.divided.horizontal.list {
- margin-left: 0;
- }
-
- .ui.divided.horizontal.list > .item {
- padding-left: 0.5em;
- }
-
- .ui.divided.horizontal.list > .item:not(:last-child) {
- padding-right: 0.5em;
- }
-
- .ui.divided.horizontal.list > .item {
- border-top: none;
- border-right: 1px solid rgba(34, 36, 38, 0.15);
- margin: 0;
- line-height: 0.6;
- }
-
- .ui.horizontal.divided.list > .item:last-child {
- border-right: none;
- }
-
- /*-------------------
- Celled
- --------------------*/
-
- .ui.celled.list > .item,
- .ui.celled.list > .list {
- border-top: 1px solid rgba(34, 36, 38, 0.15);
- padding-left: 0.5em;
- padding-right: 0.5em;
- }
-
- .ui.celled.list > .item:last-child {
- border-bottom: 1px solid rgba(34, 36, 38, 0.15);
- }
-
- /* Padding on all elements */
-
- .ui.celled.list > .item:first-child,
- .ui.celled.list > .item:last-child {
- padding-top: 0.21428571em;
- padding-bottom: 0.21428571em;
- }
-
- /* Sub Menu */
-
- .ui.celled.list .item .list > .item {
- border-width: 0;
- }
-
- .ui.celled.list .list > .item:first-child {
- border-top-width: 0;
- }
-
- /* Celled Bulleted */
-
- .ui.celled.bulleted.list {
- margin-left: 0;
- }
-
- .ui.celled.bulleted.list .list > .item,
- .ui.celled.bulleted.list > .item {
- padding-left: 1.25rem;
- }
-
- .ui.celled.bulleted.list .item .list:not(.icon) {
- margin-left: -1.25rem;
- margin-right: -1.25rem;
- padding-bottom: 0.21428571em;
- }
-
- /* Celled Ordered */
-
- .ui.celled.ordered.list {
- margin-left: 0;
- }
-
- .ui.celled.ordered.list .list > .item,
- .ui.celled.ordered.list > .item {
- padding-left: 1.25rem;
- }
-
- .ui.celled.ordered.list .item .list:not(.icon) {
- margin-left: 0;
- margin-right: 0;
- padding-bottom: 0.21428571em;
- }
-
- .ui.celled.ordered.list .list > .item {
- padding-left: 1em;
- }
-
- /* Celled Horizontal */
-
- .ui.horizontal.celled.list {
- margin-left: 0;
- }
-
- .ui.horizontal.celled.list .list > .item,
- .ui.horizontal.celled.list > .item {
- border-top: none;
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- margin: 0;
- padding-left: 0.5em;
- padding-right: 0.5em;
- line-height: 0.6;
- }
-
- .ui.horizontal.celled.list .list > .item:last-child,
- .ui.horizontal.celled.list > .item:last-child {
- border-bottom: none;
- border-right: 1px solid rgba(34, 36, 38, 0.15);
- }
-
- /*-------------------
- Relaxed
- --------------------*/
-
- .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
- padding-top: 0.42857143em;
- }
-
- .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
- padding-bottom: 0.42857143em;
- }
-
- .ui.horizontal.relaxed.list .list > .item:not(:first-child),
- .ui.horizontal.relaxed.list > .item:not(:first-child) {
- padding-left: 1rem;
- }
-
- .ui.horizontal.relaxed.list .list > .item:not(:last-child),
- .ui.horizontal.relaxed.list > .item:not(:last-child) {
- padding-right: 1rem;
- }
-
- /* Very Relaxed */
-
- .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
- padding-top: 0.85714286em;
- }
-
- .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
- padding-bottom: 0.85714286em;
- }
-
- .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
- .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
- padding-left: 1.5rem;
- }
-
- .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
- .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
- padding-right: 1.5rem;
- }
-
- /*-------------------
- Sizes
- --------------------*/
-
- .ui.list {
- font-size: 1em;
- }
-
- .ui.mini.list {
- font-size: 0.78571429em;
- }
-
- .ui.mini.horizontal.list .list > .item,
- .ui.mini.horizontal.list > .item {
- font-size: 0.78571429rem;
- }
-
- .ui.tiny.list {
- font-size: 0.85714286em;
- }
-
- .ui.tiny.horizontal.list .list > .item,
- .ui.tiny.horizontal.list > .item {
- font-size: 0.85714286rem;
- }
-
- .ui.small.list {
- font-size: 0.92857143em;
- }
-
- .ui.small.horizontal.list .list > .item,
- .ui.small.horizontal.list > .item {
- font-size: 0.92857143rem;
- }
-
- .ui.large.list {
- font-size: 1.14285714em;
- }
-
- .ui.large.horizontal.list .list > .item,
- .ui.large.horizontal.list > .item {
- font-size: 1.14285714rem;
- }
-
- .ui.big.list {
- font-size: 1.28571429em;
- }
-
- .ui.big.horizontal.list .list > .item,
- .ui.big.horizontal.list > .item {
- font-size: 1.28571429rem;
- }
-
- .ui.huge.list {
- font-size: 1.42857143em;
- }
-
- .ui.huge.horizontal.list .list > .item,
- .ui.huge.horizontal.list > .item {
- font-size: 1.42857143rem;
- }
-
- .ui.massive.list {
- font-size: 1.71428571em;
- }
-
- .ui.massive.horizontal.list .list > .item,
- .ui.massive.horizontal.list > .item {
- font-size: 1.71428571rem;
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- User Variable Overrides
- *******************************/
- /*
- * # Fomantic - Menu
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Copyright 2015 Contributor
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Standard
- *******************************/
-
- /*--------------
- Menu
- ---------------*/
-
- .ui.menu {
- display: flex;
- margin: 1rem 0;
- font-family: var(--fonts-regular);
- background: #FFFFFF;
- font-weight: normal;
- border: 1px solid rgba(34, 36, 38, 0.15);
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
- border-radius: 0.28571429rem;
- min-height: 2.85714286em;
- }
-
- .ui.menu:after {
- content: '';
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
-
- .ui.menu:first-child {
- margin-top: 0;
- }
-
- .ui.menu:last-child {
- margin-bottom: 0;
- }
-
- /*--------------
- Sub-Menu
- ---------------*/
-
- .ui.menu .menu {
- margin: 0;
- }
-
- .ui.menu:not(.vertical) > .menu {
- display: flex;
- }
-
- /*--------------
- Item
- ---------------*/
-
- .ui.menu:not(.vertical) .item {
- display: flex;
- align-items: center;
- }
-
- .ui.menu .item {
- position: relative;
- vertical-align: middle;
- line-height: 1;
- text-decoration: none;
- -webkit-tap-highlight-color: transparent;
- flex: 0 0 auto;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- background: none;
- padding: 0.92857143em 1.14285714em;
- text-transform: none;
- color: rgba(0, 0, 0, 0.87);
- font-weight: normal;
- transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
- }
-
- .ui.menu > .item:first-child {
- border-radius: 0.28571429rem 0 0 0.28571429rem;
- }
-
- /* Border */
-
- .ui.menu .item:before {
- position: absolute;
- content: '';
- top: 0;
- right: 0;
- height: 100%;
- width: 1px;
- background: rgba(34, 36, 38, 0.1);
- }
-
- /*--------------
- Text Content
- ---------------*/
-
- .ui.menu .text.item > *,
- .ui.menu .item > a:not(.ui),
- .ui.menu .item > p:only-child {
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- line-height: 1.3;
- }
-
- .ui.menu .item > p:first-child {
- margin-top: 0;
- }
-
- .ui.menu .item > p:last-child {
- margin-bottom: 0;
- }
-
- /*--------------
- Icons
- ---------------*/
-
- .ui.menu .item > i.icon {
- opacity: 0.9;
- float: none;
- margin: 0 0.35714286em 0 0;
- }
-
- /*--------------
- Button
- ---------------*/
-
- .ui.menu:not(.vertical) .item > .button {
- position: relative;
- top: 0;
- margin: -0.5em 0;
- padding-bottom: 0.78571429em;
- padding-top: 0.78571429em;
- font-size: 1em;
- }
-
- /*----------------
- Grid / Container
- -----------------*/
-
- .ui.menu > .grid,
- .ui.menu > .container {
- display: flex;
- align-items: inherit;
- flex-direction: inherit;
- }
-
- /*--------------
- Inputs
- ---------------*/
-
- .ui.menu .item > .input {
- width: 100%;
- }
-
- .ui.menu:not(.vertical) .item > .input {
- position: relative;
- top: 0;
- margin: -0.5em 0;
- }
-
- .ui.menu .item > .input input {
- font-size: 1em;
- padding-top: 0.57142857em;
- padding-bottom: 0.57142857em;
- }
-
- /*--------------
- Header
- ---------------*/
-
- .ui.menu .header.item,
- .ui.vertical.menu .header.item {
- margin: 0;
- background: '';
- text-transform: normal;
- font-weight: 500;
- }
-
- .ui.vertical.menu .item > .header:not(.ui) {
- margin: 0 0 0.5em;
- font-size: 1em;
- font-weight: 500;
- }
-
- /*--------------
- Dropdowns
- ---------------*/
-
- /* Dropdown Icon */
-
- .ui.menu .item > i.dropdown.icon {
- padding: 0;
- float: right;
- margin: 0 0 0 1em;
- }
-
- /* Menu */
-
- .ui.menu .dropdown.item .menu {
- min-width: calc(100% - 1px);
- border-radius: 0 0 0.28571429rem 0.28571429rem;
- background: #FFFFFF;
- margin: 0 0 0;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
- flex-direction: column !important;
- }
-
- /* Menu Items */
-
- .ui.menu .ui.dropdown .menu > .item {
- margin: 0;
- text-align: left;
- font-size: 1em !important;
- padding: 0.78571429em 1.14285714em !important;
- background: transparent !important;
- color: rgba(0, 0, 0, 0.87) !important;
- text-transform: none !important;
- font-weight: normal !important;
- box-shadow: none !important;
- transition: none !important;
- }
-
- .ui.menu .ui.dropdown .menu > .item:hover {
- background: rgba(0, 0, 0, 0.05) !important;
- color: rgba(0, 0, 0, 0.95) !important;
- }
-
- .ui.menu .ui.dropdown .menu > .selected.item {
- background: rgba(0, 0, 0, 0.05) !important;
- color: rgba(0, 0, 0, 0.95) !important;
- }
-
- .ui.menu .ui.dropdown .menu > .active.item {
- background: rgba(0, 0, 0, 0.03) !important;
- font-weight: 500 !important;
- color: rgba(0, 0, 0, 0.95) !important;
- }
-
- .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
- display: block;
- }
-
- .ui.menu .ui.dropdown .menu > .item > .icons,
- .ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) {
- display: inline-block;
- font-size: 1em !important;
- float: none;
- margin: 0 0.75em 0 0 !important;
- }
-
- /* Secondary */
-
- .ui.secondary.menu .dropdown.item > .menu,
- .ui.text.menu .dropdown.item > .menu {
- border-radius: 0.28571429rem;
- margin-top: 0.35714286em;
- }
-
- /* Pointing */
-
- .ui.menu .pointing.dropdown.item .menu {
- margin-top: 0.75em;
- }
-
- /* Vertical */
-
- .ui.vertical.menu .dropdown.item > i.icon {
- float: right;
- content: "\f0da";
- margin-left: 1em;
- }
-
- .ui.vertical.menu .dropdown.item .menu {
- left: 100%;
- /* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
- min-width: 0;
- min-width: -moz-max-content;
- min-width: max-content;
- margin: 0 0 0 0;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
- border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
- }
-
- .ui.vertical.menu .dropdown.item.upward .menu {
- bottom: 0;
- }
-
- .ui.vertical.menu .dropdown.item:not(.upward) .menu {
- top: 0;
- }
-
- .ui.vertical.menu .active.dropdown.item {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .ui.vertical.menu .dropdown.active.item {
- box-shadow: none;
- }
-
- /* Evenly Divided */
-
- .ui.item.menu .dropdown .menu .item {
- width: 100%;
- }
-
- /*--------------
- Labels
- ---------------*/
-
- .ui.menu .item > .label:not(.floating) {
- margin-left: 1em;
- padding: 0.3em 0.78571429em;
- }
-
- .ui.vertical.menu .item > .label {
- margin-top: -0.15em;
- margin-bottom: -0.15em;
- padding: 0.3em 0.78571429em;
- }
-
- .ui.menu .item > .floating.label {
- padding: 0.3em 0.78571429em;
- }
-
- .ui.menu .item > .label {
- background: #999999;
- color: #FFFFFF;
- }
-
- .ui.menu .item > .image.label img {
- margin: -0.2833em 0.8em -0.2833em -0.8em;
- height: 1.5666em;
- }
-
- /*--------------
- Images
- ---------------*/
-
- .ui.menu .item > img:not(.ui) {
- display: inline-block;
- vertical-align: middle;
- margin: -0.3em 0;
- width: 2.5em;
- }
-
- .ui.vertical.menu .item > img:not(.ui):only-child {
- display: block;
- max-width: 100%;
- width: auto;
- }
-
- /*******************************
- Coupling
- *******************************/
-
- /*--------------
- List
- ---------------*/
-
- /* Menu divider shouldnt apply */
-
- .ui.menu .list .item:before {
- background: none !important;
- }
-
- /*--------------
- Sidebar
- ---------------*/
-
- /* Show vertical dividers below last */
-
- .ui.vertical.sidebar.menu > .item:first-child:before {
- display: block !important;
- }
-
- .ui.vertical.sidebar.menu > .item::before {
- top: auto;
- bottom: 0;
- }
-
- /*--------------
- Container
- ---------------*/
-
- @media only screen and (max-width: 767.98px) {
- .ui.menu > .ui.container {
- width: 100% !important;
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
- border-left: 1px solid rgba(34, 36, 38, 0.1);
- }
-
- .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.item:not(.borderless):last-child,
- .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.menu > .item:not(.borderless):last-child {
- border-right: 1px solid rgba(34, 36, 38, 0.1);
- }
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------
- Hover
- ---------------*/
-
- .ui.link.menu .item:hover,
- .ui.menu .dropdown.item:hover,
- .ui.menu .link.item:hover,
- .ui.menu a.item:hover {
- cursor: pointer;
- background: rgba(0, 0, 0, 0.03);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--------------
- Pressed
- ---------------*/
-
- .ui.link.menu .item:active,
- .ui.menu .link.item:active,
- .ui.menu a.item:active {
- background: rgba(0, 0, 0, 0.03);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--------------
- Active
- ---------------*/
-
- .ui.menu .active.item {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- font-weight: normal;
- box-shadow: none;
- }
-
- .ui.menu .active.item > i.icon {
- opacity: 1;
- }
-
- /*--------------
- Active Hover
- ---------------*/
-
- .ui.menu .active.item:hover,
- .ui.vertical.menu .active.item:hover {
- background-color: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--------------
- Disabled
- ---------------*/
-
- .ui.ui.menu .item.disabled {
- cursor: default;
- background-color: transparent;
- color: rgba(40, 40, 40, 0.3);
- pointer-events: none;
- }
-
- /*******************************
- Types
- *******************************/
-
- /*------------------
- Floated Menu / Item
- -------------------*/
-
- /* Left Floated */
-
- .ui.menu:not(.vertical) .left.item,
- .ui.menu:not(.vertical) .left.menu {
- display: flex;
- margin-right: auto !important;
- }
-
- /* Right Floated */
-
- .ui.menu:not(.vertical) .right.item,
- .ui.menu:not(.vertical) .right.menu {
- display: flex;
- margin-left: auto !important;
- }
-
- .ui.menu:not(.vertical) :not(.dropdown) > .left.menu,
- .ui.menu:not(.vertical) :not(.dropdown) > .right.menu {
- display: inherit;
- }
-
- /* Center */
-
- .ui.menu:not(.vertical) .center.item,
- .ui.menu:not(.vertical) .center.menu {
- display: flex;
- margin-left: auto !important;
- margin-right: auto !important;
- }
-
- /* Swapped Borders */
-
- .ui.menu .right.item::before,
- .ui.menu .right.menu > .item::before {
- right: auto;
- left: 0;
- }
-
- /* Remove Outer Borders */
-
- .ui.menu .center.item:last-child::before,
- .ui.menu .center.menu > .item:last-child::before {
- display: none;
- }
-
- /*--------------
- Vertical
- ---------------*/
-
- .ui.vertical.menu {
- display: block;
- flex-direction: column;
- background: #FFFFFF;
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
- }
-
- /*--- Item ---*/
-
- .ui.vertical.menu .item {
- display: block;
- background: none;
- border-top: none;
- border-right: none;
- }
-
- .ui.vertical.menu > .item:first-child {
- border-radius: 0.28571429rem 0.28571429rem 0 0;
- }
-
- .ui.vertical.menu > .item:last-child {
- border-radius: 0 0 0.28571429rem 0.28571429rem;
- }
-
- /*--- Label ---*/
-
- .ui.vertical.menu .item > .label {
- float: right;
- text-align: center;
- }
-
- /*--- Icon ---*/
-
- .ui.vertical.menu .item > i.icon,
- .ui.vertical.menu .item > i.icons {
- width: 1.18em;
- float: right;
- margin: 0 0 0 0.5em;
- }
-
- .ui.vertical.menu .item > .label + i.icon {
- float: none;
- margin: 0 0.5em 0 0;
- }
-
- /*--- Border ---*/
-
- .ui.vertical.menu .item:before {
- position: absolute;
- content: '';
- top: 0;
- left: 0;
- width: 100%;
- height: 1px;
- background: rgba(34, 36, 38, 0.1);
- }
-
- .ui.vertical.menu .item:first-child:before {
- display: none !important;
- }
-
- /*--- Sub Menu ---*/
-
- .ui.vertical.menu .item > .menu {
- margin: 0.5em -1.14285714em 0;
- }
-
- .ui.vertical.menu .menu .item {
- background: none;
- padding: 0.5em 1.33333333em;
- font-size: 0.85714286em;
- color: rgba(0, 0, 0, 0.5);
- }
-
- .ui.vertical.menu .item .menu a.item:hover,
- .ui.vertical.menu .item .menu .link.item:hover {
- color: rgba(0, 0, 0, 0.85);
- }
-
- .ui.vertical.menu .menu .item:before {
- display: none;
- }
-
- /* Vertical Active */
-
- .ui.vertical.menu .active.item {
- background: rgba(0, 0, 0, 0.05);
- border-radius: 0;
- box-shadow: none;
- }
-
- .ui.vertical.menu > .active.item:first-child {
- border-radius: 0.28571429rem 0.28571429rem 0 0;
- }
-
- .ui.vertical.menu > .active.item:last-child {
- border-radius: 0 0 0.28571429rem 0.28571429rem;
- }
-
- .ui.vertical.menu > .active.item:only-child {
- border-radius: 0.28571429rem;
- }
-
- .ui.vertical.menu .active.item .menu .active.item {
- border-left: none;
- }
-
- .ui.vertical.menu .item .menu .active.item {
- background-color: transparent;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--------------
- Tabular
- ---------------*/
-
- .ui.tabular.menu {
- border-radius: 0;
- box-shadow: none !important;
- border: none;
- background: none transparent;
- border-bottom: 1px solid #D4D4D5;
- }
-
- .ui.tabular.fluid.menu {
- width: calc(100% + 2px) !important;
- }
-
- .ui.tabular.menu .item {
- background: transparent;
- border-bottom: none;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
- border-top: 2px solid transparent;
- padding: 0.92857143em 1.42857143em;
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.tabular.menu .item:before {
- display: none;
- }
-
- /* Hover */
-
- .ui.tabular.menu .item:hover {
- background-color: transparent;
- color: rgba(0, 0, 0, 0.8);
- }
-
- /* Active */
-
- .ui.tabular.menu .active.item {
- background: none #FFFFFF;
- color: rgba(0, 0, 0, 0.95);
- border-top-width: 1px;
- border-color: #D4D4D5;
- font-weight: 500;
- margin-bottom: -1px;
- box-shadow: none;
- border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
- }
-
- /* Coupling with segment for attachment */
-
- .ui.tabular.menu + .attached:not(.top).segment,
- .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
- border-top: none;
- margin-left: 0;
- margin-top: 0;
- margin-right: 0;
- width: 100%;
- }
-
- .top.attached.segment + .ui.bottom.tabular.menu {
- position: relative;
- width: calc(100% + 2px);
- left: -1px;
- }
-
- /* Bottom Vertical Tabular */
-
- .ui.bottom.tabular.menu {
- background: none transparent;
- border-radius: 0;
- box-shadow: none !important;
- border-bottom: none;
- border-top: 1px solid #D4D4D5;
- }
-
- .ui.bottom.tabular.menu .item {
- background: none;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
- border-bottom: 1px solid transparent;
- border-top: none;
- }
-
- .ui.bottom.tabular.menu .active.item {
- background: none #FFFFFF;
- color: rgba(0, 0, 0, 0.95);
- border-color: #D4D4D5;
- margin: -1px 0 0 0;
- border-radius: 0 0 0.28571429rem 0.28571429rem !important;
- }
-
- /* Vertical Tabular (Left) */
-
- .ui.vertical.tabular.menu {
- background: none transparent;
- border-radius: 0;
- box-shadow: none !important;
- border-bottom: none;
- border-right: 1px solid #D4D4D5;
- }
-
- .ui.vertical.tabular.menu .item {
- background: none;
- border-left: 1px solid transparent;
- border-bottom: 1px solid transparent;
- border-top: 1px solid transparent;
- border-right: none;
- }
-
- .ui.vertical.tabular.menu .active.item {
- background: none #FFFFFF;
- color: rgba(0, 0, 0, 0.95);
- border-color: #D4D4D5;
- margin: 0 -1px 0 0;
- border-radius: 0.28571429rem 0 0 0.28571429rem !important;
- }
-
- /* Vertical Right Tabular */
-
- .ui.vertical.right.tabular.menu {
- background: none transparent;
- border-radius: 0;
- box-shadow: none !important;
- border-bottom: none;
- border-right: none;
- border-left: 1px solid #D4D4D5;
- }
-
- .ui.vertical.right.tabular.menu .item {
- background: none;
- border-right: 1px solid transparent;
- border-bottom: 1px solid transparent;
- border-top: 1px solid transparent;
- border-left: none;
- }
-
- .ui.vertical.right.tabular.menu .active.item {
- background: none #FFFFFF;
- color: rgba(0, 0, 0, 0.95);
- border-color: #D4D4D5;
- margin: 0 0 0 -1px;
- border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
- }
-
- /* Dropdown */
-
- .ui.tabular.menu .active.dropdown.item {
- margin-bottom: 0;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
- border-top: 2px solid transparent;
- border-bottom: none;
- }
-
- /*--------------
- Pagination
- ---------------*/
-
- .ui.pagination.menu {
- margin: 0;
- display: inline-flex;
- vertical-align: middle;
- }
-
- .ui.pagination.menu .item:last-child {
- border-radius: 0 0.28571429rem 0.28571429rem 0;
- }
-
- .ui.compact.menu .item:last-child {
- border-radius: 0 0.28571429rem 0.28571429rem 0;
- }
-
- .ui.pagination.menu .item:last-child:before {
- display: none;
- }
-
- .ui.pagination.menu .item {
- min-width: 3em;
- text-align: center;
- }
-
- .ui.pagination.menu .icon.item i.icon {
- vertical-align: top;
- }
-
- /* Active */
-
- .ui.pagination.menu .active.item {
- border-top: none;
- padding-top: 0.92857143em;
- background-color: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- box-shadow: none;
- }
-
- /*--------------
- Secondary
- ---------------*/
-
- .ui.secondary.menu {
- background: none;
- margin-left: -0.35714286em;
- margin-right: -0.35714286em;
- border-radius: 0;
- border: none;
- box-shadow: none;
- }
-
- /* Item */
-
- .ui.secondary.menu .item {
- align-self: center;
- box-shadow: none;
- border: none;
- padding: 0.78571429em 0.92857143em;
- margin: 0 0.35714286em;
- background: none;
- transition: color 0.1s ease;
- border-radius: 0.28571429rem;
- }
-
- /* No Divider */
-
- .ui.secondary.menu .item:before {
- display: none !important;
- }
-
- /* Header */
-
- .ui.secondary.menu .header.item {
- border-radius: 0;
- border-right: none;
- background: none transparent;
- }
-
- /* Image */
-
- .ui.secondary.menu .item > img:not(.ui) {
- margin: 0;
- }
-
- /* Hover */
-
- .ui.secondary.menu .dropdown.item:hover,
- .ui.secondary.menu .link.item:hover,
- .ui.secondary.menu a.item:hover {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Active */
-
- .ui.secondary.menu .active.item {
- box-shadow: none;
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- border-radius: 0.28571429rem;
- }
-
- /* Active Hover */
-
- .ui.secondary.menu .active.item:hover {
- box-shadow: none;
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Fix item margins */
-
- .ui.secondary.item.menu {
- margin-left: 0;
- margin-right: 0;
- }
-
- .ui.secondary.item.menu .item:last-child {
- margin-right: 0;
- }
-
- .ui.secondary.attached.menu {
- box-shadow: none;
- }
-
- /*---------------------
- Secondary Vertical
- -----------------------*/
-
- /* Sub Menu */
-
- .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
- margin: 0 -0.92857143em;
- }
-
- .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
- margin: 0;
- padding: 0.5em 1.33333333em;
- }
-
- .ui.secondary.vertical.menu > .item {
- border: none;
- margin: 0 0 0.35714286em;
- border-radius: 0.28571429rem !important;
- }
-
- .ui.secondary.vertical.menu > .header.item {
- border-radius: 0;
- }
-
- /* Sub Menu */
-
- .ui.vertical.secondary.menu .item > .menu .item {
- background-color: transparent;
- }
-
- /* Inverted */
-
- .ui.secondary.inverted.menu {
- background-color: transparent;
- }
-
- /*---------------------
- Secondary Pointing
- -----------------------*/
-
- .ui.secondary.pointing.menu {
- margin-left: 0;
- margin-right: 0;
- border-bottom: 2px solid rgba(34, 36, 38, 0.15);
- }
-
- .ui.secondary.pointing.menu .item {
- border-bottom-color: transparent;
- border-bottom-style: solid;
- border-radius: 0;
- align-self: flex-end;
- margin: 0 0 -2px;
- padding: 0.85714286em 1.14285714em;
- border-bottom-width: 2px;
- transition: color 0.1s ease;
- }
-
- .ui.secondary.pointing.menu .ui.dropdown .menu .item {
- border-bottom-width: 0;
- }
-
- .ui.secondary.pointing.menu .item > .label:not(.floating) {
- margin-top: -0.3em;
- margin-bottom: -0.3em;
- }
-
- .ui.secondary.pointing.menu .item > .circular.label {
- margin-top: -0.5em;
- margin-bottom: -0.5em;
- }
-
- /* Item Types */
-
- .ui.secondary.pointing.menu .header.item {
- color: rgba(0, 0, 0, 0.85) !important;
- }
-
- .ui.secondary.pointing.menu .text.item {
- box-shadow: none !important;
- }
-
- .ui.secondary.pointing.menu .item:after {
- display: none;
- }
-
- /* Hover */
-
- .ui.secondary.pointing.menu .dropdown.item:hover,
- .ui.secondary.pointing.menu .link.item:hover,
- .ui.secondary.pointing.menu a.item:hover {
- background-color: transparent;
- color: rgba(0, 0, 0, 0.87);
- }
-
- /* Pressed */
-
- .ui.secondary.pointing.menu .dropdown.item:active,
- .ui.secondary.pointing.menu .link.item:active,
- .ui.secondary.pointing.menu a.item:active {
- background-color: transparent;
- border-color: rgba(34, 36, 38, 0.15);
- }
-
- /* Active */
-
- .ui.secondary.pointing.menu .active.item {
- background-color: transparent;
- box-shadow: none;
- border-color: currentColor;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Active Hover */
-
- .ui.secondary.pointing.menu .active.item:hover {
- border-color: currentColor;
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Active Dropdown */
-
- .ui.secondary.pointing.menu .active.dropdown.item {
- border-color: transparent;
- }
-
- /* Vertical Pointing */
-
- .ui.secondary.vertical.pointing.menu {
- border-bottom-width: 0;
- border-right-width: 2px;
- border-right-style: solid;
- border-right-color: rgba(34, 36, 38, 0.15);
- }
-
- .ui.secondary.vertical.pointing.menu .item {
- border-bottom: none;
- border-right-style: solid;
- border-right-color: transparent;
- border-radius: 0 !important;
- margin: 0 -2px 0 0;
- border-right-width: 2px;
- }
-
- /* Vertical Active */
-
- .ui.secondary.vertical.pointing.menu .active.item {
- border-color: currentColor;
- }
-
- /*--------------
- Text Menu
- ---------------*/
-
- .ui.text.menu {
- background: none transparent;
- border-radius: 0;
- box-shadow: none;
- border: none;
- margin: 1em -0.5em;
- }
-
- .ui.text.menu .item {
- border-radius: 0;
- box-shadow: none;
- align-self: center;
- margin: 0 0;
- padding: 0.35714286em 0.5em;
- font-weight: normal;
- color: rgba(0, 0, 0, 0.6);
- transition: opacity 0.1s ease;
- }
-
- /* Border */
-
- .ui.text.menu .item:before,
- .ui.text.menu .menu .item:before {
- display: none !important;
- }
-
- /* Header */
-
- .ui.text.menu .header.item {
- background-color: transparent;
- opacity: 1;
- color: rgba(0, 0, 0, 0.85);
- font-size: 0.92857143em;
- text-transform: uppercase;
- font-weight: 500;
- }
-
- /* Image */
-
- .ui.text.menu .item > img:not(.ui) {
- margin: 0;
- }
-
- /*--- fluid text ---*/
-
- .ui.text.item.menu .item {
- margin: 0;
- }
-
- /*--- vertical text ---*/
-
- .ui.vertical.text.menu {
- margin: 1em 0;
- }
-
- .ui.vertical.text.menu:first-child {
- margin-top: 0;
- }
-
- .ui.vertical.text.menu:last-child {
- margin-bottom: 0;
- }
-
- .ui.vertical.text.menu .item {
- margin: 0.57142857em 0;
- padding-left: 0;
- padding-right: 0;
- }
-
- .ui.vertical.text.menu .item > i.icon {
- float: none;
- margin: 0 0.35714286em 0 0;
- }
-
- .ui.vertical.text.menu .header.item {
- margin: 0.57142857em 0 0.71428571em;
- }
-
- /* Vertical Sub Menu */
-
- .ui.vertical.text.menu .item:not(.dropdown) > .menu {
- margin: 0;
- }
-
- .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
- margin: 0;
- padding: 0.5em 0;
- }
-
- /*--- hover ---*/
-
- .ui.text.menu .item:hover {
- opacity: 1;
- background-color: transparent;
- }
-
- /*--- active ---*/
-
- .ui.text.menu .active.item {
- background-color: transparent;
- border: none;
- box-shadow: none;
- font-weight: normal;
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--- active hover ---*/
-
- .ui.text.menu .active.item:hover {
- background-color: transparent;
- }
-
- /* Disable Bariations */
-
- .ui.text.pointing.menu .active.item:after {
- box-shadow: none;
- }
-
- .ui.text.attached.menu {
- box-shadow: none;
- }
-
- /* Fluid */
-
- .ui.fluid.text.menu {
- margin-left: 0;
- margin-right: 0;
- }
-
- /*--------------
- Icon Only
- ---------------*/
-
- /* Vertical Menu */
-
- .ui.vertical.icon.menu {
- display: inline-block;
- width: auto;
- }
-
- /* Item */
-
- .ui.icon.menu .item {
- height: auto;
- text-align: center;
- color: #1B1C1D;
- }
-
- /* Icon */
-
- .ui.icon.menu .item > i.icon:not(.dropdown) {
- margin: 0;
- opacity: 1;
- }
-
- /* Icon Gylph */
-
- .ui.icon.menu i.icon:before {
- opacity: 1;
- }
-
- /* (x) Item Icon */
-
- .ui.menu .icon.item > i.icon {
- width: auto;
- margin: 0 auto;
- }
-
- /* Vertical Icon */
-
- .ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
- display: block;
- opacity: 1;
- margin: 0 auto;
- float: none;
- }
-
- /* Inverted */
-
- .ui.inverted.icon.menu .item {
- color: #FFFFFF;
- }
-
- /*--------------
- Labeled Icon
- ---------------*/
-
- /* Menu */
-
- .ui.labeled.icon.menu {
- text-align: center;
- }
-
- /* Item */
-
- .ui.labeled.icon.menu .item {
- min-width: 6em;
- flex-direction: column;
- }
-
- /* Icon */
-
- .ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
- height: 1em;
- display: block;
- font-size: 1.71428571em !important;
- margin: 0 auto 0.5rem !important;
- }
-
- /* Fluid */
-
- .ui.fluid.labeled.icon.menu > .item {
- min-width: 0;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*--------------
- Stackable
- ---------------*/
-
- @media only screen and (max-width: 767.98px) {
- .ui.stackable.menu {
- flex-direction: column;
- }
-
- .ui.stackable.menu .item {
- width: 100% !important;
- }
-
- .ui.stackable.menu .item:before {
- position: absolute;
- content: '';
- top: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1px;
- background: rgba(34, 36, 38, 0.1);
- }
-
- .ui.stackable.menu .left.menu,
- .ui.stackable.menu .left.item {
- margin-right: 0 !important;
- }
-
- .ui.stackable.menu .right.menu,
- .ui.stackable.menu .right.item {
- margin-left: 0 !important;
- }
-
- .ui.stackable.menu .center.menu,
- .ui.stackable.menu .center.item {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
-
- .ui.stackable.menu .right.menu,
- .ui.stackable.menu .center.menu,
- .ui.stackable.menu .left.menu {
- flex-direction: column;
- }
- }
-
- /*--------------
- Colors
- ---------------*/
-
- .ui.ui.ui.menu .primary.active.item,
- .ui.ui.primary.menu .active.item:hover,
- .ui.ui.primary.menu .active.item {
- color: #2185D0;
- }
-
- .ui.ui.ui.menu .red.active.item,
- .ui.ui.red.menu .active.item:hover,
- .ui.ui.red.menu .active.item {
- color: #DB2828;
- }
-
- .ui.ui.ui.menu .orange.active.item,
- .ui.ui.orange.menu .active.item:hover,
- .ui.ui.orange.menu .active.item {
- color: #F2711C;
- }
-
- .ui.ui.ui.menu .yellow.active.item,
- .ui.ui.yellow.menu .active.item:hover,
- .ui.ui.yellow.menu .active.item {
- color: #FBBD08;
- }
-
- .ui.ui.ui.menu .olive.active.item,
- .ui.ui.olive.menu .active.item:hover,
- .ui.ui.olive.menu .active.item {
- color: #B5CC18;
- }
-
- .ui.ui.ui.menu .green.active.item,
- .ui.ui.green.menu .active.item:hover,
- .ui.ui.green.menu .active.item {
- color: #21BA45;
- }
-
- .ui.ui.ui.menu .teal.active.item,
- .ui.ui.teal.menu .active.item:hover,
- .ui.ui.teal.menu .active.item {
- color: #00B5AD;
- }
-
- .ui.ui.ui.menu .blue.active.item,
- .ui.ui.blue.menu .active.item:hover,
- .ui.ui.blue.menu .active.item {
- color: #2185D0;
- }
-
- .ui.ui.ui.menu .violet.active.item,
- .ui.ui.violet.menu .active.item:hover,
- .ui.ui.violet.menu .active.item {
- color: #6435C9;
- }
-
- .ui.ui.ui.menu .purple.active.item,
- .ui.ui.purple.menu .active.item:hover,
- .ui.ui.purple.menu .active.item {
- color: #A333C8;
- }
-
- .ui.ui.ui.menu .pink.active.item,
- .ui.ui.pink.menu .active.item:hover,
- .ui.ui.pink.menu .active.item {
- color: #E03997;
- }
-
- .ui.ui.ui.menu .brown.active.item,
- .ui.ui.brown.menu .active.item:hover,
- .ui.ui.brown.menu .active.item {
- color: #A5673F;
- }
-
- .ui.ui.ui.menu .grey.active.item,
- .ui.ui.grey.menu .active.item:hover,
- .ui.ui.grey.menu .active.item {
- color: #767676;
- }
-
- .ui.ui.ui.menu .black.active.item,
- .ui.ui.black.menu .active.item:hover,
- .ui.ui.black.menu .active.item {
- color: #1B1C1D;
- }
-
- /*--------------
- Floated
- ---------------*/
-
- .ui.floated.menu {
- float: left;
- margin: 0 0.5rem 0 0;
- }
-
- .ui.floated.menu .item:last-child:before {
- display: none;
- }
-
- .ui.right.floated.menu {
- float: right;
- margin: 0 0 0 0.5rem;
- }
-
- /*--------------
- Fitted
- ---------------*/
-
- .ui.fitted.menu .item,
- .ui.fitted.menu .item .menu .item,
- .ui.menu .fitted.item {
- padding: 0;
- }
-
- .ui.horizontally.fitted.menu .item,
- .ui.horizontally.fitted.menu .item .menu .item,
- .ui.menu .horizontally.fitted.item {
- padding-top: 0.92857143em;
- padding-bottom: 0.92857143em;
- }
-
- .ui.vertically.fitted.menu .item,
- .ui.vertically.fitted.menu .item .menu .item,
- .ui.menu .vertically.fitted.item {
- padding-left: 1.14285714em;
- padding-right: 1.14285714em;
- }
-
- /*--------------
- Borderless
- ---------------*/
-
- .ui.borderless.menu .item:before,
- .ui.borderless.menu .item .menu .item:before,
- .ui.menu .borderless.item:before {
- background: none !important;
- }
-
- /*-------------------
- Compact
- --------------------*/
-
- .ui.compact.menu {
- display: inline-flex;
- margin: 0;
- vertical-align: middle;
- }
-
- .ui.compact.vertical.menu {
- /* IE hack to make dropdown icons appear inline */
- display: -ms-inline-flexbox !important;
- display: inline-block;
- }
-
- .ui.compact.menu:not(.secondary) .item:last-child {
- border-radius: 0 0.28571429rem 0.28571429rem 0;
- }
-
- .ui.compact.menu .item:last-child:before {
- display: none;
- }
-
- .ui.compact.vertical.menu {
- width: auto !important;
- }
-
- .ui.compact.vertical.menu .item:last-child::before {
- display: block;
- }
-
- /*-------------------
- Fluid
- --------------------*/
-
- .ui.menu.fluid,
- .ui.vertical.menu.fluid {
- width: 100% !important;
- }
-
- /*-------------------
- Evenly Sized
- --------------------*/
-
- .ui.item.menu,
- .ui.item.menu .item {
- width: 100%;
- padding-left: 0 !important;
- padding-right: 0 !important;
- margin-left: 0 !important;
- margin-right: 0 !important;
- text-align: center;
- justify-content: center;
- }
-
- .ui.attached.item.menu:not(.tabular) {
- margin: 0 -1px !important;
- }
-
- .ui.item.menu .item:last-child:before {
- display: none;
- }
-
- .ui.menu.two.item .item {
- width: 50%;
- }
-
- .ui.menu.three.item .item {
- width: 33.333%;
- }
-
- .ui.menu.four.item .item {
- width: 25%;
- }
-
- .ui.menu.five.item .item {
- width: 20%;
- }
-
- .ui.menu.six.item .item {
- width: 16.666%;
- }
-
- .ui.menu.seven.item .item {
- width: 14.285%;
- }
-
- .ui.menu.eight.item .item {
- width: 12.5%;
- }
-
- .ui.menu.nine.item .item {
- width: 11.11%;
- }
-
- .ui.menu.ten.item .item {
- width: 10%;
- }
-
- .ui.menu.eleven.item .item {
- width: 9.09%;
- }
-
- .ui.menu.twelve.item .item {
- width: 8.333%;
- }
-
- /*--------------
- Fixed
- ---------------*/
-
- .ui.menu.fixed {
- position: fixed;
- z-index: 101;
- margin: 0;
- width: 100%;
- }
-
- .ui.menu.fixed,
- .ui.menu.fixed .item:first-child,
- .ui.menu.fixed .item:last-child {
- border-radius: 0 !important;
- }
-
- .ui.fixed.menu,
- .ui[class*="top fixed"].menu {
- top: 0;
- left: 0;
- right: auto;
- bottom: auto;
- }
-
- .ui[class*="top fixed"].menu {
- border-top: none;
- border-left: none;
- border-right: none;
- }
-
- .ui[class*="right fixed"].menu {
- border-top: none;
- border-bottom: none;
- border-right: none;
- top: 0;
- right: 0;
- left: auto;
- bottom: auto;
- width: auto;
- height: 100%;
- }
-
- .ui[class*="bottom fixed"].menu {
- border-bottom: none;
- border-left: none;
- border-right: none;
- bottom: 0;
- left: 0;
- top: auto;
- right: auto;
- }
-
- .ui[class*="left fixed"].menu {
- border-top: none;
- border-bottom: none;
- border-left: none;
- top: 0;
- left: 0;
- right: auto;
- bottom: auto;
- width: auto;
- height: 100%;
- }
-
- /* Coupling with Grid */
-
- .ui.fixed.menu + .ui.grid {
- padding-top: 2.75rem;
- }
-
- /*-------------------
- Pointing
- --------------------*/
-
- .ui.pointing.menu .item:after {
- visibility: hidden;
- position: absolute;
- content: '';
- top: 100%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
- background: none;
- margin: 0.5px 0 0;
- width: 0.57142857em;
- height: 0.57142857em;
- border: none;
- border-bottom: 1px solid #D4D4D5;
- border-right: 1px solid #D4D4D5;
- z-index: 2;
- transition: background 0.1s ease;
- }
-
- .ui.vertical.pointing.menu .item:after {
- position: absolute;
- top: 50%;
- right: 0;
- bottom: auto;
- left: auto;
- transform: translateX(50%) translateY(-50%) rotate(45deg);
- margin: 0 -0.5px 0 0;
- border: none;
- border-top: 1px solid #D4D4D5;
- border-right: 1px solid #D4D4D5;
- }
-
- .ui.pointing.menu .ui.dropdown .menu .item:after,
- .ui.vertical.pointing.menu .ui.dropdown .menu .item:after {
- display: none;
- }
-
- /* Active */
-
- .ui.pointing.menu .active.item:after {
- visibility: visible;
- }
-
- .ui.pointing.menu .active.dropdown.item:after {
- visibility: hidden;
- }
-
- /* Don't double up pointers */
-
- .ui.pointing.menu .dropdown.active.item:after,
- .ui.pointing.menu .active.item .menu .active.item:after {
- display: none;
- }
-
- /* Colors */
-
- .ui.pointing.menu .active.item:hover:after {
- background-color: #F2F2F2;
- }
-
- .ui.pointing.menu .active.item:after {
- background-color: #F2F2F2;
- }
-
- .ui.pointing.menu .active.item:hover:after {
- background-color: #F2F2F2;
- }
-
- .ui.vertical.pointing.menu .active.item:hover:after {
- background-color: #F2F2F2;
- }
-
- .ui.vertical.pointing.menu .active.item:after {
- background-color: #F2F2F2;
- }
-
- .ui.vertical.pointing.menu .menu .active.item:after {
- background-color: #FFFFFF;
- }
-
- .ui.inverted.pointing.menu .primary.active.item:after {
- background-color: #2185D0;
- }
-
- .ui.inverted.pointing.menu .secondary.active.item:after {
- background-color: #1B1C1D;
- }
-
- .ui.inverted.pointing.menu .red.active.item:after {
- background-color: #DB2828;
- }
-
- .ui.inverted.pointing.menu .orange.active.item:after {
- background-color: #F2711C;
- }
-
- .ui.inverted.pointing.menu .yellow.active.item:after {
- background-color: #FBBD08;
- }
-
- .ui.inverted.pointing.menu .olive.active.item:after {
- background-color: #B5CC18;
- }
-
- .ui.inverted.pointing.menu .green.active.item:after {
- background-color: #21BA45;
- }
-
- .ui.inverted.pointing.menu .teal.active.item:after {
- background-color: #00B5AD;
- }
-
- .ui.inverted.pointing.menu .blue.active.item:after {
- background-color: #2185D0;
- }
-
- .ui.inverted.pointing.menu .violet.active.item:after {
- background-color: #6435C9;
- }
-
- .ui.inverted.pointing.menu .purple.active.item:after {
- background-color: #A333C8;
- }
-
- .ui.inverted.pointing.menu .pink.active.item:after {
- background-color: #E03997;
- }
-
- .ui.inverted.pointing.menu .brown.active.item:after {
- background-color: #A5673F;
- }
-
- .ui.inverted.pointing.menu .grey.active.item:after {
- background-color: #767676;
- }
-
- .ui.inverted.pointing.menu .black.active.item:after {
- background-color: #1B1C1D;
- }
-
- /*--------------
- Attached
- ---------------*/
-
- /* Middle */
-
- .ui.attached.menu {
- top: 0;
- bottom: 0;
- border-radius: 0;
- margin: 0 -1px;
- width: calc(100% + 2px);
- max-width: calc(100% + 2px);
- box-shadow: none;
- }
-
- .ui.attached + .ui.attached.menu:not(.top) {
- border-top: none;
- }
-
- /* Top */
-
- .ui[class*="top attached"].menu {
- bottom: 0;
- margin-bottom: 0;
- top: 0;
- margin-top: 1rem;
- border-radius: 0.28571429rem 0.28571429rem 0 0;
- }
-
- .ui.menu[class*="top attached"]:first-child {
- margin-top: 0;
- }
-
- /* Bottom */
-
- .ui[class*="bottom attached"].menu {
- bottom: 0;
- margin-top: 0;
- top: 0;
- margin-bottom: 1rem;
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
- border-radius: 0 0 0.28571429rem 0.28571429rem;
- }
-
- .ui[class*="bottom attached"].menu:last-child {
- margin-bottom: 0;
- }
-
- /* Attached Menu Item */
-
- .ui.top.attached.menu > .item:first-child {
- border-radius: 0.28571429rem 0 0 0;
- }
-
- .ui.bottom.attached.menu > .item:first-child {
- border-radius: 0 0 0 0.28571429rem;
- }
-
- /* Tabular Attached */
-
- .ui.attached.menu:not(.tabular) {
- border: 1px solid #D4D4D5;
- }
-
- .ui.attached.tabular.menu {
- margin-left: 0;
- margin-right: 0;
- width: 100%;
- }
-
- /*--------------
- Sizes
- ---------------*/
-
- .ui.menu {
- font-size: 1rem;
- }
-
- .ui.vertical.menu {
- width: 15rem;
- }
-
- .ui.mini.menu,
- .ui.mini.menu .dropdown,
- .ui.mini.menu .dropdown .menu > .item {
- font-size: 0.78571429rem;
- }
-
- .ui.mini.vertical.menu:not(.icon) {
- width: 9rem;
- }
-
- .ui.tiny.menu,
- .ui.tiny.menu .dropdown,
- .ui.tiny.menu .dropdown .menu > .item {
- font-size: 0.85714286rem;
- }
-
- .ui.tiny.vertical.menu:not(.icon) {
- width: 11rem;
- }
-
- .ui.small.menu,
- .ui.small.menu .dropdown,
- .ui.small.menu .dropdown .menu > .item {
- font-size: 0.92857143rem;
- }
-
- .ui.small.vertical.menu:not(.icon) {
- width: 13rem;
- }
-
- .ui.large.menu,
- .ui.large.menu .dropdown,
- .ui.large.menu .dropdown .menu > .item {
- font-size: 1.07142857rem;
- }
-
- .ui.large.vertical.menu:not(.icon) {
- width: 18rem;
- }
-
- .ui.big.menu,
- .ui.big.menu .dropdown,
- .ui.big.menu .dropdown .menu > .item {
- font-size: 1.14285714rem;
- }
-
- .ui.big.vertical.menu:not(.icon) {
- width: 20rem;
- }
-
- .ui.huge.menu,
- .ui.huge.menu .dropdown,
- .ui.huge.menu .dropdown .menu > .item {
- font-size: 1.21428571rem;
- }
-
- .ui.huge.vertical.menu:not(.icon) {
- width: 22rem;
- }
-
- .ui.massive.menu,
- .ui.massive.menu .dropdown,
- .ui.massive.menu .dropdown .menu > .item {
- font-size: 1.28571429rem;
- }
-
- .ui.massive.vertical.menu:not(.icon) {
- width: 25rem;
- }
-
- /*-------------------
- Inverted dropdowns
- --------------------*/
-
- .ui.menu .ui.inverted.inverted.dropdown.item .menu {
- background: #1B1C1D;
- box-shadow: none;
- }
-
- .ui.menu .ui.inverted.dropdown .menu > .item {
- color: rgba(255, 255, 255, 0.8) !important;
- }
-
- .ui.menu .ui.inverted.dropdown .menu > .active.item {
- background: transparent !important;
- color: rgba(255, 255, 255, 0.8) !important;
- }
-
- .ui.menu .ui.inverted.dropdown .menu > .item:hover {
- background: rgba(255, 255, 255, 0.08) !important;
- color: rgba(255, 255, 255, 0.8) !important;
- }
-
- .ui.menu .ui.inverted.dropdown .menu > .selected.item {
- background: rgba(255, 255, 255, 0.15) !important;
- color: rgba(255, 255, 255, 0.8) !important;
- }
-
- /* Vertical */
-
- .ui.vertical.menu .inverted.dropdown.item .menu {
- box-shadow: none;
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- Site Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Modal
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Modal
- *******************************/
-
- .ui.modal {
- position: absolute;
- display: none;
- z-index: 1001;
- text-align: left;
- background: #FFFFFF;
- border: none;
- box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
- transform-origin: 50% 25%;
- flex: 0 0 auto;
- border-radius: 0.28571429rem;
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- will-change: top, left, margin, transform, opacity;
- }
-
- .ui.modal > :first-child:not(.icon):not(.dimmer),
- .ui.modal > i.icon:first-child + *,
- .ui.modal > .dimmer:first-child + *:not(.icon),
- .ui.modal > .dimmer:first-child + i.icon + * {
- border-top-left-radius: 0.28571429rem;
- border-top-right-radius: 0.28571429rem;
- }
-
- .ui.modal > :last-child {
- border-bottom-left-radius: 0.28571429rem;
- border-bottom-right-radius: 0.28571429rem;
- }
-
- .ui.modal > .ui.dimmer {
- border-radius: inherit;
- }
-
- /*******************************
- Content
- *******************************/
-
- /*--------------
- Close
- ---------------*/
-
- .ui.modal > .close {
- cursor: pointer;
- position: absolute;
- top: -2.5rem;
- right: -2.5rem;
- z-index: 1;
- opacity: 0.8;
- font-size: 1.25em;
- color: #FFFFFF;
- width: 2.25rem;
- height: 2.25rem;
- padding: 0.625rem 0 0 0;
- }
-
- .ui.modal > .close:hover {
- opacity: 1;
- }
-
- /*--------------
- Header
- ---------------*/
-
- .ui.modal > .header {
- display: block;
- font-family: var(--fonts-regular);
- background: #FFFFFF;
- margin: 0;
- padding: 1.25rem 1.5rem;
- box-shadow: none;
- color: rgba(0, 0, 0, 0.85);
- border-bottom: 1px solid rgba(34, 36, 38, 0.15);
- }
-
- .ui.modal > .header:not(.ui) {
- font-size: 1.42857143rem;
- line-height: 1.28571429em;
- font-weight: 500;
- }
-
- /*--------------
- Content
- ---------------*/
-
- .ui.modal > .content {
- display: block;
- width: 100%;
- font-size: 1em;
- line-height: 1.4;
- padding: 1.5rem;
- background: #FFFFFF;
- }
-
- .ui.modal > .image.content {
- display: flex;
- flex-direction: row;
- }
-
- /* Image */
-
- .ui.modal > .content > .image {
- display: block;
- flex: 0 1 auto;
- width: '';
- align-self: start;
- max-width: 100%;
- }
-
- .ui.modal > [class*="top aligned"] {
- align-self: start;
- }
-
- .ui.modal > [class*="middle aligned"] {
- align-self: center;
- }
-
- .ui.modal > [class*="stretched"] {
- align-self: stretch;
- }
-
- /* Description */
-
- .ui.modal > .content > .description {
- display: block;
- flex: 1 0 auto;
- min-width: 0;
- align-self: start;
- }
-
- .ui.modal > .content > i.icon + .description,
- .ui.modal > .content > .image + .description {
- flex: 0 1 auto;
- min-width: '';
- width: auto;
- padding-left: 2em;
- }
-
- /*rtl:ignore*/
-
- .ui.modal > .content > .image > i.icon {
- margin: 0;
- opacity: 1;
- width: auto;
- line-height: 1;
- font-size: 8rem;
- }
-
- /*--------------
- Actions
- ---------------*/
-
- .ui.modal > .actions {
- background: #F9FAFB;
- padding: 1rem 1rem;
- border-top: 1px solid rgba(34, 36, 38, 0.15);
- text-align: right;
- }
-
- .ui.modal .actions > .button:not(.fluid) {
- margin-left: 0.75em;
- }
-
- .ui.basic.modal > .actions {
- border-top: none;
- }
-
- /*-------------------
- Responsive
- --------------------*/
-
- /* Modal Width */
-
- @media only screen and (max-width: 767.98px) {
- .ui.modal:not(.fullscreen) {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.modal:not(.fullscreen) {
- width: 88%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.modal:not(.fullscreen) {
- width: 850px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.modal:not(.fullscreen) {
- width: 900px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.modal:not(.fullscreen) {
- width: 950px;
- margin: 0 0 0 0;
- }
- }
-
- /* Tablet and Mobile */
-
- @media only screen and (max-width: 991.98px) {
- .ui.modal > .header {
- padding-right: 2.25rem;
- }
-
- .ui.modal > .close {
- top: 1.0535rem;
- right: 1rem;
- color: rgba(0, 0, 0, 0.87);
- }
- }
-
- /* Mobile */
-
- @media only screen and (max-width: 767.98px) {
- .ui.modal > .header {
- padding: 0.75rem 1rem !important;
- padding-right: 2.25rem !important;
- }
-
- .ui.overlay.fullscreen.modal > .content.content.content {
- min-height: calc(100vh - 8.1rem);
- }
-
- .ui.overlay.fullscreen.modal > .scrolling.content.content.content {
- max-height: calc(100vh - 8.1rem);
- }
-
- .ui.modal > .content {
- display: block;
- padding: 1rem !important;
- }
-
- .ui.modal > .close {
- top: 0.5rem !important;
- right: 0.5rem !important;
- }
-
- /*rtl:ignore*/
-
- .ui.modal .image.content {
- flex-direction: column;
- }
-
- .ui.modal > .content > .image {
- display: block;
- max-width: 100%;
- margin: 0 auto !important;
- text-align: center;
- padding: 0 0 1rem !important;
- }
-
- .ui.modal > .content > .image > i.icon {
- font-size: 5rem;
- text-align: center;
- }
-
- /*rtl:ignore*/
-
- .ui.modal > .content > .description {
- display: block;
- width: 100% !important;
- margin: 0 !important;
- padding: 1rem 0 !important;
- box-shadow: none;
- }
-
- /* Let Buttons Stack */
-
- .ui.modal > .actions {
- padding: 1rem 1rem 0rem !important;
- }
-
- .ui.modal .actions > .buttons,
- .ui.modal .actions > .button {
- margin-bottom: 1rem;
- }
- }
-
- /*--------------
- Coupling
- ---------------*/
-
- .ui.inverted.dimmer > .ui.modal {
- box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
- }
-
- /*******************************
- Types
- *******************************/
-
- .ui.basic.modal {
- background-color: transparent;
- border: none;
- border-radius: 0;
- box-shadow: none !important;
- color: #FFFFFF;
- }
-
- .ui.basic.modal > .header,
- .ui.basic.modal > .content,
- .ui.basic.modal > .actions {
- background-color: transparent;
- }
-
- .ui.basic.modal > .header {
- color: #FFFFFF;
- border-bottom: none;
- }
-
- .ui.basic.modal > .close {
- top: 1rem;
- right: 1.5rem;
- color: #FFFFFF;
- }
-
- .ui.inverted.dimmer > .basic.modal {
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.inverted.dimmer > .ui.basic.modal > .header {
- color: rgba(0, 0, 0, 0.85);
- }
-
- /* Resort to margin positioning if legacy */
-
- .ui.legacy.legacy.modal,
- .ui.legacy.legacy.page.dimmer > .ui.modal {
- left: 50% !important;
- }
-
- .ui.legacy.legacy.modal:not(.aligned),
- .ui.legacy.legacy.page.dimmer > .ui.modal:not(.aligned) {
- top: 50%;
- }
-
- .ui.legacy.legacy.page.dimmer > .ui.scrolling.modal:not(.aligned),
- .ui.page.dimmer > .ui.scrolling.legacy.legacy.modal:not(.aligned),
- .ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal:not(.aligned),
- .ui.top.aligned.dimmer > .ui.legacy.legacy.modal:not(.aligned) {
- top: auto;
- }
-
- .ui.legacy.overlay.fullscreen.modal {
- margin-top: -2rem !important;
- }
-
- /*******************************
- States
- *******************************/
-
- .ui.loading.modal {
- display: block;
- visibility: hidden;
- z-index: -1;
- }
-
- .ui.active.modal {
- display: block;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*--------------
- Aligned
- ---------------*/
-
- .modals.dimmer .ui.top.aligned.modal {
- top: 5vh;
- }
-
- .modals.dimmer .ui.bottom.aligned.modal {
- bottom: 5vh;
- }
-
- @media only screen and (max-width: 767.98px) {
- .modals.dimmer .ui.top.aligned.modal {
- top: 1rem;
- }
-
- .modals.dimmer .ui.bottom.aligned.modal {
- bottom: 1rem;
- }
- }
-
- /*--------------
- Scrolling
- ---------------*/
-
- /* Scrolling Dimmer */
-
- .scrolling.dimmable.dimmed {
- overflow: hidden;
- }
-
- .scrolling.dimmable > .dimmer {
- justify-content: flex-start;
- position: fixed;
- }
-
- .scrolling.dimmable.dimmed > .dimmer {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- }
-
- .modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
- margin: 2rem auto;
- }
-
- /* Fix for Firefox, Edge, IE11 */
-
- .modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
- content: '\00A0';
- position: absolute;
- height: 2rem;
- }
-
- /* Undetached Scrolling */
-
- .scrolling.undetached.dimmable.dimmed {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- }
-
- .scrolling.undetached.dimmable.dimmed > .dimmer {
- overflow: hidden;
- }
-
- .scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
- position: absolute;
- left: 50%;
- }
-
- /* Scrolling Content */
-
- .ui.modal > .scrolling.content {
- max-height: calc(80vh - 10rem);
- overflow: auto;
- }
-
- .ui.overlay.fullscreen.modal > .content {
- min-height: calc(100vh - 9.1rem);
- }
-
- .ui.overlay.fullscreen.modal > .scrolling.content {
- max-height: calc(100vh - 9.1rem);
- }
-
- /*--------------
- Full Screen
- ---------------*/
-
- .ui.fullscreen.modal {
- width: 95%;
- left: 2.5%;
- margin: 1em auto;
- }
-
- .ui.overlay.fullscreen.modal {
- width: 100%;
- left: 0;
- margin: 0 auto;
- top: 0;
- border-radius: 0;
- }
-
- .ui.modal > .close.inside + .header,
- .ui.fullscreen.modal > .header {
- padding-right: 2.25rem;
- }
-
- .ui.modal > .close.inside,
- .ui.fullscreen.modal > .close {
- top: 1.0535rem;
- right: 1rem;
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.basic.fullscreen.modal > .close {
- color: #FFFFFF;
- }
-
- /*--------------
- Size
- ---------------*/
-
- .ui.modal {
- font-size: 1rem;
- }
-
- .ui.mini.modal > .header:not(.ui) {
- font-size: 1.3em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.mini.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.mini.modal {
- width: 35.2%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.mini.modal {
- width: 340px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.mini.modal {
- width: 360px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.mini.modal {
- width: 380px;
- margin: 0 0 0 0;
- }
- }
-
- .ui.tiny.modal > .header:not(.ui) {
- font-size: 1.3em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.tiny.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.tiny.modal {
- width: 52.8%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.tiny.modal {
- width: 510px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.tiny.modal {
- width: 540px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.tiny.modal {
- width: 570px;
- margin: 0 0 0 0;
- }
- }
-
- .ui.small.modal > .header:not(.ui) {
- font-size: 1.3em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.small.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.small.modal {
- width: 70.4%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.small.modal {
- width: 680px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.small.modal {
- width: 720px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.small.modal {
- width: 760px;
- margin: 0 0 0 0;
- }
- }
-
- .ui.large.modal > .header:not(.ui) {
- font-size: 1.6em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.large.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.large.modal {
- width: 88%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.large.modal {
- width: 1020px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.large.modal {
- width: 1080px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.large.modal {
- width: 1140px;
- margin: 0 0 0 0;
- }
- }
-
- .ui.big.modal > .header:not(.ui) {
- font-size: 1.6em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.big.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.big.modal {
- width: 88%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.big.modal {
- width: 1190px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.big.modal {
- width: 1260px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.big.modal {
- width: 1330px;
- margin: 0 0 0 0;
- }
- }
-
- .ui.huge.modal > .header:not(.ui) {
- font-size: 1.6em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.huge.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.huge.modal {
- width: 88%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.huge.modal {
- width: 1360px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.huge.modal {
- width: 1440px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.huge.modal {
- width: 1520px;
- margin: 0 0 0 0;
- }
- }
-
- .ui.massive.modal > .header:not(.ui) {
- font-size: 1.8em;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.massive.modal {
- width: 95%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.massive.modal {
- width: 88%;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.massive.modal {
- width: 1530px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1200px) {
- .ui.massive.modal {
- width: 1620px;
- margin: 0 0 0 0;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.massive.modal {
- width: 1710px;
- margin: 0 0 0 0;
- }
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- Site Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Search
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- Search
- *******************************/
-
- .ui.search {
- position: relative;
- }
-
- .ui.search > .prompt {
- margin: 0;
- outline: none;
- -webkit-appearance: none;
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
- text-shadow: none;
- font-style: normal;
- font-weight: normal;
- line-height: 1.21428571em;
- padding: 0.67857143em 1em;
- font-size: 1em;
- background: #FFFFFF;
- border: 1px solid rgba(34, 36, 38, 0.15);
- color: rgba(0, 0, 0, 0.87);
- box-shadow: 0 0 0 0 transparent inset;
- transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
- }
-
- .ui.search .prompt {
- border-radius: 500rem;
- }
-
- /*--------------
- Icon
- ---------------*/
-
- .ui.search .prompt ~ .search.icon {
- cursor: pointer;
- }
-
- /*--------------
- Results
- ---------------*/
-
- .ui.search > .results {
- display: none;
- position: absolute;
- top: 100%;
- left: 0;
- transform-origin: center top;
- white-space: normal;
- text-align: left;
- text-transform: none;
- background: #FFFFFF;
- margin-top: 0.5em;
- width: 18em;
- border-radius: 0.28571429rem;
- box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
- border: 1px solid #D4D4D5;
- z-index: 998;
- }
-
- .ui.search > .results > :first-child {
- border-radius: 0.28571429rem 0.28571429rem 0 0;
- }
-
- .ui.search > .results > :last-child {
- border-radius: 0 0 0.28571429rem 0.28571429rem;
- }
-
- /*--------------
- Result
- ---------------*/
-
- .ui.search > .results .result {
- cursor: pointer;
- display: block;
- overflow: hidden;
- font-size: 1em;
- padding: 0.85714286em 1.14285714em;
- color: rgba(0, 0, 0, 0.87);
- line-height: 1.33;
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
- }
-
- .ui.search > .results .result:last-child {
- border-bottom: none !important;
- }
-
- /* Image */
-
- .ui.search > .results .result .image {
- float: right;
- overflow: hidden;
- background: none;
- width: 5em;
- height: 3em;
- border-radius: 0.25em;
- }
-
- .ui.search > .results .result .image img {
- display: block;
- width: auto;
- height: 100%;
- }
-
- /*--------------
- Info
- ---------------*/
-
- .ui.search > .results .result .image + .content {
- margin: 0 6em 0 0;
- }
-
- .ui.search > .results .result .title {
- margin: -0.14285714em 0 0;
- font-family: var(--fonts-regular);
- font-weight: 500;
- font-size: 1em;
- color: rgba(0, 0, 0, 0.85);
- }
-
- .ui.search > .results .result .description {
- margin-top: 0;
- font-size: 0.92857143em;
- color: rgba(0, 0, 0, 0.4);
- }
-
- .ui.search > .results .result .price {
- float: right;
- color: #21BA45;
- }
-
- /*--------------
- Message
- ---------------*/
-
- .ui.search > .results > .message {
- padding: 1em 1em;
- }
-
- .ui.search > .results > .message .header {
- font-family: var(--fonts-regular);
- font-size: 1rem;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.search > .results > .message .description {
- margin-top: 0.25rem;
- font-size: 1em;
- color: rgba(0, 0, 0, 0.87);
- }
-
- /* View All Results */
-
- .ui.search > .results > .action {
- display: block;
- border-top: none;
- background: #F3F4F5;
- padding: 0.92857143em 1em;
- color: rgba(0, 0, 0, 0.87);
- font-weight: 500;
- text-align: center;
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------------
- Focus
- ---------------------*/
-
- .ui.search > .prompt:focus {
- border-color: rgba(34, 36, 38, 0.35);
- background: #FFFFFF;
- color: rgba(0, 0, 0, 0.95);
- }
-
- /*--------------------
- Loading
- ---------------------*/
-
- .ui.loading.search .input > i.icon:before {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- border-radius: 500rem;
- border: 0.2em solid rgba(0, 0, 0, 0.1);
- }
-
- .ui.loading.search .input > i.icon:after {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -0.64285714em 0 0 -0.64285714em;
- width: 1.28571429em;
- height: 1.28571429em;
- animation: loader 0.6s infinite linear;
- border: 0.2em solid #767676;
- border-radius: 500rem;
- box-shadow: 0 0 0 1px transparent;
- }
-
- /*--------------
- Hover
- ---------------*/
-
- .ui.search > .results .result:hover,
- .ui.category.search > .results .category .result:hover {
- background: #F9FAFB;
- }
-
- .ui.search .action:hover:not(div) {
- background: #E0E0E0;
- }
-
- /*--------------
- Active
- ---------------*/
-
- .ui.category.search > .results .category.active {
- background: #F3F4F5;
- }
-
- .ui.category.search > .results .category.active > .name {
- color: rgba(0, 0, 0, 0.87);
- }
-
- .ui.search > .results .result.active,
- .ui.category.search > .results .category .result.active {
- position: relative;
- border-left-color: rgba(34, 36, 38, 0.1);
- background: #F3F4F5;
- box-shadow: none;
- }
-
- .ui.search > .results .result.active .title {
- color: rgba(0, 0, 0, 0.85);
- }
-
- .ui.search > .results .result.active .description {
- color: rgba(0, 0, 0, 0.85);
- }
-
- /*--------------------
- Disabled
- ----------------------*/
-
- /* Disabled */
-
- .ui.disabled.search {
- cursor: default;
- pointer-events: none;
- opacity: var(--opacity-disabled);
- }
-
- /*******************************
- Types
- *******************************/
-
- /*--------------
- Selection
- ---------------*/
-
- .ui.search.selection .prompt {
- border-radius: 0.28571429rem;
- }
-
- /* Remove input */
-
- .ui.search.selection > .icon.input > .remove.icon {
- pointer-events: none;
- position: absolute;
- left: auto;
- opacity: 0;
- color: '';
- top: 0;
- right: 0;
- transition: color 0.1s ease, opacity 0.1s ease;
- }
-
- .ui.search.selection > .icon.input > .active.remove.icon {
- cursor: pointer;
- opacity: 0.8;
- pointer-events: auto;
- }
-
- .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
- right: 1.85714em;
- }
-
- .ui.search.selection > .icon.input > .remove.icon:hover {
- opacity: 1;
- color: #DB2828;
- }
-
- /*--------------
- Category
- ---------------*/
-
- .ui.category.search .results {
- width: 28em;
- }
-
- .ui.category.search .results.animating,
- .ui.category.search .results.visible {
- display: table;
- }
-
- /* Category */
-
- .ui.category.search > .results .category {
- display: table-row;
- background: #F3F4F5;
- box-shadow: none;
- transition: background 0.1s ease, border-color 0.1s ease;
- }
-
- /* Last Category */
-
- .ui.category.search > .results .category:last-child {
- border-bottom: none;
- }
-
- /* First / Last */
-
- .ui.category.search > .results .category:first-child .name + .result {
- border-radius: 0 0.28571429rem 0 0;
- }
-
- .ui.category.search > .results .category:last-child .result:last-child {
- border-radius: 0 0 0.28571429rem 0;
- }
-
- /* Category Result Name */
-
- .ui.category.search > .results .category > .name {
- display: table-cell;
- text-overflow: ellipsis;
- width: 100px;
- white-space: nowrap;
- background: transparent;
- font-family: var(--fonts-regular);
- font-size: 1em;
- padding: 0.4em 1em;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.4);
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
- }
-
- /* Category Result */
-
- .ui.category.search > .results .category .results {
- display: table-cell;
- background: #FFFFFF;
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
- }
-
- .ui.category.search > .results .category .result {
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
- transition: background 0.1s ease, border-color 0.1s ease;
- padding: 0.85714286em 1.14285714em;
- }
-
- /*******************************
- Variations
- *******************************/
-
- /*-------------------
- Scrolling
- --------------------*/
-
- .ui.scrolling.search > .results,
- .ui.search.long > .results,
- .ui.search.short > .results {
- overflow-x: hidden;
- overflow-y: auto;
- backface-visibility: hidden;
- -webkit-overflow-scrolling: touch;
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.scrolling.search > .results {
- max-height: 12.17714286em;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.scrolling.search > .results {
- max-height: 18.26571429em;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.scrolling.search > .results {
- max-height: 24.35428571em;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.scrolling.search > .results {
- max-height: 36.53142857em;
- }
- }
-
- @media only screen and (max-width: 767.98px) {
- .ui.search.short > .results {
- max-height: 12.17714286em;
- }
-
- .ui.search[class*="very short"] > .results {
- max-height: 9.13285714em;
- }
-
- .ui.search.long > .results {
- max-height: 24.35428571em;
- }
-
- .ui.search[class*="very long"] > .results {
- max-height: 36.53142857em;
- }
- }
-
- @media only screen and (min-width: 768px) {
- .ui.search.short > .results {
- max-height: 18.26571429em;
- }
-
- .ui.search[class*="very short"] > .results {
- max-height: 13.69928571em;
- }
-
- .ui.search.long > .results {
- max-height: 36.53142857em;
- }
-
- .ui.search[class*="very long"] > .results {
- max-height: 54.79714286em;
- }
- }
-
- @media only screen and (min-width: 992px) {
- .ui.search.short > .results {
- max-height: 24.35428571em;
- }
-
- .ui.search[class*="very short"] > .results {
- max-height: 18.26571429em;
- }
-
- .ui.search.long > .results {
- max-height: 48.70857143em;
- }
-
- .ui.search[class*="very long"] > .results {
- max-height: 73.06285714em;
- }
- }
-
- @media only screen and (min-width: 1920px) {
- .ui.search.short > .results {
- max-height: 36.53142857em;
- }
-
- .ui.search[class*="very short"] > .results {
- max-height: 27.39857143em;
- }
-
- .ui.search.long > .results {
- max-height: 73.06285714em;
- }
-
- .ui.search[class*="very long"] > .results {
- max-height: 109.59428571em;
- }
- }
-
- /*-------------------
- Left / Right
- --------------------*/
-
- .ui[class*="left aligned"].search > .results {
- right: auto;
- left: 0;
- }
-
- .ui[class*="right aligned"].search > .results {
- right: 0;
- left: auto;
- }
-
- /*--------------
- Fluid
- ---------------*/
-
- .ui.fluid.search .results {
- width: 100%;
- }
-
- /*--------------
- Sizes
- ---------------*/
-
- .ui.search {
- font-size: 1em;
- }
-
- .ui.mini.search {
- font-size: 0.78571429em;
- }
-
- .ui.tiny.search {
- font-size: 0.85714286em;
- }
-
- .ui.small.search {
- font-size: 0.92857143em;
- }
-
- .ui.large.search {
- font-size: 1.14285714em;
- }
-
- .ui.big.search {
- font-size: 1.28571429em;
- }
-
- .ui.huge.search {
- font-size: 1.42857143em;
- }
-
- .ui.massive.search {
- font-size: 1.71428571em;
- }
-
- /*--------------
- Mobile
- ---------------*/
-
- @media only screen and (max-width: 767.98px) {
- .ui.search .results {
- max-width: calc(100vw - 2rem);
- }
- }
-
- /*******************************
- Theme Overrides
- *******************************/
-
- /*******************************
- Site Overrides
- *******************************/
- /*!
- * # Fomantic-UI - Tab
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
- /*******************************
- UI Tabs
- *******************************/
-
- .ui.tab {
- display: none;
- }
-
- /*******************************
- States
- *******************************/
-
- /*--------------------
- Active
- ---------------------*/
-
- .ui.tab.active,
- .ui.tab.open {
- display: block;
- }
-
- /*--------------------
- Loading
- ---------------------*/
-
- .ui.tab.loading {
- position: relative;
- overflow: hidden;
- display: block;
- min-height: 250px;
- }
-
- .ui.tab.loading * {
- position: relative !important;
- left: -10000px !important;
- }
-
- .ui.tab.loading:before,
- .ui.tab.loading.segment:before {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -1.25em 0 0 -1.25em;
- width: 2.5em;
- height: 2.5em;
- border-radius: 500rem;
- border: 0.2em solid rgba(0, 0, 0, 0.1);
- }
-
- .ui.tab.loading:after,
- .ui.tab.loading.segment:after {
- position: absolute;
- content: '';
- top: 50%;
- left: 50%;
- margin: -1.25em 0 0 -1.25em;
- width: 2.5em;
- height: 2.5em;
- animation: loader 0.6s infinite linear;
- border: 0.2em solid #767676;
- border-radius: 500rem;
- box-shadow: 0 0 0 1px transparent;
- }
-
- /*******************************
- Tab Overrides
- *******************************/
-
- /*******************************
- User Overrides
- *******************************/
|