angular-material.css 291 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. html, body {
  8. height: 100%;
  9. color: rgba(0, 0, 0, 0.87);
  10. /*background: white;*/
  11. position: relative; }
  12. body {
  13. margin: 0;
  14. padding: 0; }
  15. [tabindex='-1']:focus {
  16. outline: none; }
  17. .inset {
  18. padding: 10px; }
  19. button.md-no-style {
  20. font-weight: normal;
  21. background-color: inherit;
  22. text-align: left;
  23. border: none;
  24. padding: 0;
  25. margin: 0; }
  26. select, button, textarea, input {
  27. vertical-align: baseline; }
  28. input[type="reset"], input[type="submit"], html input[type="button"], button {
  29. cursor: pointer;
  30. -webkit-appearance: button; }
  31. input[type="reset"][disabled], input[type="submit"][disabled], html input[type="button"][disabled], button[disabled] {
  32. cursor: default; }
  33. textarea {
  34. vertical-align: top;
  35. overflow: auto; }
  36. input[type="search"] {
  37. -webkit-appearance: textfield;
  38. box-sizing: content-box;
  39. -webkit-box-sizing: content-box; }
  40. input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  41. -webkit-appearance: none; }
  42. .md-visually-hidden {
  43. border: 0;
  44. clip: rect(0 0 0 0);
  45. height: 1px;
  46. margin: -1px;
  47. overflow: hidden;
  48. padding: 0;
  49. position: absolute;
  50. text-transform: none;
  51. width: 1px; }
  52. .md-shadow {
  53. position: absolute;
  54. top: 0;
  55. left: 0;
  56. bottom: 0;
  57. right: 0;
  58. border-radius: inherit;
  59. pointer-events: none; }
  60. .md-shadow-bottom-z-1 {
  61. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  62. .md-shadow-bottom-z-2 {
  63. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  64. .md-shadow-animated.md-shadow {
  65. transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  66. /*
  67. * A container inside of a rippling element (eg a button),
  68. * which contains all of the individual ripples
  69. */
  70. .md-ripple-container {
  71. pointer-events: none;
  72. position: absolute;
  73. overflow: hidden;
  74. left: 0;
  75. top: 0;
  76. width: 100%;
  77. height: 100%;
  78. transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }
  79. .md-ripple {
  80. position: absolute;
  81. -webkit-transform: translate(-50%, -50%) scale(0);
  82. transform: translate(-50%, -50%) scale(0);
  83. -webkit-transform-origin: 50% 50%;
  84. transform-origin: 50% 50%;
  85. opacity: 0;
  86. border-radius: 50%; }
  87. .md-ripple.md-ripple-placed {
  88. transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
  89. transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
  90. .md-ripple.md-ripple-scaled {
  91. -webkit-transform: translate(-50%, -50%) scale(1);
  92. transform: translate(-50%, -50%) scale(1); }
  93. .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  94. opacity: 0.20; }
  95. .md-padding {
  96. padding: 8px; }
  97. .md-margin {
  98. margin: 8px; }
  99. .md-scroll-mask {
  100. position: absolute;
  101. background-color: transparent;
  102. top: 0;
  103. right: 0;
  104. bottom: 0;
  105. left: 0; }
  106. .md-scroll-mask > .md-scroll-mask-bar {
  107. display: block;
  108. position: absolute;
  109. background-color: #fafafa;
  110. right: 0;
  111. top: 0;
  112. bottom: 0;
  113. z-index: 65;
  114. box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }
  115. @media (min-width: 600px) {
  116. .md-padding {
  117. padding: 16px; } }
  118. html, body {
  119. -webkit-tap-highlight-color: transparent;
  120. -webkit-touch-callout: none;
  121. min-height: 100%;
  122. -webkit-text-size-adjust: 100%;
  123. -ms-text-size-adjust: 100%;
  124. -webkit-font-smoothing: antialiased;
  125. -moz-osx-font-smoothing: grayscale; }
  126. /************
  127. * Headings
  128. ************/
  129. .md-display-4 {
  130. font-size: 112px;
  131. font-weight: 300;
  132. letter-spacing: -0.01em;
  133. line-height: 112px; }
  134. .md-display-3 {
  135. font-size: 56px;
  136. font-weight: 400;
  137. letter-spacing: -0.005em;
  138. line-height: 56px; }
  139. .md-display-2 {
  140. font-size: 45px;
  141. font-weight: 400;
  142. line-height: 64px; }
  143. .md-display-1 {
  144. font-size: 34px;
  145. font-weight: 400;
  146. line-height: 40px; }
  147. .md-headline {
  148. font-size: 24px;
  149. font-weight: 400;
  150. line-height: 32px; }
  151. .md-title {
  152. font-size: 20px;
  153. font-weight: 500;
  154. letter-spacing: 0.005em; }
  155. .md-subhead {
  156. font-size: 16px;
  157. font-weight: 400;
  158. letter-spacing: 0.01em;
  159. line-height: 24px; }
  160. /************
  161. * Body Copy
  162. ************/
  163. .md-body-1 {
  164. font-size: 14px;
  165. font-weight: 400;
  166. letter-spacing: 0.01em;
  167. line-height: 20px; }
  168. .md-body-2 {
  169. font-size: 14px;
  170. font-weight: 500;
  171. letter-spacing: 0.01em;
  172. line-height: 24px; }
  173. .md-caption {
  174. font-size: 12px;
  175. letter-spacing: 0.02em; }
  176. .md-button {
  177. letter-spacing: 0.01em; }
  178. /************
  179. * Defaults
  180. ************/
  181. button, select, html, textarea, input {
  182. font-family: Roboto, 'Helvetica Neue', sans-serif; }
  183. select, button, textarea, input {
  184. font-size: 100%; }
  185. /*
  186. *
  187. * Responsive attributes
  188. *
  189. * References:
  190. * 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
  191. * 2) https://css-tricks.com/almanac/properties/f/flex/
  192. * 3) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
  193. * 4) http://godban.com.ua/projects/flexgrid
  194. *
  195. */
  196. @-moz-document url-prefix() {
  197. .layout-fill {
  198. margin: 0;
  199. width: 100%;
  200. min-height: 100%;
  201. height: 100%; } }
  202. /*
  203. * Apply Mixins to create Layout/Flexbox styles
  204. *
  205. */
  206. .flex-order {
  207. -webkit-order: 0;
  208. -ms-flex-order: 0;
  209. order: 0; }
  210. .flex-order-0 {
  211. -webkit-order: 0;
  212. -ms-flex-order: 0;
  213. order: 0; }
  214. .flex-order-1 {
  215. -webkit-order: 1;
  216. -ms-flex-order: 1;
  217. order: 1; }
  218. .flex-order-2 {
  219. -webkit-order: 2;
  220. -ms-flex-order: 2;
  221. order: 2; }
  222. .flex-order-3 {
  223. -webkit-order: 3;
  224. -ms-flex-order: 3;
  225. order: 3; }
  226. .flex-order-4 {
  227. -webkit-order: 4;
  228. -ms-flex-order: 4;
  229. order: 4; }
  230. .flex-order-5 {
  231. -webkit-order: 5;
  232. -ms-flex-order: 5;
  233. order: 5; }
  234. .flex-order-6 {
  235. -webkit-order: 6;
  236. -ms-flex-order: 6;
  237. order: 6; }
  238. .flex-order-7 {
  239. -webkit-order: 7;
  240. -ms-flex-order: 7;
  241. order: 7; }
  242. .flex-order-8 {
  243. -webkit-order: 8;
  244. -ms-flex-order: 8;
  245. order: 8; }
  246. .flex-order-9 {
  247. -webkit-order: 9;
  248. -ms-flex-order: 9;
  249. order: 9; }
  250. .flex-order-10 {
  251. -webkit-order: 10;
  252. -ms-flex-order: 10;
  253. order: 10; }
  254. .flex-order-11 {
  255. -webkit-order: 11;
  256. -ms-flex-order: 11;
  257. order: 11; }
  258. .flex-order-12 {
  259. -webkit-order: 12;
  260. -ms-flex-order: 12;
  261. order: 12; }
  262. .flex-order-13 {
  263. -webkit-order: 13;
  264. -ms-flex-order: 13;
  265. order: 13; }
  266. .flex-order-14 {
  267. -webkit-order: 14;
  268. -ms-flex-order: 14;
  269. order: 14; }
  270. .flex-order-15 {
  271. -webkit-order: 15;
  272. -ms-flex-order: 15;
  273. order: 15; }
  274. .flex-order-16 {
  275. -webkit-order: 16;
  276. -ms-flex-order: 16;
  277. order: 16; }
  278. .flex-order-17 {
  279. -webkit-order: 17;
  280. -ms-flex-order: 17;
  281. order: 17; }
  282. .flex-order-18 {
  283. -webkit-order: 18;
  284. -ms-flex-order: 18;
  285. order: 18; }
  286. .flex-order-19 {
  287. -webkit-order: 19;
  288. -ms-flex-order: 19;
  289. order: 19; }
  290. .offset-0, .flex-offset-0 {
  291. margin-left: 0%; }
  292. .offset-5, .flex-offset-5 {
  293. margin-left: 5%; }
  294. .offset-10, .flex-offset-10 {
  295. margin-left: 10%; }
  296. .offset-15, .flex-offset-15 {
  297. margin-left: 15%; }
  298. .offset-20, .flex-offset-20 {
  299. margin-left: 20%; }
  300. .offset-25, .flex-offset-25 {
  301. margin-left: 25%; }
  302. .offset-30, .flex-offset-30 {
  303. margin-left: 30%; }
  304. .offset-35, .flex-offset-35 {
  305. margin-left: 35%; }
  306. .offset-40, .flex-offset-40 {
  307. margin-left: 40%; }
  308. .offset-45, .flex-offset-45 {
  309. margin-left: 45%; }
  310. .offset-50, .flex-offset-50 {
  311. margin-left: 50%; }
  312. .offset-55, .flex-offset-55 {
  313. margin-left: 55%; }
  314. .offset-60, .flex-offset-60 {
  315. margin-left: 60%; }
  316. .offset-65, .flex-offset-65 {
  317. margin-left: 65%; }
  318. .offset-70, .flex-offset-70 {
  319. margin-left: 70%; }
  320. .offset-75, .flex-offset-75 {
  321. margin-left: 75%; }
  322. .offset-80, .flex-offset-80 {
  323. margin-left: 80%; }
  324. .offset-85, .flex-offset-85 {
  325. margin-left: 85%; }
  326. .offset-90, .flex-offset-90 {
  327. margin-left: 90%; }
  328. .offset-95, .flex-offset-95 {
  329. margin-left: 95%; }
  330. .offset-33, .flex-offset-33 {
  331. margin-left: 33%; }
  332. .offset-34, .flex-offset-34 {
  333. margin-left: 34%; }
  334. .offset-66, .flex-offset-66 {
  335. margin-left: 66%; }
  336. .offset-67, .flex-offset-67 {
  337. margin-left: 67%; }
  338. .layout-align-center, .layout-align-center-center, .layout-align-center-start, .layout-align-center-end {
  339. -webkit-justify-content: center;
  340. -ms-flex-pack: center;
  341. justify-content: center; }
  342. .layout-align-end, .layout-align-end-center, .layout-align-end-start, .layout-align-end-end {
  343. -webkit-justify-content: flex-end;
  344. -ms-flex-pack: end;
  345. justify-content: flex-end; }
  346. .layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end {
  347. -webkit-justify-content: space-around;
  348. -ms-flex-pack: distribute;
  349. justify-content: space-around; }
  350. .layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end {
  351. -webkit-justify-content: space-between;
  352. -ms-flex-pack: justify;
  353. justify-content: space-between; }
  354. .layout-align-center-start, .layout-align-start-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start {
  355. -webkit-align-items: flex-start;
  356. -ms-flex-align: start;
  357. align-items: flex-start; }
  358. .layout-align-center-center, .layout-align-start-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center {
  359. -webkit-align-items: center;
  360. -ms-flex-align: center;
  361. align-items: center;
  362. max-width: 100%; }
  363. .layout-align-center-center > *, .layout-align-start-center > *, .layout-align-end-center > *, .layout-align-space-between-center > *, .layout-align-space-around-center > * {
  364. max-width: 100%;
  365. box-sizing: border-box; }
  366. .layout-align-center-end, .layout-align-start-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end {
  367. -webkit-align-items: flex-end;
  368. -ms-flex-align: end;
  369. align-items: flex-end; }
  370. .flex {
  371. -webkit-flex: 1;
  372. -ms-flex: 1;
  373. flex: 1;
  374. box-sizing: border-box; }
  375. .flex-grow {
  376. -webkit-flex: 1 1 100%;
  377. -ms-flex: 1 1 100%;
  378. flex: 1 1 100%;
  379. box-sizing: border-box; }
  380. .flex-initial {
  381. -webkit-flex: 0 1 auto;
  382. -ms-flex: 0 1 auto;
  383. flex: 0 1 auto;
  384. box-sizing: border-box; }
  385. .flex-auto {
  386. -webkit-flex: 1 1 auto;
  387. -ms-flex: 1 1 auto;
  388. flex: 1 1 auto;
  389. box-sizing: border-box; }
  390. .flex-none {
  391. -webkit-flex: 0 0 auto;
  392. -ms-flex: 0 0 auto;
  393. flex: 0 0 auto;
  394. box-sizing: border-box; }
  395. .flex-0 {
  396. -webkit-flex: 0 0 0%;
  397. -ms-flex: 0 0 0%;
  398. flex: 0 0 0%;
  399. max-width: 0%;
  400. max-height: 100%;
  401. box-sizing: border-box; }
  402. .layout-row > .flex-0, .layout-row > .flex-0 {
  403. -webkit-flex: 0 0 0%;
  404. -ms-flex: 0 0 0%;
  405. flex: 0 0 0%;
  406. max-width: 0%;
  407. max-height: 100%;
  408. box-sizing: border-box; }
  409. .layout-column > .flex-0, .layout-column > .flex-0 {
  410. -webkit-flex: 0 0 0%;
  411. -ms-flex: 0 0 0%;
  412. flex: 0 0 0%;
  413. max-width: 100%;
  414. max-height: 0%;
  415. box-sizing: border-box; }
  416. .flex-5 {
  417. -webkit-flex: 0 0 5%;
  418. -ms-flex: 0 0 5%;
  419. flex: 0 0 5%;
  420. max-width: 5%;
  421. max-height: 100%;
  422. box-sizing: border-box; }
  423. .layout-row > .flex-5, .layout-row > .flex-5 {
  424. -webkit-flex: 0 0 5%;
  425. -ms-flex: 0 0 5%;
  426. flex: 0 0 5%;
  427. max-width: 5%;
  428. max-height: 100%;
  429. box-sizing: border-box; }
  430. .layout-column > .flex-5, .layout-column > .flex-5 {
  431. -webkit-flex: 0 0 5%;
  432. -ms-flex: 0 0 5%;
  433. flex: 0 0 5%;
  434. max-width: 100%;
  435. max-height: 5%;
  436. box-sizing: border-box; }
  437. .flex-10 {
  438. -webkit-flex: 0 0 10%;
  439. -ms-flex: 0 0 10%;
  440. flex: 0 0 10%;
  441. max-width: 10%;
  442. max-height: 100%;
  443. box-sizing: border-box; }
  444. .layout-row > .flex-10, .layout-row > .flex-10 {
  445. -webkit-flex: 0 0 10%;
  446. -ms-flex: 0 0 10%;
  447. flex: 0 0 10%;
  448. max-width: 10%;
  449. max-height: 100%;
  450. box-sizing: border-box; }
  451. .layout-column > .flex-10, .layout-column > .flex-10 {
  452. -webkit-flex: 0 0 10%;
  453. -ms-flex: 0 0 10%;
  454. flex: 0 0 10%;
  455. max-width: 100%;
  456. max-height: 10%;
  457. box-sizing: border-box; }
  458. .flex-15 {
  459. -webkit-flex: 0 0 15%;
  460. -ms-flex: 0 0 15%;
  461. flex: 0 0 15%;
  462. max-width: 15%;
  463. max-height: 100%;
  464. box-sizing: border-box; }
  465. .layout-row > .flex-15, .layout-row > .flex-15 {
  466. -webkit-flex: 0 0 15%;
  467. -ms-flex: 0 0 15%;
  468. flex: 0 0 15%;
  469. max-width: 15%;
  470. max-height: 100%;
  471. box-sizing: border-box; }
  472. .layout-column > .flex-15, .layout-column > .flex-15 {
  473. -webkit-flex: 0 0 15%;
  474. -ms-flex: 0 0 15%;
  475. flex: 0 0 15%;
  476. max-width: 100%;
  477. max-height: 15%;
  478. box-sizing: border-box; }
  479. .flex-20 {
  480. -webkit-flex: 0 0 20%;
  481. -ms-flex: 0 0 20%;
  482. flex: 0 0 20%;
  483. max-width: 20%;
  484. max-height: 100%;
  485. box-sizing: border-box; }
  486. .layout-row > .flex-20, .layout-row > .flex-20 {
  487. -webkit-flex: 0 0 20%;
  488. -ms-flex: 0 0 20%;
  489. flex: 0 0 20%;
  490. max-width: 20%;
  491. max-height: 100%;
  492. box-sizing: border-box; }
  493. .layout-column > .flex-20, .layout-column > .flex-20 {
  494. -webkit-flex: 0 0 20%;
  495. -ms-flex: 0 0 20%;
  496. flex: 0 0 20%;
  497. max-width: 100%;
  498. max-height: 20%;
  499. box-sizing: border-box; }
  500. .flex-25 {
  501. -webkit-flex: 0 0 25%;
  502. -ms-flex: 0 0 25%;
  503. flex: 0 0 25%;
  504. max-width: 25%;
  505. max-height: 100%;
  506. box-sizing: border-box; }
  507. .layout-row > .flex-25, .layout-row > .flex-25 {
  508. -webkit-flex: 0 0 25%;
  509. -ms-flex: 0 0 25%;
  510. flex: 0 0 25%;
  511. max-width: 25%;
  512. max-height: 100%;
  513. box-sizing: border-box; }
  514. .layout-column > .flex-25, .layout-column > .flex-25 {
  515. -webkit-flex: 0 0 25%;
  516. -ms-flex: 0 0 25%;
  517. flex: 0 0 25%;
  518. max-width: 100%;
  519. max-height: 25%;
  520. box-sizing: border-box; }
  521. .flex-30 {
  522. -webkit-flex: 0 0 30%;
  523. -ms-flex: 0 0 30%;
  524. flex: 0 0 30%;
  525. max-width: 30%;
  526. max-height: 100%;
  527. box-sizing: border-box; }
  528. .layout-row > .flex-30, .layout-row > .flex-30 {
  529. -webkit-flex: 0 0 30%;
  530. -ms-flex: 0 0 30%;
  531. flex: 0 0 30%;
  532. max-width: 30%;
  533. max-height: 100%;
  534. box-sizing: border-box; }
  535. .layout-column > .flex-30, .layout-column > .flex-30 {
  536. -webkit-flex: 0 0 30%;
  537. -ms-flex: 0 0 30%;
  538. flex: 0 0 30%;
  539. max-width: 100%;
  540. max-height: 30%;
  541. box-sizing: border-box; }
  542. .flex-35 {
  543. -webkit-flex: 0 0 35%;
  544. -ms-flex: 0 0 35%;
  545. flex: 0 0 35%;
  546. max-width: 35%;
  547. max-height: 100%;
  548. box-sizing: border-box; }
  549. .layout-row > .flex-35, .layout-row > .flex-35 {
  550. -webkit-flex: 0 0 35%;
  551. -ms-flex: 0 0 35%;
  552. flex: 0 0 35%;
  553. max-width: 35%;
  554. max-height: 100%;
  555. box-sizing: border-box; }
  556. .layout-column > .flex-35, .layout-column > .flex-35 {
  557. -webkit-flex: 0 0 35%;
  558. -ms-flex: 0 0 35%;
  559. flex: 0 0 35%;
  560. max-width: 100%;
  561. max-height: 35%;
  562. box-sizing: border-box; }
  563. .flex-40 {
  564. -webkit-flex: 0 0 40%;
  565. -ms-flex: 0 0 40%;
  566. flex: 0 0 40%;
  567. max-width: 40%;
  568. max-height: 100%;
  569. box-sizing: border-box; }
  570. .layout-row > .flex-40, .layout-row > .flex-40 {
  571. -webkit-flex: 0 0 40%;
  572. -ms-flex: 0 0 40%;
  573. flex: 0 0 40%;
  574. max-width: 40%;
  575. max-height: 100%;
  576. box-sizing: border-box; }
  577. .layout-column > .flex-40, .layout-column > .flex-40 {
  578. -webkit-flex: 0 0 40%;
  579. -ms-flex: 0 0 40%;
  580. flex: 0 0 40%;
  581. max-width: 100%;
  582. max-height: 40%;
  583. box-sizing: border-box; }
  584. .flex-45 {
  585. -webkit-flex: 0 0 45%;
  586. -ms-flex: 0 0 45%;
  587. flex: 0 0 45%;
  588. max-width: 45%;
  589. max-height: 100%;
  590. box-sizing: border-box; }
  591. .layout-row > .flex-45, .layout-row > .flex-45 {
  592. -webkit-flex: 0 0 45%;
  593. -ms-flex: 0 0 45%;
  594. flex: 0 0 45%;
  595. max-width: 45%;
  596. max-height: 100%;
  597. box-sizing: border-box; }
  598. .layout-column > .flex-45, .layout-column > .flex-45 {
  599. -webkit-flex: 0 0 45%;
  600. -ms-flex: 0 0 45%;
  601. flex: 0 0 45%;
  602. max-width: 100%;
  603. max-height: 45%;
  604. box-sizing: border-box; }
  605. .flex-50 {
  606. -webkit-flex: 0 0 50%;
  607. -ms-flex: 0 0 50%;
  608. flex: 0 0 50%;
  609. max-width: 50%;
  610. max-height: 100%;
  611. box-sizing: border-box; }
  612. .layout-row > .flex-50, .layout-row > .flex-50 {
  613. -webkit-flex: 0 0 50%;
  614. -ms-flex: 0 0 50%;
  615. flex: 0 0 50%;
  616. max-width: 50%;
  617. max-height: 100%;
  618. box-sizing: border-box; }
  619. .layout-column > .flex-50, .layout-column > .flex-50 {
  620. -webkit-flex: 0 0 50%;
  621. -ms-flex: 0 0 50%;
  622. flex: 0 0 50%;
  623. max-width: 100%;
  624. max-height: 50%;
  625. box-sizing: border-box; }
  626. .flex-55 {
  627. -webkit-flex: 0 0 55%;
  628. -ms-flex: 0 0 55%;
  629. flex: 0 0 55%;
  630. max-width: 55%;
  631. max-height: 100%;
  632. box-sizing: border-box; }
  633. .layout-row > .flex-55, .layout-row > .flex-55 {
  634. -webkit-flex: 0 0 55%;
  635. -ms-flex: 0 0 55%;
  636. flex: 0 0 55%;
  637. max-width: 55%;
  638. max-height: 100%;
  639. box-sizing: border-box; }
  640. .layout-column > .flex-55, .layout-column > .flex-55 {
  641. -webkit-flex: 0 0 55%;
  642. -ms-flex: 0 0 55%;
  643. flex: 0 0 55%;
  644. max-width: 100%;
  645. max-height: 55%;
  646. box-sizing: border-box; }
  647. .flex-60 {
  648. -webkit-flex: 0 0 60%;
  649. -ms-flex: 0 0 60%;
  650. flex: 0 0 60%;
  651. max-width: 60%;
  652. max-height: 100%;
  653. box-sizing: border-box; }
  654. .layout-row > .flex-60, .layout-row > .flex-60 {
  655. -webkit-flex: 0 0 60%;
  656. -ms-flex: 0 0 60%;
  657. flex: 0 0 60%;
  658. max-width: 60%;
  659. max-height: 100%;
  660. box-sizing: border-box; }
  661. .layout-column > .flex-60, .layout-column > .flex-60 {
  662. -webkit-flex: 0 0 60%;
  663. -ms-flex: 0 0 60%;
  664. flex: 0 0 60%;
  665. max-width: 100%;
  666. max-height: 60%;
  667. box-sizing: border-box; }
  668. .flex-65 {
  669. -webkit-flex: 0 0 65%;
  670. -ms-flex: 0 0 65%;
  671. flex: 0 0 65%;
  672. max-width: 65%;
  673. max-height: 100%;
  674. box-sizing: border-box; }
  675. .layout-row > .flex-65, .layout-row > .flex-65 {
  676. -webkit-flex: 0 0 65%;
  677. -ms-flex: 0 0 65%;
  678. flex: 0 0 65%;
  679. max-width: 65%;
  680. max-height: 100%;
  681. box-sizing: border-box; }
  682. .layout-column > .flex-65, .layout-column > .flex-65 {
  683. -webkit-flex: 0 0 65%;
  684. -ms-flex: 0 0 65%;
  685. flex: 0 0 65%;
  686. max-width: 100%;
  687. max-height: 65%;
  688. box-sizing: border-box; }
  689. .flex-70 {
  690. -webkit-flex: 0 0 70%;
  691. -ms-flex: 0 0 70%;
  692. flex: 0 0 70%;
  693. max-width: 70%;
  694. max-height: 100%;
  695. box-sizing: border-box; }
  696. .layout-row > .flex-70, .layout-row > .flex-70 {
  697. -webkit-flex: 0 0 70%;
  698. -ms-flex: 0 0 70%;
  699. flex: 0 0 70%;
  700. max-width: 70%;
  701. max-height: 100%;
  702. box-sizing: border-box; }
  703. .layout-column > .flex-70, .layout-column > .flex-70 {
  704. -webkit-flex: 0 0 70%;
  705. -ms-flex: 0 0 70%;
  706. flex: 0 0 70%;
  707. max-width: 100%;
  708. max-height: 70%;
  709. box-sizing: border-box; }
  710. .flex-75 {
  711. -webkit-flex: 0 0 75%;
  712. -ms-flex: 0 0 75%;
  713. flex: 0 0 75%;
  714. max-width: 75%;
  715. max-height: 100%;
  716. box-sizing: border-box; }
  717. .layout-row > .flex-75, .layout-row > .flex-75 {
  718. -webkit-flex: 0 0 75%;
  719. -ms-flex: 0 0 75%;
  720. flex: 0 0 75%;
  721. max-width: 75%;
  722. max-height: 100%;
  723. box-sizing: border-box; }
  724. .layout-column > .flex-75, .layout-column > .flex-75 {
  725. -webkit-flex: 0 0 75%;
  726. -ms-flex: 0 0 75%;
  727. flex: 0 0 75%;
  728. max-width: 100%;
  729. max-height: 75%;
  730. box-sizing: border-box; }
  731. .flex-80 {
  732. -webkit-flex: 0 0 80%;
  733. -ms-flex: 0 0 80%;
  734. flex: 0 0 80%;
  735. max-width: 80%;
  736. max-height: 100%;
  737. box-sizing: border-box; }
  738. .layout-row > .flex-80, .layout-row > .flex-80 {
  739. -webkit-flex: 0 0 80%;
  740. -ms-flex: 0 0 80%;
  741. flex: 0 0 80%;
  742. max-width: 80%;
  743. max-height: 100%;
  744. box-sizing: border-box; }
  745. .layout-column > .flex-80, .layout-column > .flex-80 {
  746. -webkit-flex: 0 0 80%;
  747. -ms-flex: 0 0 80%;
  748. flex: 0 0 80%;
  749. max-width: 100%;
  750. max-height: 80%;
  751. box-sizing: border-box; }
  752. .flex-85 {
  753. -webkit-flex: 0 0 85%;
  754. -ms-flex: 0 0 85%;
  755. flex: 0 0 85%;
  756. max-width: 85%;
  757. max-height: 100%;
  758. box-sizing: border-box; }
  759. .layout-row > .flex-85, .layout-row > .flex-85 {
  760. -webkit-flex: 0 0 85%;
  761. -ms-flex: 0 0 85%;
  762. flex: 0 0 85%;
  763. max-width: 85%;
  764. max-height: 100%;
  765. box-sizing: border-box; }
  766. .layout-column > .flex-85, .layout-column > .flex-85 {
  767. -webkit-flex: 0 0 85%;
  768. -ms-flex: 0 0 85%;
  769. flex: 0 0 85%;
  770. max-width: 100%;
  771. max-height: 85%;
  772. box-sizing: border-box; }
  773. .flex-90 {
  774. -webkit-flex: 0 0 90%;
  775. -ms-flex: 0 0 90%;
  776. flex: 0 0 90%;
  777. max-width: 90%;
  778. max-height: 100%;
  779. box-sizing: border-box; }
  780. .layout-row > .flex-90, .layout-row > .flex-90 {
  781. -webkit-flex: 0 0 90%;
  782. -ms-flex: 0 0 90%;
  783. flex: 0 0 90%;
  784. max-width: 90%;
  785. max-height: 100%;
  786. box-sizing: border-box; }
  787. .layout-column > .flex-90, .layout-column > .flex-90 {
  788. -webkit-flex: 0 0 90%;
  789. -ms-flex: 0 0 90%;
  790. flex: 0 0 90%;
  791. max-width: 100%;
  792. max-height: 90%;
  793. box-sizing: border-box; }
  794. .flex-95 {
  795. -webkit-flex: 0 0 95%;
  796. -ms-flex: 0 0 95%;
  797. flex: 0 0 95%;
  798. max-width: 95%;
  799. max-height: 100%;
  800. box-sizing: border-box; }
  801. .layout-row > .flex-95, .layout-row > .flex-95 {
  802. -webkit-flex: 0 0 95%;
  803. -ms-flex: 0 0 95%;
  804. flex: 0 0 95%;
  805. max-width: 95%;
  806. max-height: 100%;
  807. box-sizing: border-box; }
  808. .layout-column > .flex-95, .layout-column > .flex-95 {
  809. -webkit-flex: 0 0 95%;
  810. -ms-flex: 0 0 95%;
  811. flex: 0 0 95%;
  812. max-width: 100%;
  813. max-height: 95%;
  814. box-sizing: border-box; }
  815. .flex-100 {
  816. -webkit-flex: 0 0 100%;
  817. -ms-flex: 0 0 100%;
  818. flex: 0 0 100%;
  819. max-width: 100%;
  820. max-height: 100%;
  821. box-sizing: border-box; }
  822. .layout-row > .flex-100, .layout-row > .flex-100 {
  823. -webkit-flex: 0 0 100%;
  824. -ms-flex: 0 0 100%;
  825. flex: 0 0 100%;
  826. max-width: 100%;
  827. max-height: 100%;
  828. box-sizing: border-box; }
  829. .layout-column > .flex-100, .layout-column > .flex-100 {
  830. -webkit-flex: 0 0 100%;
  831. -ms-flex: 0 0 100%;
  832. flex: 0 0 100%;
  833. max-width: 100%;
  834. max-height: 100%;
  835. box-sizing: border-box; }
  836. .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33 {
  837. -webkit-flex: 0 0 33%;
  838. -ms-flex: 0 0 33%;
  839. flex: 0 0 33%;
  840. max-width: 33%;
  841. max-height: 100%;
  842. box-sizing: border-box; }
  843. .layout-row > .flex-34, .layout-row > .flex-34, .layout-row > .flex-34, .layout-row > .flex-34 {
  844. -webkit-flex: 0 0 34%;
  845. -ms-flex: 0 0 34%;
  846. flex: 0 0 34%;
  847. max-width: 34%;
  848. max-height: 100%;
  849. box-sizing: border-box; }
  850. .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66 {
  851. -webkit-flex: 0 0 66%;
  852. -ms-flex: 0 0 66%;
  853. flex: 0 0 66%;
  854. max-width: 66%;
  855. max-height: 100%;
  856. box-sizing: border-box; }
  857. .layout-row > .flex-67, .layout-row > .flex-67, .layout-row > .flex-67, .layout-row > .flex-67 {
  858. -webkit-flex: 0 0 67%;
  859. -ms-flex: 0 0 67%;
  860. flex: 0 0 67%;
  861. max-width: 67%;
  862. max-height: 100%;
  863. box-sizing: border-box; }
  864. .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 {
  865. -webkit-flex: 0 0 33%;
  866. -ms-flex: 0 0 33%;
  867. flex: 0 0 33%;
  868. max-width: 100%;
  869. max-height: 33%;
  870. box-sizing: border-box; }
  871. .layout-column > .flex-34, .layout-column > .flex-34, .layout-column > .flex-34, .layout-column > .flex-34 {
  872. -webkit-flex: 0 0 34%;
  873. -ms-flex: 0 0 34%;
  874. flex: 0 0 34%;
  875. max-width: 100%;
  876. max-height: 34%;
  877. box-sizing: border-box; }
  878. .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 {
  879. -webkit-flex: 0 0 66%;
  880. -ms-flex: 0 0 66%;
  881. flex: 0 0 66%;
  882. max-width: 100%;
  883. max-height: 66%;
  884. box-sizing: border-box; }
  885. .layout-column > .flex-67, .layout-column > .flex-67, .layout-column > .flex-67, .layout-column > .flex-67 {
  886. -webkit-flex: 0 0 67%;
  887. -ms-flex: 0 0 67%;
  888. flex: 0 0 67%;
  889. max-width: 100%;
  890. max-height: 67%;
  891. box-sizing: border-box; }
  892. .layout, .layout-column, .layout-row {
  893. box-sizing: border-box;
  894. display: -webkit-flex;
  895. display: -ms-flexbox;
  896. display: flex; }
  897. .layout-column {
  898. -webkit-flex-direction: column;
  899. -ms-flex-direction: column;
  900. flex-direction: column; }
  901. .layout-row {
  902. -webkit-flex-direction: row;
  903. -ms-flex-direction: row;
  904. flex-direction: row; }
  905. .layout-padding > .flex-sm, .layout-padding > .flex-lt-md {
  906. padding: 4px; }
  907. .layout-padding, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md, .layout-padding > .flex-lt-lg {
  908. padding: 8px; }
  909. .layout-padding > .flex-gt-md, .layout-padding > .flex-lg {
  910. padding: 16px; }
  911. .layout-margin > .flex-sm, .layout-margin > .flex-lt-md {
  912. margin: 4px; }
  913. .layout-margin, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md, .layout-margin > .flex-lt-lg {
  914. margin: 8px; }
  915. .layout-margin > .flex-gt-md, .layout-margin > .flex-lg {
  916. margin: 16px; }
  917. .layout-wrap {
  918. -webkit-flex-wrap: wrap;
  919. -ms-flex-wrap: wrap;
  920. flex-wrap: wrap; }
  921. .layout-nowrap {
  922. -webkit-flex-wrap: nowrap;
  923. -ms-flex-wrap: nowrap;
  924. flex-wrap: nowrap; }
  925. .layout-fill {
  926. margin: 0;
  927. width: 100%;
  928. min-height: 100%;
  929. height: 100%; }
  930. /**
  931. * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
  932. * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
  933. * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
  934. *
  935. * hide means hide everywhere
  936. * Sizes:
  937. * 0 <= size < 600 Phone
  938. * 600 <= size < 960 Tablet
  939. * 960 <= size < 1200 Tablet-Landscape
  940. */
  941. @media (max-width: 599px) {
  942. .hide-sm:not(.show-sm):not(.show), .hide:not(.show-sm):not(.show) {
  943. display: none; }
  944. .flex-order-sm-0 {
  945. -webkit-order: 0;
  946. -ms-flex-order: 0;
  947. order: 0; }
  948. .flex-order-sm-1 {
  949. -webkit-order: 1;
  950. -ms-flex-order: 1;
  951. order: 1; }
  952. .flex-order-sm-2 {
  953. -webkit-order: 2;
  954. -ms-flex-order: 2;
  955. order: 2; }
  956. .flex-order-sm-3 {
  957. -webkit-order: 3;
  958. -ms-flex-order: 3;
  959. order: 3; }
  960. .flex-order-sm-4 {
  961. -webkit-order: 4;
  962. -ms-flex-order: 4;
  963. order: 4; }
  964. .flex-order-sm-5 {
  965. -webkit-order: 5;
  966. -ms-flex-order: 5;
  967. order: 5; }
  968. .flex-order-sm-6 {
  969. -webkit-order: 6;
  970. -ms-flex-order: 6;
  971. order: 6; }
  972. .flex-order-sm-7 {
  973. -webkit-order: 7;
  974. -ms-flex-order: 7;
  975. order: 7; }
  976. .flex-order-sm-8 {
  977. -webkit-order: 8;
  978. -ms-flex-order: 8;
  979. order: 8; }
  980. .flex-order-sm-9 {
  981. -webkit-order: 9;
  982. -ms-flex-order: 9;
  983. order: 9; }
  984. .flex-order-sm-10 {
  985. -webkit-order: 10;
  986. -ms-flex-order: 10;
  987. order: 10; }
  988. .flex-order-sm-11 {
  989. -webkit-order: 11;
  990. -ms-flex-order: 11;
  991. order: 11; }
  992. .flex-order-sm-12 {
  993. -webkit-order: 12;
  994. -ms-flex-order: 12;
  995. order: 12; }
  996. .flex-order-sm-13 {
  997. -webkit-order: 13;
  998. -ms-flex-order: 13;
  999. order: 13; }
  1000. .flex-order-sm-14 {
  1001. -webkit-order: 14;
  1002. -ms-flex-order: 14;
  1003. order: 14; }
  1004. .flex-order-sm-15 {
  1005. -webkit-order: 15;
  1006. -ms-flex-order: 15;
  1007. order: 15; }
  1008. .flex-order-sm-16 {
  1009. -webkit-order: 16;
  1010. -ms-flex-order: 16;
  1011. order: 16; }
  1012. .flex-order-sm-17 {
  1013. -webkit-order: 17;
  1014. -ms-flex-order: 17;
  1015. order: 17; }
  1016. .flex-order-sm-18 {
  1017. -webkit-order: 18;
  1018. -ms-flex-order: 18;
  1019. order: 18; }
  1020. .flex-order-sm-19 {
  1021. -webkit-order: 19;
  1022. -ms-flex-order: 19;
  1023. order: 19; }
  1024. .offset-sm-0, .flex-offset-sm-0 {
  1025. margin-left: 0%; }
  1026. .offset-sm-5, .flex-offset-sm-5 {
  1027. margin-left: 5%; }
  1028. .offset-sm-10, .flex-offset-sm-10 {
  1029. margin-left: 10%; }
  1030. .offset-sm-15, .flex-offset-sm-15 {
  1031. margin-left: 15%; }
  1032. .offset-sm-20, .flex-offset-sm-20 {
  1033. margin-left: 20%; }
  1034. .offset-sm-25, .flex-offset-sm-25 {
  1035. margin-left: 25%; }
  1036. .offset-sm-30, .flex-offset-sm-30 {
  1037. margin-left: 30%; }
  1038. .offset-sm-35, .flex-offset-sm-35 {
  1039. margin-left: 35%; }
  1040. .offset-sm-40, .flex-offset-sm-40 {
  1041. margin-left: 40%; }
  1042. .offset-sm-45, .flex-offset-sm-45 {
  1043. margin-left: 45%; }
  1044. .offset-sm-50, .flex-offset-sm-50 {
  1045. margin-left: 50%; }
  1046. .offset-sm-55, .flex-offset-sm-55 {
  1047. margin-left: 55%; }
  1048. .offset-sm-60, .flex-offset-sm-60 {
  1049. margin-left: 60%; }
  1050. .offset-sm-65, .flex-offset-sm-65 {
  1051. margin-left: 65%; }
  1052. .offset-sm-70, .flex-offset-sm-70 {
  1053. margin-left: 70%; }
  1054. .offset-sm-75, .flex-offset-sm-75 {
  1055. margin-left: 75%; }
  1056. .offset-sm-80, .flex-offset-sm-80 {
  1057. margin-left: 80%; }
  1058. .offset-sm-85, .flex-offset-sm-85 {
  1059. margin-left: 85%; }
  1060. .offset-sm-90, .flex-offset-sm-90 {
  1061. margin-left: 90%; }
  1062. .offset-sm-95, .flex-offset-sm-95 {
  1063. margin-left: 95%; }
  1064. .offset-sm-33, .flex-offset-sm-33 {
  1065. margin-left: 33%; }
  1066. .offset-sm-34, .flex-offset-sm-34 {
  1067. margin-left: 34%; }
  1068. .offset-sm-66, .flex-offset-sm-66 {
  1069. margin-left: 66%; }
  1070. .offset-sm-67, .flex-offset-sm-67 {
  1071. margin-left: 67%; }
  1072. .layout-align-sm-center, .layout-align-sm-center-center, .layout-align-sm-center-start, .layout-align-sm-center-end {
  1073. -webkit-justify-content: center;
  1074. -ms-flex-pack: center;
  1075. justify-content: center; }
  1076. .layout-align-sm-end, .layout-align-sm-end-center, .layout-align-sm-end-start, .layout-align-sm-end-end {
  1077. -webkit-justify-content: flex-end;
  1078. -ms-flex-pack: end;
  1079. justify-content: flex-end; }
  1080. .layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end {
  1081. -webkit-justify-content: space-around;
  1082. -ms-flex-pack: distribute;
  1083. justify-content: space-around; }
  1084. .layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end {
  1085. -webkit-justify-content: space-between;
  1086. -ms-flex-pack: justify;
  1087. justify-content: space-between; }
  1088. .layout-align-sm-center-start, .layout-align-sm-start-start, .layout-align-sm-end-start, .layout-align-sm-space-between-start, .layout-align-sm-space-around-start {
  1089. -webkit-align-items: flex-start;
  1090. -ms-flex-align: start;
  1091. align-items: flex-start; }
  1092. .layout-align-sm-center-center, .layout-align-sm-start-center, .layout-align-sm-end-center, .layout-align-sm-space-between-center, .layout-align-sm-space-around-center {
  1093. -webkit-align-items: center;
  1094. -ms-flex-align: center;
  1095. align-items: center;
  1096. max-width: 100%; }
  1097. .layout-align-sm-center-center > *, .layout-align-sm-start-center > *, .layout-align-sm-end-center > *, .layout-align-sm-space-between-center > *, .layout-align-sm-space-around-center > * {
  1098. max-width: 100%;
  1099. box-sizing: border-box; }
  1100. .layout-align-sm-center-end, .layout-align-sm-start-end, .layout-align-sm-end-end, .layout-align-sm-space-between-end, .layout-align-sm-space-around-end {
  1101. -webkit-align-items: flex-end;
  1102. -ms-flex-align: end;
  1103. align-items: flex-end; }
  1104. .flex-sm {
  1105. -webkit-flex: 1;
  1106. -ms-flex: 1;
  1107. flex: 1;
  1108. box-sizing: border-box; }
  1109. .flex-sm-grow {
  1110. -webkit-flex: 1 1 100%;
  1111. -ms-flex: 1 1 100%;
  1112. flex: 1 1 100%;
  1113. box-sizing: border-box; }
  1114. .flex-sm-initial {
  1115. -webkit-flex: 0 1 auto;
  1116. -ms-flex: 0 1 auto;
  1117. flex: 0 1 auto;
  1118. box-sizing: border-box; }
  1119. .flex-sm-auto {
  1120. -webkit-flex: 1 1 auto;
  1121. -ms-flex: 1 1 auto;
  1122. flex: 1 1 auto;
  1123. box-sizing: border-box; }
  1124. .flex-sm-none {
  1125. -webkit-flex: 0 0 auto;
  1126. -ms-flex: 0 0 auto;
  1127. flex: 0 0 auto;
  1128. box-sizing: border-box; }
  1129. .flex-sm-0 {
  1130. -webkit-flex: 0 0 0%;
  1131. -ms-flex: 0 0 0%;
  1132. flex: 0 0 0%;
  1133. max-width: 0%;
  1134. max-height: 100%;
  1135. box-sizing: border-box; }
  1136. .layout-row > .flex-sm-0, .layout-sm-row > .flex-sm-0 {
  1137. -webkit-flex: 0 0 0%;
  1138. -ms-flex: 0 0 0%;
  1139. flex: 0 0 0%;
  1140. max-width: 0%;
  1141. max-height: 100%;
  1142. box-sizing: border-box; }
  1143. .layout-column > .flex-sm-0, .layout-sm-column > .flex-sm-0 {
  1144. -webkit-flex: 0 0 0%;
  1145. -ms-flex: 0 0 0%;
  1146. flex: 0 0 0%;
  1147. max-width: 100%;
  1148. max-height: 0%;
  1149. box-sizing: border-box; }
  1150. .flex-sm-5 {
  1151. -webkit-flex: 0 0 5%;
  1152. -ms-flex: 0 0 5%;
  1153. flex: 0 0 5%;
  1154. max-width: 5%;
  1155. max-height: 100%;
  1156. box-sizing: border-box; }
  1157. .layout-row > .flex-sm-5, .layout-sm-row > .flex-sm-5 {
  1158. -webkit-flex: 0 0 5%;
  1159. -ms-flex: 0 0 5%;
  1160. flex: 0 0 5%;
  1161. max-width: 5%;
  1162. max-height: 100%;
  1163. box-sizing: border-box; }
  1164. .layout-column > .flex-sm-5, .layout-sm-column > .flex-sm-5 {
  1165. -webkit-flex: 0 0 5%;
  1166. -ms-flex: 0 0 5%;
  1167. flex: 0 0 5%;
  1168. max-width: 100%;
  1169. max-height: 5%;
  1170. box-sizing: border-box; }
  1171. .flex-sm-10 {
  1172. -webkit-flex: 0 0 10%;
  1173. -ms-flex: 0 0 10%;
  1174. flex: 0 0 10%;
  1175. max-width: 10%;
  1176. max-height: 100%;
  1177. box-sizing: border-box; }
  1178. .layout-row > .flex-sm-10, .layout-sm-row > .flex-sm-10 {
  1179. -webkit-flex: 0 0 10%;
  1180. -ms-flex: 0 0 10%;
  1181. flex: 0 0 10%;
  1182. max-width: 10%;
  1183. max-height: 100%;
  1184. box-sizing: border-box; }
  1185. .layout-column > .flex-sm-10, .layout-sm-column > .flex-sm-10 {
  1186. -webkit-flex: 0 0 10%;
  1187. -ms-flex: 0 0 10%;
  1188. flex: 0 0 10%;
  1189. max-width: 100%;
  1190. max-height: 10%;
  1191. box-sizing: border-box; }
  1192. .flex-sm-15 {
  1193. -webkit-flex: 0 0 15%;
  1194. -ms-flex: 0 0 15%;
  1195. flex: 0 0 15%;
  1196. max-width: 15%;
  1197. max-height: 100%;
  1198. box-sizing: border-box; }
  1199. .layout-row > .flex-sm-15, .layout-sm-row > .flex-sm-15 {
  1200. -webkit-flex: 0 0 15%;
  1201. -ms-flex: 0 0 15%;
  1202. flex: 0 0 15%;
  1203. max-width: 15%;
  1204. max-height: 100%;
  1205. box-sizing: border-box; }
  1206. .layout-column > .flex-sm-15, .layout-sm-column > .flex-sm-15 {
  1207. -webkit-flex: 0 0 15%;
  1208. -ms-flex: 0 0 15%;
  1209. flex: 0 0 15%;
  1210. max-width: 100%;
  1211. max-height: 15%;
  1212. box-sizing: border-box; }
  1213. .flex-sm-20 {
  1214. -webkit-flex: 0 0 20%;
  1215. -ms-flex: 0 0 20%;
  1216. flex: 0 0 20%;
  1217. max-width: 20%;
  1218. max-height: 100%;
  1219. box-sizing: border-box; }
  1220. .layout-row > .flex-sm-20, .layout-sm-row > .flex-sm-20 {
  1221. -webkit-flex: 0 0 20%;
  1222. -ms-flex: 0 0 20%;
  1223. flex: 0 0 20%;
  1224. max-width: 20%;
  1225. max-height: 100%;
  1226. box-sizing: border-box; }
  1227. .layout-column > .flex-sm-20, .layout-sm-column > .flex-sm-20 {
  1228. -webkit-flex: 0 0 20%;
  1229. -ms-flex: 0 0 20%;
  1230. flex: 0 0 20%;
  1231. max-width: 100%;
  1232. max-height: 20%;
  1233. box-sizing: border-box; }
  1234. .flex-sm-25 {
  1235. -webkit-flex: 0 0 25%;
  1236. -ms-flex: 0 0 25%;
  1237. flex: 0 0 25%;
  1238. max-width: 25%;
  1239. max-height: 100%;
  1240. box-sizing: border-box; }
  1241. .layout-row > .flex-sm-25, .layout-sm-row > .flex-sm-25 {
  1242. -webkit-flex: 0 0 25%;
  1243. -ms-flex: 0 0 25%;
  1244. flex: 0 0 25%;
  1245. max-width: 25%;
  1246. max-height: 100%;
  1247. box-sizing: border-box; }
  1248. .layout-column > .flex-sm-25, .layout-sm-column > .flex-sm-25 {
  1249. -webkit-flex: 0 0 25%;
  1250. -ms-flex: 0 0 25%;
  1251. flex: 0 0 25%;
  1252. max-width: 100%;
  1253. max-height: 25%;
  1254. box-sizing: border-box; }
  1255. .flex-sm-30 {
  1256. -webkit-flex: 0 0 30%;
  1257. -ms-flex: 0 0 30%;
  1258. flex: 0 0 30%;
  1259. max-width: 30%;
  1260. max-height: 100%;
  1261. box-sizing: border-box; }
  1262. .layout-row > .flex-sm-30, .layout-sm-row > .flex-sm-30 {
  1263. -webkit-flex: 0 0 30%;
  1264. -ms-flex: 0 0 30%;
  1265. flex: 0 0 30%;
  1266. max-width: 30%;
  1267. max-height: 100%;
  1268. box-sizing: border-box; }
  1269. .layout-column > .flex-sm-30, .layout-sm-column > .flex-sm-30 {
  1270. -webkit-flex: 0 0 30%;
  1271. -ms-flex: 0 0 30%;
  1272. flex: 0 0 30%;
  1273. max-width: 100%;
  1274. max-height: 30%;
  1275. box-sizing: border-box; }
  1276. .flex-sm-35 {
  1277. -webkit-flex: 0 0 35%;
  1278. -ms-flex: 0 0 35%;
  1279. flex: 0 0 35%;
  1280. max-width: 35%;
  1281. max-height: 100%;
  1282. box-sizing: border-box; }
  1283. .layout-row > .flex-sm-35, .layout-sm-row > .flex-sm-35 {
  1284. -webkit-flex: 0 0 35%;
  1285. -ms-flex: 0 0 35%;
  1286. flex: 0 0 35%;
  1287. max-width: 35%;
  1288. max-height: 100%;
  1289. box-sizing: border-box; }
  1290. .layout-column > .flex-sm-35, .layout-sm-column > .flex-sm-35 {
  1291. -webkit-flex: 0 0 35%;
  1292. -ms-flex: 0 0 35%;
  1293. flex: 0 0 35%;
  1294. max-width: 100%;
  1295. max-height: 35%;
  1296. box-sizing: border-box; }
  1297. .flex-sm-40 {
  1298. -webkit-flex: 0 0 40%;
  1299. -ms-flex: 0 0 40%;
  1300. flex: 0 0 40%;
  1301. max-width: 40%;
  1302. max-height: 100%;
  1303. box-sizing: border-box; }
  1304. .layout-row > .flex-sm-40, .layout-sm-row > .flex-sm-40 {
  1305. -webkit-flex: 0 0 40%;
  1306. -ms-flex: 0 0 40%;
  1307. flex: 0 0 40%;
  1308. max-width: 40%;
  1309. max-height: 100%;
  1310. box-sizing: border-box; }
  1311. .layout-column > .flex-sm-40, .layout-sm-column > .flex-sm-40 {
  1312. -webkit-flex: 0 0 40%;
  1313. -ms-flex: 0 0 40%;
  1314. flex: 0 0 40%;
  1315. max-width: 100%;
  1316. max-height: 40%;
  1317. box-sizing: border-box; }
  1318. .flex-sm-45 {
  1319. -webkit-flex: 0 0 45%;
  1320. -ms-flex: 0 0 45%;
  1321. flex: 0 0 45%;
  1322. max-width: 45%;
  1323. max-height: 100%;
  1324. box-sizing: border-box; }
  1325. .layout-row > .flex-sm-45, .layout-sm-row > .flex-sm-45 {
  1326. -webkit-flex: 0 0 45%;
  1327. -ms-flex: 0 0 45%;
  1328. flex: 0 0 45%;
  1329. max-width: 45%;
  1330. max-height: 100%;
  1331. box-sizing: border-box; }
  1332. .layout-column > .flex-sm-45, .layout-sm-column > .flex-sm-45 {
  1333. -webkit-flex: 0 0 45%;
  1334. -ms-flex: 0 0 45%;
  1335. flex: 0 0 45%;
  1336. max-width: 100%;
  1337. max-height: 45%;
  1338. box-sizing: border-box; }
  1339. .flex-sm-50 {
  1340. -webkit-flex: 0 0 50%;
  1341. -ms-flex: 0 0 50%;
  1342. flex: 0 0 50%;
  1343. max-width: 50%;
  1344. max-height: 100%;
  1345. box-sizing: border-box; }
  1346. .layout-row > .flex-sm-50, .layout-sm-row > .flex-sm-50 {
  1347. -webkit-flex: 0 0 50%;
  1348. -ms-flex: 0 0 50%;
  1349. flex: 0 0 50%;
  1350. max-width: 50%;
  1351. max-height: 100%;
  1352. box-sizing: border-box; }
  1353. .layout-column > .flex-sm-50, .layout-sm-column > .flex-sm-50 {
  1354. -webkit-flex: 0 0 50%;
  1355. -ms-flex: 0 0 50%;
  1356. flex: 0 0 50%;
  1357. max-width: 100%;
  1358. max-height: 50%;
  1359. box-sizing: border-box; }
  1360. .flex-sm-55 {
  1361. -webkit-flex: 0 0 55%;
  1362. -ms-flex: 0 0 55%;
  1363. flex: 0 0 55%;
  1364. max-width: 55%;
  1365. max-height: 100%;
  1366. box-sizing: border-box; }
  1367. .layout-row > .flex-sm-55, .layout-sm-row > .flex-sm-55 {
  1368. -webkit-flex: 0 0 55%;
  1369. -ms-flex: 0 0 55%;
  1370. flex: 0 0 55%;
  1371. max-width: 55%;
  1372. max-height: 100%;
  1373. box-sizing: border-box; }
  1374. .layout-column > .flex-sm-55, .layout-sm-column > .flex-sm-55 {
  1375. -webkit-flex: 0 0 55%;
  1376. -ms-flex: 0 0 55%;
  1377. flex: 0 0 55%;
  1378. max-width: 100%;
  1379. max-height: 55%;
  1380. box-sizing: border-box; }
  1381. .flex-sm-60 {
  1382. -webkit-flex: 0 0 60%;
  1383. -ms-flex: 0 0 60%;
  1384. flex: 0 0 60%;
  1385. max-width: 60%;
  1386. max-height: 100%;
  1387. box-sizing: border-box; }
  1388. .layout-row > .flex-sm-60, .layout-sm-row > .flex-sm-60 {
  1389. -webkit-flex: 0 0 60%;
  1390. -ms-flex: 0 0 60%;
  1391. flex: 0 0 60%;
  1392. max-width: 60%;
  1393. max-height: 100%;
  1394. box-sizing: border-box; }
  1395. .layout-column > .flex-sm-60, .layout-sm-column > .flex-sm-60 {
  1396. -webkit-flex: 0 0 60%;
  1397. -ms-flex: 0 0 60%;
  1398. flex: 0 0 60%;
  1399. max-width: 100%;
  1400. max-height: 60%;
  1401. box-sizing: border-box; }
  1402. .flex-sm-65 {
  1403. -webkit-flex: 0 0 65%;
  1404. -ms-flex: 0 0 65%;
  1405. flex: 0 0 65%;
  1406. max-width: 65%;
  1407. max-height: 100%;
  1408. box-sizing: border-box; }
  1409. .layout-row > .flex-sm-65, .layout-sm-row > .flex-sm-65 {
  1410. -webkit-flex: 0 0 65%;
  1411. -ms-flex: 0 0 65%;
  1412. flex: 0 0 65%;
  1413. max-width: 65%;
  1414. max-height: 100%;
  1415. box-sizing: border-box; }
  1416. .layout-column > .flex-sm-65, .layout-sm-column > .flex-sm-65 {
  1417. -webkit-flex: 0 0 65%;
  1418. -ms-flex: 0 0 65%;
  1419. flex: 0 0 65%;
  1420. max-width: 100%;
  1421. max-height: 65%;
  1422. box-sizing: border-box; }
  1423. .flex-sm-70 {
  1424. -webkit-flex: 0 0 70%;
  1425. -ms-flex: 0 0 70%;
  1426. flex: 0 0 70%;
  1427. max-width: 70%;
  1428. max-height: 100%;
  1429. box-sizing: border-box; }
  1430. .layout-row > .flex-sm-70, .layout-sm-row > .flex-sm-70 {
  1431. -webkit-flex: 0 0 70%;
  1432. -ms-flex: 0 0 70%;
  1433. flex: 0 0 70%;
  1434. max-width: 70%;
  1435. max-height: 100%;
  1436. box-sizing: border-box; }
  1437. .layout-column > .flex-sm-70, .layout-sm-column > .flex-sm-70 {
  1438. -webkit-flex: 0 0 70%;
  1439. -ms-flex: 0 0 70%;
  1440. flex: 0 0 70%;
  1441. max-width: 100%;
  1442. max-height: 70%;
  1443. box-sizing: border-box; }
  1444. .flex-sm-75 {
  1445. -webkit-flex: 0 0 75%;
  1446. -ms-flex: 0 0 75%;
  1447. flex: 0 0 75%;
  1448. max-width: 75%;
  1449. max-height: 100%;
  1450. box-sizing: border-box; }
  1451. .layout-row > .flex-sm-75, .layout-sm-row > .flex-sm-75 {
  1452. -webkit-flex: 0 0 75%;
  1453. -ms-flex: 0 0 75%;
  1454. flex: 0 0 75%;
  1455. max-width: 75%;
  1456. max-height: 100%;
  1457. box-sizing: border-box; }
  1458. .layout-column > .flex-sm-75, .layout-sm-column > .flex-sm-75 {
  1459. -webkit-flex: 0 0 75%;
  1460. -ms-flex: 0 0 75%;
  1461. flex: 0 0 75%;
  1462. max-width: 100%;
  1463. max-height: 75%;
  1464. box-sizing: border-box; }
  1465. .flex-sm-80 {
  1466. -webkit-flex: 0 0 80%;
  1467. -ms-flex: 0 0 80%;
  1468. flex: 0 0 80%;
  1469. max-width: 80%;
  1470. max-height: 100%;
  1471. box-sizing: border-box; }
  1472. .layout-row > .flex-sm-80, .layout-sm-row > .flex-sm-80 {
  1473. -webkit-flex: 0 0 80%;
  1474. -ms-flex: 0 0 80%;
  1475. flex: 0 0 80%;
  1476. max-width: 80%;
  1477. max-height: 100%;
  1478. box-sizing: border-box; }
  1479. .layout-column > .flex-sm-80, .layout-sm-column > .flex-sm-80 {
  1480. -webkit-flex: 0 0 80%;
  1481. -ms-flex: 0 0 80%;
  1482. flex: 0 0 80%;
  1483. max-width: 100%;
  1484. max-height: 80%;
  1485. box-sizing: border-box; }
  1486. .flex-sm-85 {
  1487. -webkit-flex: 0 0 85%;
  1488. -ms-flex: 0 0 85%;
  1489. flex: 0 0 85%;
  1490. max-width: 85%;
  1491. max-height: 100%;
  1492. box-sizing: border-box; }
  1493. .layout-row > .flex-sm-85, .layout-sm-row > .flex-sm-85 {
  1494. -webkit-flex: 0 0 85%;
  1495. -ms-flex: 0 0 85%;
  1496. flex: 0 0 85%;
  1497. max-width: 85%;
  1498. max-height: 100%;
  1499. box-sizing: border-box; }
  1500. .layout-column > .flex-sm-85, .layout-sm-column > .flex-sm-85 {
  1501. -webkit-flex: 0 0 85%;
  1502. -ms-flex: 0 0 85%;
  1503. flex: 0 0 85%;
  1504. max-width: 100%;
  1505. max-height: 85%;
  1506. box-sizing: border-box; }
  1507. .flex-sm-90 {
  1508. -webkit-flex: 0 0 90%;
  1509. -ms-flex: 0 0 90%;
  1510. flex: 0 0 90%;
  1511. max-width: 90%;
  1512. max-height: 100%;
  1513. box-sizing: border-box; }
  1514. .layout-row > .flex-sm-90, .layout-sm-row > .flex-sm-90 {
  1515. -webkit-flex: 0 0 90%;
  1516. -ms-flex: 0 0 90%;
  1517. flex: 0 0 90%;
  1518. max-width: 90%;
  1519. max-height: 100%;
  1520. box-sizing: border-box; }
  1521. .layout-column > .flex-sm-90, .layout-sm-column > .flex-sm-90 {
  1522. -webkit-flex: 0 0 90%;
  1523. -ms-flex: 0 0 90%;
  1524. flex: 0 0 90%;
  1525. max-width: 100%;
  1526. max-height: 90%;
  1527. box-sizing: border-box; }
  1528. .flex-sm-95 {
  1529. -webkit-flex: 0 0 95%;
  1530. -ms-flex: 0 0 95%;
  1531. flex: 0 0 95%;
  1532. max-width: 95%;
  1533. max-height: 100%;
  1534. box-sizing: border-box; }
  1535. .layout-row > .flex-sm-95, .layout-sm-row > .flex-sm-95 {
  1536. -webkit-flex: 0 0 95%;
  1537. -ms-flex: 0 0 95%;
  1538. flex: 0 0 95%;
  1539. max-width: 95%;
  1540. max-height: 100%;
  1541. box-sizing: border-box; }
  1542. .layout-column > .flex-sm-95, .layout-sm-column > .flex-sm-95 {
  1543. -webkit-flex: 0 0 95%;
  1544. -ms-flex: 0 0 95%;
  1545. flex: 0 0 95%;
  1546. max-width: 100%;
  1547. max-height: 95%;
  1548. box-sizing: border-box; }
  1549. .flex-sm-100 {
  1550. -webkit-flex: 0 0 100%;
  1551. -ms-flex: 0 0 100%;
  1552. flex: 0 0 100%;
  1553. max-width: 100%;
  1554. max-height: 100%;
  1555. box-sizing: border-box; }
  1556. .layout-row > .flex-sm-100, .layout-sm-row > .flex-sm-100 {
  1557. -webkit-flex: 0 0 100%;
  1558. -ms-flex: 0 0 100%;
  1559. flex: 0 0 100%;
  1560. max-width: 100%;
  1561. max-height: 100%;
  1562. box-sizing: border-box; }
  1563. .layout-column > .flex-sm-100, .layout-sm-column > .flex-sm-100 {
  1564. -webkit-flex: 0 0 100%;
  1565. -ms-flex: 0 0 100%;
  1566. flex: 0 0 100%;
  1567. max-width: 100%;
  1568. max-height: 100%;
  1569. box-sizing: border-box; }
  1570. .layout-row > .flex-sm-33, .layout-row > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
  1571. -webkit-flex: 0 0 33%;
  1572. -ms-flex: 0 0 33%;
  1573. flex: 0 0 33%;
  1574. max-width: 33%;
  1575. max-height: 100%;
  1576. box-sizing: border-box; }
  1577. .layout-row > .flex-sm-34, .layout-row > .flex-sm-34, .layout-sm-row > .flex-sm-34, .layout-sm-row > .flex-sm-34 {
  1578. -webkit-flex: 0 0 34%;
  1579. -ms-flex: 0 0 34%;
  1580. flex: 0 0 34%;
  1581. max-width: 34%;
  1582. max-height: 100%;
  1583. box-sizing: border-box; }
  1584. .layout-row > .flex-sm-66, .layout-row > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
  1585. -webkit-flex: 0 0 66%;
  1586. -ms-flex: 0 0 66%;
  1587. flex: 0 0 66%;
  1588. max-width: 66%;
  1589. max-height: 100%;
  1590. box-sizing: border-box; }
  1591. .layout-row > .flex-sm-67, .layout-row > .flex-sm-67, .layout-sm-row > .flex-sm-67, .layout-sm-row > .flex-sm-67 {
  1592. -webkit-flex: 0 0 67%;
  1593. -ms-flex: 0 0 67%;
  1594. flex: 0 0 67%;
  1595. max-width: 67%;
  1596. max-height: 100%;
  1597. box-sizing: border-box; }
  1598. .layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
  1599. -webkit-flex: 0 0 33%;
  1600. -ms-flex: 0 0 33%;
  1601. flex: 0 0 33%;
  1602. max-width: 100%;
  1603. max-height: 33%;
  1604. box-sizing: border-box; }
  1605. .layout-column > .flex-sm-34, .layout-column > .flex-sm-34, .layout-sm-column > .flex-sm-34, .layout-sm-column > .flex-sm-34 {
  1606. -webkit-flex: 0 0 34%;
  1607. -ms-flex: 0 0 34%;
  1608. flex: 0 0 34%;
  1609. max-width: 100%;
  1610. max-height: 34%;
  1611. box-sizing: border-box; }
  1612. .layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
  1613. -webkit-flex: 0 0 66%;
  1614. -ms-flex: 0 0 66%;
  1615. flex: 0 0 66%;
  1616. max-width: 100%;
  1617. max-height: 66%;
  1618. box-sizing: border-box; }
  1619. .layout-column > .flex-sm-67, .layout-column > .flex-sm-67, .layout-sm-column > .flex-sm-67, .layout-sm-column > .flex-sm-67 {
  1620. -webkit-flex: 0 0 67%;
  1621. -ms-flex: 0 0 67%;
  1622. flex: 0 0 67%;
  1623. max-width: 100%;
  1624. max-height: 67%;
  1625. box-sizing: border-box; }
  1626. .layout-sm, .layout-sm-column, .layout-sm-row {
  1627. box-sizing: border-box;
  1628. display: -webkit-flex;
  1629. display: -ms-flexbox;
  1630. display: flex; }
  1631. .layout-sm-column {
  1632. -webkit-flex-direction: column;
  1633. -ms-flex-direction: column;
  1634. flex-direction: column; }
  1635. .layout-sm-row {
  1636. -webkit-flex-direction: row;
  1637. -ms-flex-direction: row;
  1638. flex-direction: row; } }
  1639. @media (min-width: 600px) {
  1640. .flex-order-gt-sm-0 {
  1641. -webkit-order: 0;
  1642. -ms-flex-order: 0;
  1643. order: 0; }
  1644. .flex-order-gt-sm-1 {
  1645. -webkit-order: 1;
  1646. -ms-flex-order: 1;
  1647. order: 1; }
  1648. .flex-order-gt-sm-2 {
  1649. -webkit-order: 2;
  1650. -ms-flex-order: 2;
  1651. order: 2; }
  1652. .flex-order-gt-sm-3 {
  1653. -webkit-order: 3;
  1654. -ms-flex-order: 3;
  1655. order: 3; }
  1656. .flex-order-gt-sm-4 {
  1657. -webkit-order: 4;
  1658. -ms-flex-order: 4;
  1659. order: 4; }
  1660. .flex-order-gt-sm-5 {
  1661. -webkit-order: 5;
  1662. -ms-flex-order: 5;
  1663. order: 5; }
  1664. .flex-order-gt-sm-6 {
  1665. -webkit-order: 6;
  1666. -ms-flex-order: 6;
  1667. order: 6; }
  1668. .flex-order-gt-sm-7 {
  1669. -webkit-order: 7;
  1670. -ms-flex-order: 7;
  1671. order: 7; }
  1672. .flex-order-gt-sm-8 {
  1673. -webkit-order: 8;
  1674. -ms-flex-order: 8;
  1675. order: 8; }
  1676. .flex-order-gt-sm-9 {
  1677. -webkit-order: 9;
  1678. -ms-flex-order: 9;
  1679. order: 9; }
  1680. .flex-order-gt-sm-10 {
  1681. -webkit-order: 10;
  1682. -ms-flex-order: 10;
  1683. order: 10; }
  1684. .flex-order-gt-sm-11 {
  1685. -webkit-order: 11;
  1686. -ms-flex-order: 11;
  1687. order: 11; }
  1688. .flex-order-gt-sm-12 {
  1689. -webkit-order: 12;
  1690. -ms-flex-order: 12;
  1691. order: 12; }
  1692. .flex-order-gt-sm-13 {
  1693. -webkit-order: 13;
  1694. -ms-flex-order: 13;
  1695. order: 13; }
  1696. .flex-order-gt-sm-14 {
  1697. -webkit-order: 14;
  1698. -ms-flex-order: 14;
  1699. order: 14; }
  1700. .flex-order-gt-sm-15 {
  1701. -webkit-order: 15;
  1702. -ms-flex-order: 15;
  1703. order: 15; }
  1704. .flex-order-gt-sm-16 {
  1705. -webkit-order: 16;
  1706. -ms-flex-order: 16;
  1707. order: 16; }
  1708. .flex-order-gt-sm-17 {
  1709. -webkit-order: 17;
  1710. -ms-flex-order: 17;
  1711. order: 17; }
  1712. .flex-order-gt-sm-18 {
  1713. -webkit-order: 18;
  1714. -ms-flex-order: 18;
  1715. order: 18; }
  1716. .flex-order-gt-sm-19 {
  1717. -webkit-order: 19;
  1718. -ms-flex-order: 19;
  1719. order: 19; }
  1720. .offset-gt-sm-0, .flex-offset-gt-sm-0 {
  1721. margin-left: 0%; }
  1722. .offset-gt-sm-5, .flex-offset-gt-sm-5 {
  1723. margin-left: 5%; }
  1724. .offset-gt-sm-10, .flex-offset-gt-sm-10 {
  1725. margin-left: 10%; }
  1726. .offset-gt-sm-15, .flex-offset-gt-sm-15 {
  1727. margin-left: 15%; }
  1728. .offset-gt-sm-20, .flex-offset-gt-sm-20 {
  1729. margin-left: 20%; }
  1730. .offset-gt-sm-25, .flex-offset-gt-sm-25 {
  1731. margin-left: 25%; }
  1732. .offset-gt-sm-30, .flex-offset-gt-sm-30 {
  1733. margin-left: 30%; }
  1734. .offset-gt-sm-35, .flex-offset-gt-sm-35 {
  1735. margin-left: 35%; }
  1736. .offset-gt-sm-40, .flex-offset-gt-sm-40 {
  1737. margin-left: 40%; }
  1738. .offset-gt-sm-45, .flex-offset-gt-sm-45 {
  1739. margin-left: 45%; }
  1740. .offset-gt-sm-50, .flex-offset-gt-sm-50 {
  1741. margin-left: 50%; }
  1742. .offset-gt-sm-55, .flex-offset-gt-sm-55 {
  1743. margin-left: 55%; }
  1744. .offset-gt-sm-60, .flex-offset-gt-sm-60 {
  1745. margin-left: 60%; }
  1746. .offset-gt-sm-65, .flex-offset-gt-sm-65 {
  1747. margin-left: 65%; }
  1748. .offset-gt-sm-70, .flex-offset-gt-sm-70 {
  1749. margin-left: 70%; }
  1750. .offset-gt-sm-75, .flex-offset-gt-sm-75 {
  1751. margin-left: 75%; }
  1752. .offset-gt-sm-80, .flex-offset-gt-sm-80 {
  1753. margin-left: 80%; }
  1754. .offset-gt-sm-85, .flex-offset-gt-sm-85 {
  1755. margin-left: 85%; }
  1756. .offset-gt-sm-90, .flex-offset-gt-sm-90 {
  1757. margin-left: 90%; }
  1758. .offset-gt-sm-95, .flex-offset-gt-sm-95 {
  1759. margin-left: 95%; }
  1760. .offset-gt-sm-33, .flex-offset-gt-sm-33 {
  1761. margin-left: 33%; }
  1762. .offset-gt-sm-34, .flex-offset-gt-sm-34 {
  1763. margin-left: 34%; }
  1764. .offset-gt-sm-66, .flex-offset-gt-sm-66 {
  1765. margin-left: 66%; }
  1766. .offset-gt-sm-67, .flex-offset-gt-sm-67 {
  1767. margin-left: 67%; }
  1768. .layout-align-gt-sm-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-end {
  1769. -webkit-justify-content: center;
  1770. -ms-flex-pack: center;
  1771. justify-content: center; }
  1772. .layout-align-gt-sm-end, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-end {
  1773. -webkit-justify-content: flex-end;
  1774. -ms-flex-pack: end;
  1775. justify-content: flex-end; }
  1776. .layout-align-gt-sm-space-around, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-end {
  1777. -webkit-justify-content: space-around;
  1778. -ms-flex-pack: distribute;
  1779. justify-content: space-around; }
  1780. .layout-align-gt-sm-space-between, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-end {
  1781. -webkit-justify-content: space-between;
  1782. -ms-flex-pack: justify;
  1783. justify-content: space-between; }
  1784. .layout-align-gt-sm-center-start, .layout-align-gt-sm-start-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-around-start {
  1785. -webkit-align-items: flex-start;
  1786. -ms-flex-align: start;
  1787. align-items: flex-start; }
  1788. .layout-align-gt-sm-center-center, .layout-align-gt-sm-start-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-around-center {
  1789. -webkit-align-items: center;
  1790. -ms-flex-align: center;
  1791. align-items: center;
  1792. max-width: 100%; }
  1793. .layout-align-gt-sm-center-center > *, .layout-align-gt-sm-start-center > *, .layout-align-gt-sm-end-center > *, .layout-align-gt-sm-space-between-center > *, .layout-align-gt-sm-space-around-center > * {
  1794. max-width: 100%;
  1795. box-sizing: border-box; }
  1796. .layout-align-gt-sm-center-end, .layout-align-gt-sm-start-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-around-end {
  1797. -webkit-align-items: flex-end;
  1798. -ms-flex-align: end;
  1799. align-items: flex-end; }
  1800. .flex-gt-sm {
  1801. -webkit-flex: 1;
  1802. -ms-flex: 1;
  1803. flex: 1;
  1804. box-sizing: border-box; }
  1805. .flex-gt-sm-grow {
  1806. -webkit-flex: 1 1 100%;
  1807. -ms-flex: 1 1 100%;
  1808. flex: 1 1 100%;
  1809. box-sizing: border-box; }
  1810. .flex-gt-sm-initial {
  1811. -webkit-flex: 0 1 auto;
  1812. -ms-flex: 0 1 auto;
  1813. flex: 0 1 auto;
  1814. box-sizing: border-box; }
  1815. .flex-gt-sm-auto {
  1816. -webkit-flex: 1 1 auto;
  1817. -ms-flex: 1 1 auto;
  1818. flex: 1 1 auto;
  1819. box-sizing: border-box; }
  1820. .flex-gt-sm-none {
  1821. -webkit-flex: 0 0 auto;
  1822. -ms-flex: 0 0 auto;
  1823. flex: 0 0 auto;
  1824. box-sizing: border-box; }
  1825. .flex-gt-sm-0 {
  1826. -webkit-flex: 0 0 0%;
  1827. -ms-flex: 0 0 0%;
  1828. flex: 0 0 0%;
  1829. max-width: 0%;
  1830. max-height: 100%;
  1831. box-sizing: border-box; }
  1832. .layout-row > .flex-gt-sm-0, .layout-gt-sm-row > .flex-gt-sm-0 {
  1833. -webkit-flex: 0 0 0%;
  1834. -ms-flex: 0 0 0%;
  1835. flex: 0 0 0%;
  1836. max-width: 0%;
  1837. max-height: 100%;
  1838. box-sizing: border-box; }
  1839. .layout-column > .flex-gt-sm-0, .layout-gt-sm-column > .flex-gt-sm-0 {
  1840. -webkit-flex: 0 0 0%;
  1841. -ms-flex: 0 0 0%;
  1842. flex: 0 0 0%;
  1843. max-width: 100%;
  1844. max-height: 0%;
  1845. box-sizing: border-box; }
  1846. .flex-gt-sm-5 {
  1847. -webkit-flex: 0 0 5%;
  1848. -ms-flex: 0 0 5%;
  1849. flex: 0 0 5%;
  1850. max-width: 5%;
  1851. max-height: 100%;
  1852. box-sizing: border-box; }
  1853. .layout-row > .flex-gt-sm-5, .layout-gt-sm-row > .flex-gt-sm-5 {
  1854. -webkit-flex: 0 0 5%;
  1855. -ms-flex: 0 0 5%;
  1856. flex: 0 0 5%;
  1857. max-width: 5%;
  1858. max-height: 100%;
  1859. box-sizing: border-box; }
  1860. .layout-column > .flex-gt-sm-5, .layout-gt-sm-column > .flex-gt-sm-5 {
  1861. -webkit-flex: 0 0 5%;
  1862. -ms-flex: 0 0 5%;
  1863. flex: 0 0 5%;
  1864. max-width: 100%;
  1865. max-height: 5%;
  1866. box-sizing: border-box; }
  1867. .flex-gt-sm-10 {
  1868. -webkit-flex: 0 0 10%;
  1869. -ms-flex: 0 0 10%;
  1870. flex: 0 0 10%;
  1871. max-width: 10%;
  1872. max-height: 100%;
  1873. box-sizing: border-box; }
  1874. .layout-row > .flex-gt-sm-10, .layout-gt-sm-row > .flex-gt-sm-10 {
  1875. -webkit-flex: 0 0 10%;
  1876. -ms-flex: 0 0 10%;
  1877. flex: 0 0 10%;
  1878. max-width: 10%;
  1879. max-height: 100%;
  1880. box-sizing: border-box; }
  1881. .layout-column > .flex-gt-sm-10, .layout-gt-sm-column > .flex-gt-sm-10 {
  1882. -webkit-flex: 0 0 10%;
  1883. -ms-flex: 0 0 10%;
  1884. flex: 0 0 10%;
  1885. max-width: 100%;
  1886. max-height: 10%;
  1887. box-sizing: border-box; }
  1888. .flex-gt-sm-15 {
  1889. -webkit-flex: 0 0 15%;
  1890. -ms-flex: 0 0 15%;
  1891. flex: 0 0 15%;
  1892. max-width: 15%;
  1893. max-height: 100%;
  1894. box-sizing: border-box; }
  1895. .layout-row > .flex-gt-sm-15, .layout-gt-sm-row > .flex-gt-sm-15 {
  1896. -webkit-flex: 0 0 15%;
  1897. -ms-flex: 0 0 15%;
  1898. flex: 0 0 15%;
  1899. max-width: 15%;
  1900. max-height: 100%;
  1901. box-sizing: border-box; }
  1902. .layout-column > .flex-gt-sm-15, .layout-gt-sm-column > .flex-gt-sm-15 {
  1903. -webkit-flex: 0 0 15%;
  1904. -ms-flex: 0 0 15%;
  1905. flex: 0 0 15%;
  1906. max-width: 100%;
  1907. max-height: 15%;
  1908. box-sizing: border-box; }
  1909. .flex-gt-sm-20 {
  1910. -webkit-flex: 0 0 20%;
  1911. -ms-flex: 0 0 20%;
  1912. flex: 0 0 20%;
  1913. max-width: 20%;
  1914. max-height: 100%;
  1915. box-sizing: border-box; }
  1916. .layout-row > .flex-gt-sm-20, .layout-gt-sm-row > .flex-gt-sm-20 {
  1917. -webkit-flex: 0 0 20%;
  1918. -ms-flex: 0 0 20%;
  1919. flex: 0 0 20%;
  1920. max-width: 20%;
  1921. max-height: 100%;
  1922. box-sizing: border-box; }
  1923. .layout-column > .flex-gt-sm-20, .layout-gt-sm-column > .flex-gt-sm-20 {
  1924. -webkit-flex: 0 0 20%;
  1925. -ms-flex: 0 0 20%;
  1926. flex: 0 0 20%;
  1927. max-width: 100%;
  1928. max-height: 20%;
  1929. box-sizing: border-box; }
  1930. .flex-gt-sm-25 {
  1931. -webkit-flex: 0 0 25%;
  1932. -ms-flex: 0 0 25%;
  1933. flex: 0 0 25%;
  1934. max-width: 25%;
  1935. max-height: 100%;
  1936. box-sizing: border-box; }
  1937. .layout-row > .flex-gt-sm-25, .layout-gt-sm-row > .flex-gt-sm-25 {
  1938. -webkit-flex: 0 0 25%;
  1939. -ms-flex: 0 0 25%;
  1940. flex: 0 0 25%;
  1941. max-width: 25%;
  1942. max-height: 100%;
  1943. box-sizing: border-box; }
  1944. .layout-column > .flex-gt-sm-25, .layout-gt-sm-column > .flex-gt-sm-25 {
  1945. -webkit-flex: 0 0 25%;
  1946. -ms-flex: 0 0 25%;
  1947. flex: 0 0 25%;
  1948. max-width: 100%;
  1949. max-height: 25%;
  1950. box-sizing: border-box; }
  1951. .flex-gt-sm-30 {
  1952. -webkit-flex: 0 0 30%;
  1953. -ms-flex: 0 0 30%;
  1954. flex: 0 0 30%;
  1955. max-width: 30%;
  1956. max-height: 100%;
  1957. box-sizing: border-box; }
  1958. .layout-row > .flex-gt-sm-30, .layout-gt-sm-row > .flex-gt-sm-30 {
  1959. -webkit-flex: 0 0 30%;
  1960. -ms-flex: 0 0 30%;
  1961. flex: 0 0 30%;
  1962. max-width: 30%;
  1963. max-height: 100%;
  1964. box-sizing: border-box; }
  1965. .layout-column > .flex-gt-sm-30, .layout-gt-sm-column > .flex-gt-sm-30 {
  1966. -webkit-flex: 0 0 30%;
  1967. -ms-flex: 0 0 30%;
  1968. flex: 0 0 30%;
  1969. max-width: 100%;
  1970. max-height: 30%;
  1971. box-sizing: border-box; }
  1972. .flex-gt-sm-35 {
  1973. -webkit-flex: 0 0 35%;
  1974. -ms-flex: 0 0 35%;
  1975. flex: 0 0 35%;
  1976. max-width: 35%;
  1977. max-height: 100%;
  1978. box-sizing: border-box; }
  1979. .layout-row > .flex-gt-sm-35, .layout-gt-sm-row > .flex-gt-sm-35 {
  1980. -webkit-flex: 0 0 35%;
  1981. -ms-flex: 0 0 35%;
  1982. flex: 0 0 35%;
  1983. max-width: 35%;
  1984. max-height: 100%;
  1985. box-sizing: border-box; }
  1986. .layout-column > .flex-gt-sm-35, .layout-gt-sm-column > .flex-gt-sm-35 {
  1987. -webkit-flex: 0 0 35%;
  1988. -ms-flex: 0 0 35%;
  1989. flex: 0 0 35%;
  1990. max-width: 100%;
  1991. max-height: 35%;
  1992. box-sizing: border-box; }
  1993. .flex-gt-sm-40 {
  1994. -webkit-flex: 0 0 40%;
  1995. -ms-flex: 0 0 40%;
  1996. flex: 0 0 40%;
  1997. max-width: 40%;
  1998. max-height: 100%;
  1999. box-sizing: border-box; }
  2000. .layout-row > .flex-gt-sm-40, .layout-gt-sm-row > .flex-gt-sm-40 {
  2001. -webkit-flex: 0 0 40%;
  2002. -ms-flex: 0 0 40%;
  2003. flex: 0 0 40%;
  2004. max-width: 40%;
  2005. max-height: 100%;
  2006. box-sizing: border-box; }
  2007. .layout-column > .flex-gt-sm-40, .layout-gt-sm-column > .flex-gt-sm-40 {
  2008. -webkit-flex: 0 0 40%;
  2009. -ms-flex: 0 0 40%;
  2010. flex: 0 0 40%;
  2011. max-width: 100%;
  2012. max-height: 40%;
  2013. box-sizing: border-box; }
  2014. .flex-gt-sm-45 {
  2015. -webkit-flex: 0 0 45%;
  2016. -ms-flex: 0 0 45%;
  2017. flex: 0 0 45%;
  2018. max-width: 45%;
  2019. max-height: 100%;
  2020. box-sizing: border-box; }
  2021. .layout-row > .flex-gt-sm-45, .layout-gt-sm-row > .flex-gt-sm-45 {
  2022. -webkit-flex: 0 0 45%;
  2023. -ms-flex: 0 0 45%;
  2024. flex: 0 0 45%;
  2025. max-width: 45%;
  2026. max-height: 100%;
  2027. box-sizing: border-box; }
  2028. .layout-column > .flex-gt-sm-45, .layout-gt-sm-column > .flex-gt-sm-45 {
  2029. -webkit-flex: 0 0 45%;
  2030. -ms-flex: 0 0 45%;
  2031. flex: 0 0 45%;
  2032. max-width: 100%;
  2033. max-height: 45%;
  2034. box-sizing: border-box; }
  2035. .flex-gt-sm-50 {
  2036. -webkit-flex: 0 0 50%;
  2037. -ms-flex: 0 0 50%;
  2038. flex: 0 0 50%;
  2039. max-width: 50%;
  2040. max-height: 100%;
  2041. box-sizing: border-box; }
  2042. .layout-row > .flex-gt-sm-50, .layout-gt-sm-row > .flex-gt-sm-50 {
  2043. -webkit-flex: 0 0 50%;
  2044. -ms-flex: 0 0 50%;
  2045. flex: 0 0 50%;
  2046. max-width: 50%;
  2047. max-height: 100%;
  2048. box-sizing: border-box; }
  2049. .layout-column > .flex-gt-sm-50, .layout-gt-sm-column > .flex-gt-sm-50 {
  2050. -webkit-flex: 0 0 50%;
  2051. -ms-flex: 0 0 50%;
  2052. flex: 0 0 50%;
  2053. max-width: 100%;
  2054. max-height: 50%;
  2055. box-sizing: border-box; }
  2056. .flex-gt-sm-55 {
  2057. -webkit-flex: 0 0 55%;
  2058. -ms-flex: 0 0 55%;
  2059. flex: 0 0 55%;
  2060. max-width: 55%;
  2061. max-height: 100%;
  2062. box-sizing: border-box; }
  2063. .layout-row > .flex-gt-sm-55, .layout-gt-sm-row > .flex-gt-sm-55 {
  2064. -webkit-flex: 0 0 55%;
  2065. -ms-flex: 0 0 55%;
  2066. flex: 0 0 55%;
  2067. max-width: 55%;
  2068. max-height: 100%;
  2069. box-sizing: border-box; }
  2070. .layout-column > .flex-gt-sm-55, .layout-gt-sm-column > .flex-gt-sm-55 {
  2071. -webkit-flex: 0 0 55%;
  2072. -ms-flex: 0 0 55%;
  2073. flex: 0 0 55%;
  2074. max-width: 100%;
  2075. max-height: 55%;
  2076. box-sizing: border-box; }
  2077. .flex-gt-sm-60 {
  2078. -webkit-flex: 0 0 60%;
  2079. -ms-flex: 0 0 60%;
  2080. flex: 0 0 60%;
  2081. max-width: 60%;
  2082. max-height: 100%;
  2083. box-sizing: border-box; }
  2084. .layout-row > .flex-gt-sm-60, .layout-gt-sm-row > .flex-gt-sm-60 {
  2085. -webkit-flex: 0 0 60%;
  2086. -ms-flex: 0 0 60%;
  2087. flex: 0 0 60%;
  2088. max-width: 60%;
  2089. max-height: 100%;
  2090. box-sizing: border-box; }
  2091. .layout-column > .flex-gt-sm-60, .layout-gt-sm-column > .flex-gt-sm-60 {
  2092. -webkit-flex: 0 0 60%;
  2093. -ms-flex: 0 0 60%;
  2094. flex: 0 0 60%;
  2095. max-width: 100%;
  2096. max-height: 60%;
  2097. box-sizing: border-box; }
  2098. .flex-gt-sm-65 {
  2099. -webkit-flex: 0 0 65%;
  2100. -ms-flex: 0 0 65%;
  2101. flex: 0 0 65%;
  2102. max-width: 65%;
  2103. max-height: 100%;
  2104. box-sizing: border-box; }
  2105. .layout-row > .flex-gt-sm-65, .layout-gt-sm-row > .flex-gt-sm-65 {
  2106. -webkit-flex: 0 0 65%;
  2107. -ms-flex: 0 0 65%;
  2108. flex: 0 0 65%;
  2109. max-width: 65%;
  2110. max-height: 100%;
  2111. box-sizing: border-box; }
  2112. .layout-column > .flex-gt-sm-65, .layout-gt-sm-column > .flex-gt-sm-65 {
  2113. -webkit-flex: 0 0 65%;
  2114. -ms-flex: 0 0 65%;
  2115. flex: 0 0 65%;
  2116. max-width: 100%;
  2117. max-height: 65%;
  2118. box-sizing: border-box; }
  2119. .flex-gt-sm-70 {
  2120. -webkit-flex: 0 0 70%;
  2121. -ms-flex: 0 0 70%;
  2122. flex: 0 0 70%;
  2123. max-width: 70%;
  2124. max-height: 100%;
  2125. box-sizing: border-box; }
  2126. .layout-row > .flex-gt-sm-70, .layout-gt-sm-row > .flex-gt-sm-70 {
  2127. -webkit-flex: 0 0 70%;
  2128. -ms-flex: 0 0 70%;
  2129. flex: 0 0 70%;
  2130. max-width: 70%;
  2131. max-height: 100%;
  2132. box-sizing: border-box; }
  2133. .layout-column > .flex-gt-sm-70, .layout-gt-sm-column > .flex-gt-sm-70 {
  2134. -webkit-flex: 0 0 70%;
  2135. -ms-flex: 0 0 70%;
  2136. flex: 0 0 70%;
  2137. max-width: 100%;
  2138. max-height: 70%;
  2139. box-sizing: border-box; }
  2140. .flex-gt-sm-75 {
  2141. -webkit-flex: 0 0 75%;
  2142. -ms-flex: 0 0 75%;
  2143. flex: 0 0 75%;
  2144. max-width: 75%;
  2145. max-height: 100%;
  2146. box-sizing: border-box; }
  2147. .layout-row > .flex-gt-sm-75, .layout-gt-sm-row > .flex-gt-sm-75 {
  2148. -webkit-flex: 0 0 75%;
  2149. -ms-flex: 0 0 75%;
  2150. flex: 0 0 75%;
  2151. max-width: 75%;
  2152. max-height: 100%;
  2153. box-sizing: border-box; }
  2154. .layout-column > .flex-gt-sm-75, .layout-gt-sm-column > .flex-gt-sm-75 {
  2155. -webkit-flex: 0 0 75%;
  2156. -ms-flex: 0 0 75%;
  2157. flex: 0 0 75%;
  2158. max-width: 100%;
  2159. max-height: 75%;
  2160. box-sizing: border-box; }
  2161. .flex-gt-sm-80 {
  2162. -webkit-flex: 0 0 80%;
  2163. -ms-flex: 0 0 80%;
  2164. flex: 0 0 80%;
  2165. max-width: 80%;
  2166. max-height: 100%;
  2167. box-sizing: border-box; }
  2168. .layout-row > .flex-gt-sm-80, .layout-gt-sm-row > .flex-gt-sm-80 {
  2169. -webkit-flex: 0 0 80%;
  2170. -ms-flex: 0 0 80%;
  2171. flex: 0 0 80%;
  2172. max-width: 80%;
  2173. max-height: 100%;
  2174. box-sizing: border-box; }
  2175. .layout-column > .flex-gt-sm-80, .layout-gt-sm-column > .flex-gt-sm-80 {
  2176. -webkit-flex: 0 0 80%;
  2177. -ms-flex: 0 0 80%;
  2178. flex: 0 0 80%;
  2179. max-width: 100%;
  2180. max-height: 80%;
  2181. box-sizing: border-box; }
  2182. .flex-gt-sm-85 {
  2183. -webkit-flex: 0 0 85%;
  2184. -ms-flex: 0 0 85%;
  2185. flex: 0 0 85%;
  2186. max-width: 85%;
  2187. max-height: 100%;
  2188. box-sizing: border-box; }
  2189. .layout-row > .flex-gt-sm-85, .layout-gt-sm-row > .flex-gt-sm-85 {
  2190. -webkit-flex: 0 0 85%;
  2191. -ms-flex: 0 0 85%;
  2192. flex: 0 0 85%;
  2193. max-width: 85%;
  2194. max-height: 100%;
  2195. box-sizing: border-box; }
  2196. .layout-column > .flex-gt-sm-85, .layout-gt-sm-column > .flex-gt-sm-85 {
  2197. -webkit-flex: 0 0 85%;
  2198. -ms-flex: 0 0 85%;
  2199. flex: 0 0 85%;
  2200. max-width: 100%;
  2201. max-height: 85%;
  2202. box-sizing: border-box; }
  2203. .flex-gt-sm-90 {
  2204. -webkit-flex: 0 0 90%;
  2205. -ms-flex: 0 0 90%;
  2206. flex: 0 0 90%;
  2207. max-width: 90%;
  2208. max-height: 100%;
  2209. box-sizing: border-box; }
  2210. .layout-row > .flex-gt-sm-90, .layout-gt-sm-row > .flex-gt-sm-90 {
  2211. -webkit-flex: 0 0 90%;
  2212. -ms-flex: 0 0 90%;
  2213. flex: 0 0 90%;
  2214. max-width: 90%;
  2215. max-height: 100%;
  2216. box-sizing: border-box; }
  2217. .layout-column > .flex-gt-sm-90, .layout-gt-sm-column > .flex-gt-sm-90 {
  2218. -webkit-flex: 0 0 90%;
  2219. -ms-flex: 0 0 90%;
  2220. flex: 0 0 90%;
  2221. max-width: 100%;
  2222. max-height: 90%;
  2223. box-sizing: border-box; }
  2224. .flex-gt-sm-95 {
  2225. -webkit-flex: 0 0 95%;
  2226. -ms-flex: 0 0 95%;
  2227. flex: 0 0 95%;
  2228. max-width: 95%;
  2229. max-height: 100%;
  2230. box-sizing: border-box; }
  2231. .layout-row > .flex-gt-sm-95, .layout-gt-sm-row > .flex-gt-sm-95 {
  2232. -webkit-flex: 0 0 95%;
  2233. -ms-flex: 0 0 95%;
  2234. flex: 0 0 95%;
  2235. max-width: 95%;
  2236. max-height: 100%;
  2237. box-sizing: border-box; }
  2238. .layout-column > .flex-gt-sm-95, .layout-gt-sm-column > .flex-gt-sm-95 {
  2239. -webkit-flex: 0 0 95%;
  2240. -ms-flex: 0 0 95%;
  2241. flex: 0 0 95%;
  2242. max-width: 100%;
  2243. max-height: 95%;
  2244. box-sizing: border-box; }
  2245. .flex-gt-sm-100 {
  2246. -webkit-flex: 0 0 100%;
  2247. -ms-flex: 0 0 100%;
  2248. flex: 0 0 100%;
  2249. max-width: 100%;
  2250. max-height: 100%;
  2251. box-sizing: border-box; }
  2252. .layout-row > .flex-gt-sm-100, .layout-gt-sm-row > .flex-gt-sm-100 {
  2253. -webkit-flex: 0 0 100%;
  2254. -ms-flex: 0 0 100%;
  2255. flex: 0 0 100%;
  2256. max-width: 100%;
  2257. max-height: 100%;
  2258. box-sizing: border-box; }
  2259. .layout-column > .flex-gt-sm-100, .layout-gt-sm-column > .flex-gt-sm-100 {
  2260. -webkit-flex: 0 0 100%;
  2261. -ms-flex: 0 0 100%;
  2262. flex: 0 0 100%;
  2263. max-width: 100%;
  2264. max-height: 100%;
  2265. box-sizing: border-box; }
  2266. .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
  2267. -webkit-flex: 0 0 33%;
  2268. -ms-flex: 0 0 33%;
  2269. flex: 0 0 33%;
  2270. max-width: 33%;
  2271. max-height: 100%;
  2272. box-sizing: border-box; }
  2273. .layout-row > .flex-gt-sm-34, .layout-row > .flex-gt-sm-34, .layout-gt-sm-row > .flex-gt-sm-34, .layout-gt-sm-row > .flex-gt-sm-34 {
  2274. -webkit-flex: 0 0 34%;
  2275. -ms-flex: 0 0 34%;
  2276. flex: 0 0 34%;
  2277. max-width: 34%;
  2278. max-height: 100%;
  2279. box-sizing: border-box; }
  2280. .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
  2281. -webkit-flex: 0 0 66%;
  2282. -ms-flex: 0 0 66%;
  2283. flex: 0 0 66%;
  2284. max-width: 66%;
  2285. max-height: 100%;
  2286. box-sizing: border-box; }
  2287. .layout-row > .flex-gt-sm-67, .layout-row > .flex-gt-sm-67, .layout-gt-sm-row > .flex-gt-sm-67, .layout-gt-sm-row > .flex-gt-sm-67 {
  2288. -webkit-flex: 0 0 67%;
  2289. -ms-flex: 0 0 67%;
  2290. flex: 0 0 67%;
  2291. max-width: 67%;
  2292. max-height: 100%;
  2293. box-sizing: border-box; }
  2294. .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
  2295. -webkit-flex: 0 0 33%;
  2296. -ms-flex: 0 0 33%;
  2297. flex: 0 0 33%;
  2298. max-width: 100%;
  2299. max-height: 33%;
  2300. box-sizing: border-box; }
  2301. .layout-column > .flex-gt-sm-34, .layout-column > .flex-gt-sm-34, .layout-gt-sm-column > .flex-gt-sm-34, .layout-gt-sm-column > .flex-gt-sm-34 {
  2302. -webkit-flex: 0 0 34%;
  2303. -ms-flex: 0 0 34%;
  2304. flex: 0 0 34%;
  2305. max-width: 100%;
  2306. max-height: 34%;
  2307. box-sizing: border-box; }
  2308. .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
  2309. -webkit-flex: 0 0 66%;
  2310. -ms-flex: 0 0 66%;
  2311. flex: 0 0 66%;
  2312. max-width: 100%;
  2313. max-height: 66%;
  2314. box-sizing: border-box; }
  2315. .layout-column > .flex-gt-sm-67, .layout-column > .flex-gt-sm-67, .layout-gt-sm-column > .flex-gt-sm-67, .layout-gt-sm-column > .flex-gt-sm-67 {
  2316. -webkit-flex: 0 0 67%;
  2317. -ms-flex: 0 0 67%;
  2318. flex: 0 0 67%;
  2319. max-width: 100%;
  2320. max-height: 67%;
  2321. box-sizing: border-box; }
  2322. .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
  2323. box-sizing: border-box;
  2324. display: -webkit-flex;
  2325. display: -ms-flexbox;
  2326. display: flex; }
  2327. .layout-gt-sm-column {
  2328. -webkit-flex-direction: column;
  2329. -ms-flex-direction: column;
  2330. flex-direction: column; }
  2331. .layout-gt-sm-row {
  2332. -webkit-flex-direction: row;
  2333. -ms-flex-direction: row;
  2334. flex-direction: row; } }
  2335. @media (min-width: 600px) and (max-width: 959px) {
  2336. .hide:not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-md):not(.show) {
  2337. display: none; }
  2338. .hide-md:not(.show-md):not(.show) {
  2339. display: none; }
  2340. .flex-order-md-0 {
  2341. -webkit-order: 0;
  2342. -ms-flex-order: 0;
  2343. order: 0; }
  2344. .flex-order-md-1 {
  2345. -webkit-order: 1;
  2346. -ms-flex-order: 1;
  2347. order: 1; }
  2348. .flex-order-md-2 {
  2349. -webkit-order: 2;
  2350. -ms-flex-order: 2;
  2351. order: 2; }
  2352. .flex-order-md-3 {
  2353. -webkit-order: 3;
  2354. -ms-flex-order: 3;
  2355. order: 3; }
  2356. .flex-order-md-4 {
  2357. -webkit-order: 4;
  2358. -ms-flex-order: 4;
  2359. order: 4; }
  2360. .flex-order-md-5 {
  2361. -webkit-order: 5;
  2362. -ms-flex-order: 5;
  2363. order: 5; }
  2364. .flex-order-md-6 {
  2365. -webkit-order: 6;
  2366. -ms-flex-order: 6;
  2367. order: 6; }
  2368. .flex-order-md-7 {
  2369. -webkit-order: 7;
  2370. -ms-flex-order: 7;
  2371. order: 7; }
  2372. .flex-order-md-8 {
  2373. -webkit-order: 8;
  2374. -ms-flex-order: 8;
  2375. order: 8; }
  2376. .flex-order-md-9 {
  2377. -webkit-order: 9;
  2378. -ms-flex-order: 9;
  2379. order: 9; }
  2380. .flex-order-md-10 {
  2381. -webkit-order: 10;
  2382. -ms-flex-order: 10;
  2383. order: 10; }
  2384. .flex-order-md-11 {
  2385. -webkit-order: 11;
  2386. -ms-flex-order: 11;
  2387. order: 11; }
  2388. .flex-order-md-12 {
  2389. -webkit-order: 12;
  2390. -ms-flex-order: 12;
  2391. order: 12; }
  2392. .flex-order-md-13 {
  2393. -webkit-order: 13;
  2394. -ms-flex-order: 13;
  2395. order: 13; }
  2396. .flex-order-md-14 {
  2397. -webkit-order: 14;
  2398. -ms-flex-order: 14;
  2399. order: 14; }
  2400. .flex-order-md-15 {
  2401. -webkit-order: 15;
  2402. -ms-flex-order: 15;
  2403. order: 15; }
  2404. .flex-order-md-16 {
  2405. -webkit-order: 16;
  2406. -ms-flex-order: 16;
  2407. order: 16; }
  2408. .flex-order-md-17 {
  2409. -webkit-order: 17;
  2410. -ms-flex-order: 17;
  2411. order: 17; }
  2412. .flex-order-md-18 {
  2413. -webkit-order: 18;
  2414. -ms-flex-order: 18;
  2415. order: 18; }
  2416. .flex-order-md-19 {
  2417. -webkit-order: 19;
  2418. -ms-flex-order: 19;
  2419. order: 19; }
  2420. .offset-md-0, .flex-offset-md-0 {
  2421. margin-left: 0%; }
  2422. .offset-md-5, .flex-offset-md-5 {
  2423. margin-left: 5%; }
  2424. .offset-md-10, .flex-offset-md-10 {
  2425. margin-left: 10%; }
  2426. .offset-md-15, .flex-offset-md-15 {
  2427. margin-left: 15%; }
  2428. .offset-md-20, .flex-offset-md-20 {
  2429. margin-left: 20%; }
  2430. .offset-md-25, .flex-offset-md-25 {
  2431. margin-left: 25%; }
  2432. .offset-md-30, .flex-offset-md-30 {
  2433. margin-left: 30%; }
  2434. .offset-md-35, .flex-offset-md-35 {
  2435. margin-left: 35%; }
  2436. .offset-md-40, .flex-offset-md-40 {
  2437. margin-left: 40%; }
  2438. .offset-md-45, .flex-offset-md-45 {
  2439. margin-left: 45%; }
  2440. .offset-md-50, .flex-offset-md-50 {
  2441. margin-left: 50%; }
  2442. .offset-md-55, .flex-offset-md-55 {
  2443. margin-left: 55%; }
  2444. .offset-md-60, .flex-offset-md-60 {
  2445. margin-left: 60%; }
  2446. .offset-md-65, .flex-offset-md-65 {
  2447. margin-left: 65%; }
  2448. .offset-md-70, .flex-offset-md-70 {
  2449. margin-left: 70%; }
  2450. .offset-md-75, .flex-offset-md-75 {
  2451. margin-left: 75%; }
  2452. .offset-md-80, .flex-offset-md-80 {
  2453. margin-left: 80%; }
  2454. .offset-md-85, .flex-offset-md-85 {
  2455. margin-left: 85%; }
  2456. .offset-md-90, .flex-offset-md-90 {
  2457. margin-left: 90%; }
  2458. .offset-md-95, .flex-offset-md-95 {
  2459. margin-left: 95%; }
  2460. .offset-md-33, .flex-offset-md-33 {
  2461. margin-left: 33%; }
  2462. .offset-md-34, .flex-offset-md-34 {
  2463. margin-left: 34%; }
  2464. .offset-md-66, .flex-offset-md-66 {
  2465. margin-left: 66%; }
  2466. .offset-md-67, .flex-offset-md-67 {
  2467. margin-left: 67%; }
  2468. .layout-align-md-center, .layout-align-md-center-center, .layout-align-md-center-start, .layout-align-md-center-end {
  2469. -webkit-justify-content: center;
  2470. -ms-flex-pack: center;
  2471. justify-content: center; }
  2472. .layout-align-md-end, .layout-align-md-end-center, .layout-align-md-end-start, .layout-align-md-end-end {
  2473. -webkit-justify-content: flex-end;
  2474. -ms-flex-pack: end;
  2475. justify-content: flex-end; }
  2476. .layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end {
  2477. -webkit-justify-content: space-around;
  2478. -ms-flex-pack: distribute;
  2479. justify-content: space-around; }
  2480. .layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end {
  2481. -webkit-justify-content: space-between;
  2482. -ms-flex-pack: justify;
  2483. justify-content: space-between; }
  2484. .layout-align-md-center-start, .layout-align-md-start-start, .layout-align-md-end-start, .layout-align-md-space-between-start, .layout-align-md-space-around-start {
  2485. -webkit-align-items: flex-start;
  2486. -ms-flex-align: start;
  2487. align-items: flex-start; }
  2488. .layout-align-md-center-center, .layout-align-md-start-center, .layout-align-md-end-center, .layout-align-md-space-between-center, .layout-align-md-space-around-center {
  2489. -webkit-align-items: center;
  2490. -ms-flex-align: center;
  2491. align-items: center;
  2492. max-width: 100%; }
  2493. .layout-align-md-center-center > *, .layout-align-md-start-center > *, .layout-align-md-end-center > *, .layout-align-md-space-between-center > *, .layout-align-md-space-around-center > * {
  2494. max-width: 100%;
  2495. box-sizing: border-box; }
  2496. .layout-align-md-center-end, .layout-align-md-start-end, .layout-align-md-end-end, .layout-align-md-space-between-end, .layout-align-md-space-around-end {
  2497. -webkit-align-items: flex-end;
  2498. -ms-flex-align: end;
  2499. align-items: flex-end; }
  2500. .flex-md {
  2501. -webkit-flex: 1;
  2502. -ms-flex: 1;
  2503. flex: 1;
  2504. box-sizing: border-box; }
  2505. .flex-md-grow {
  2506. -webkit-flex: 1 1 100%;
  2507. -ms-flex: 1 1 100%;
  2508. flex: 1 1 100%;
  2509. box-sizing: border-box; }
  2510. .flex-md-initial {
  2511. -webkit-flex: 0 1 auto;
  2512. -ms-flex: 0 1 auto;
  2513. flex: 0 1 auto;
  2514. box-sizing: border-box; }
  2515. .flex-md-auto {
  2516. -webkit-flex: 1 1 auto;
  2517. -ms-flex: 1 1 auto;
  2518. flex: 1 1 auto;
  2519. box-sizing: border-box; }
  2520. .flex-md-none {
  2521. -webkit-flex: 0 0 auto;
  2522. -ms-flex: 0 0 auto;
  2523. flex: 0 0 auto;
  2524. box-sizing: border-box; }
  2525. .flex-md-0 {
  2526. -webkit-flex: 0 0 0%;
  2527. -ms-flex: 0 0 0%;
  2528. flex: 0 0 0%;
  2529. max-width: 0%;
  2530. max-height: 100%;
  2531. box-sizing: border-box; }
  2532. .layout-row > .flex-md-0, .layout-md-row > .flex-md-0 {
  2533. -webkit-flex: 0 0 0%;
  2534. -ms-flex: 0 0 0%;
  2535. flex: 0 0 0%;
  2536. max-width: 0%;
  2537. max-height: 100%;
  2538. box-sizing: border-box; }
  2539. .layout-column > .flex-md-0, .layout-md-column > .flex-md-0 {
  2540. -webkit-flex: 0 0 0%;
  2541. -ms-flex: 0 0 0%;
  2542. flex: 0 0 0%;
  2543. max-width: 100%;
  2544. max-height: 0%;
  2545. box-sizing: border-box; }
  2546. .flex-md-5 {
  2547. -webkit-flex: 0 0 5%;
  2548. -ms-flex: 0 0 5%;
  2549. flex: 0 0 5%;
  2550. max-width: 5%;
  2551. max-height: 100%;
  2552. box-sizing: border-box; }
  2553. .layout-row > .flex-md-5, .layout-md-row > .flex-md-5 {
  2554. -webkit-flex: 0 0 5%;
  2555. -ms-flex: 0 0 5%;
  2556. flex: 0 0 5%;
  2557. max-width: 5%;
  2558. max-height: 100%;
  2559. box-sizing: border-box; }
  2560. .layout-column > .flex-md-5, .layout-md-column > .flex-md-5 {
  2561. -webkit-flex: 0 0 5%;
  2562. -ms-flex: 0 0 5%;
  2563. flex: 0 0 5%;
  2564. max-width: 100%;
  2565. max-height: 5%;
  2566. box-sizing: border-box; }
  2567. .flex-md-10 {
  2568. -webkit-flex: 0 0 10%;
  2569. -ms-flex: 0 0 10%;
  2570. flex: 0 0 10%;
  2571. max-width: 10%;
  2572. max-height: 100%;
  2573. box-sizing: border-box; }
  2574. .layout-row > .flex-md-10, .layout-md-row > .flex-md-10 {
  2575. -webkit-flex: 0 0 10%;
  2576. -ms-flex: 0 0 10%;
  2577. flex: 0 0 10%;
  2578. max-width: 10%;
  2579. max-height: 100%;
  2580. box-sizing: border-box; }
  2581. .layout-column > .flex-md-10, .layout-md-column > .flex-md-10 {
  2582. -webkit-flex: 0 0 10%;
  2583. -ms-flex: 0 0 10%;
  2584. flex: 0 0 10%;
  2585. max-width: 100%;
  2586. max-height: 10%;
  2587. box-sizing: border-box; }
  2588. .flex-md-15 {
  2589. -webkit-flex: 0 0 15%;
  2590. -ms-flex: 0 0 15%;
  2591. flex: 0 0 15%;
  2592. max-width: 15%;
  2593. max-height: 100%;
  2594. box-sizing: border-box; }
  2595. .layout-row > .flex-md-15, .layout-md-row > .flex-md-15 {
  2596. -webkit-flex: 0 0 15%;
  2597. -ms-flex: 0 0 15%;
  2598. flex: 0 0 15%;
  2599. max-width: 15%;
  2600. max-height: 100%;
  2601. box-sizing: border-box; }
  2602. .layout-column > .flex-md-15, .layout-md-column > .flex-md-15 {
  2603. -webkit-flex: 0 0 15%;
  2604. -ms-flex: 0 0 15%;
  2605. flex: 0 0 15%;
  2606. max-width: 100%;
  2607. max-height: 15%;
  2608. box-sizing: border-box; }
  2609. .flex-md-20 {
  2610. -webkit-flex: 0 0 20%;
  2611. -ms-flex: 0 0 20%;
  2612. flex: 0 0 20%;
  2613. max-width: 20%;
  2614. max-height: 100%;
  2615. box-sizing: border-box; }
  2616. .layout-row > .flex-md-20, .layout-md-row > .flex-md-20 {
  2617. -webkit-flex: 0 0 20%;
  2618. -ms-flex: 0 0 20%;
  2619. flex: 0 0 20%;
  2620. max-width: 20%;
  2621. max-height: 100%;
  2622. box-sizing: border-box; }
  2623. .layout-column > .flex-md-20, .layout-md-column > .flex-md-20 {
  2624. -webkit-flex: 0 0 20%;
  2625. -ms-flex: 0 0 20%;
  2626. flex: 0 0 20%;
  2627. max-width: 100%;
  2628. max-height: 20%;
  2629. box-sizing: border-box; }
  2630. .flex-md-25 {
  2631. -webkit-flex: 0 0 25%;
  2632. -ms-flex: 0 0 25%;
  2633. flex: 0 0 25%;
  2634. max-width: 25%;
  2635. max-height: 100%;
  2636. box-sizing: border-box; }
  2637. .layout-row > .flex-md-25, .layout-md-row > .flex-md-25 {
  2638. -webkit-flex: 0 0 25%;
  2639. -ms-flex: 0 0 25%;
  2640. flex: 0 0 25%;
  2641. max-width: 25%;
  2642. max-height: 100%;
  2643. box-sizing: border-box; }
  2644. .layout-column > .flex-md-25, .layout-md-column > .flex-md-25 {
  2645. -webkit-flex: 0 0 25%;
  2646. -ms-flex: 0 0 25%;
  2647. flex: 0 0 25%;
  2648. max-width: 100%;
  2649. max-height: 25%;
  2650. box-sizing: border-box; }
  2651. .flex-md-30 {
  2652. -webkit-flex: 0 0 30%;
  2653. -ms-flex: 0 0 30%;
  2654. flex: 0 0 30%;
  2655. max-width: 30%;
  2656. max-height: 100%;
  2657. box-sizing: border-box; }
  2658. .layout-row > .flex-md-30, .layout-md-row > .flex-md-30 {
  2659. -webkit-flex: 0 0 30%;
  2660. -ms-flex: 0 0 30%;
  2661. flex: 0 0 30%;
  2662. max-width: 30%;
  2663. max-height: 100%;
  2664. box-sizing: border-box; }
  2665. .layout-column > .flex-md-30, .layout-md-column > .flex-md-30 {
  2666. -webkit-flex: 0 0 30%;
  2667. -ms-flex: 0 0 30%;
  2668. flex: 0 0 30%;
  2669. max-width: 100%;
  2670. max-height: 30%;
  2671. box-sizing: border-box; }
  2672. .flex-md-35 {
  2673. -webkit-flex: 0 0 35%;
  2674. -ms-flex: 0 0 35%;
  2675. flex: 0 0 35%;
  2676. max-width: 35%;
  2677. max-height: 100%;
  2678. box-sizing: border-box; }
  2679. .layout-row > .flex-md-35, .layout-md-row > .flex-md-35 {
  2680. -webkit-flex: 0 0 35%;
  2681. -ms-flex: 0 0 35%;
  2682. flex: 0 0 35%;
  2683. max-width: 35%;
  2684. max-height: 100%;
  2685. box-sizing: border-box; }
  2686. .layout-column > .flex-md-35, .layout-md-column > .flex-md-35 {
  2687. -webkit-flex: 0 0 35%;
  2688. -ms-flex: 0 0 35%;
  2689. flex: 0 0 35%;
  2690. max-width: 100%;
  2691. max-height: 35%;
  2692. box-sizing: border-box; }
  2693. .flex-md-40 {
  2694. -webkit-flex: 0 0 40%;
  2695. -ms-flex: 0 0 40%;
  2696. flex: 0 0 40%;
  2697. max-width: 40%;
  2698. max-height: 100%;
  2699. box-sizing: border-box; }
  2700. .layout-row > .flex-md-40, .layout-md-row > .flex-md-40 {
  2701. -webkit-flex: 0 0 40%;
  2702. -ms-flex: 0 0 40%;
  2703. flex: 0 0 40%;
  2704. max-width: 40%;
  2705. max-height: 100%;
  2706. box-sizing: border-box; }
  2707. .layout-column > .flex-md-40, .layout-md-column > .flex-md-40 {
  2708. -webkit-flex: 0 0 40%;
  2709. -ms-flex: 0 0 40%;
  2710. flex: 0 0 40%;
  2711. max-width: 100%;
  2712. max-height: 40%;
  2713. box-sizing: border-box; }
  2714. .flex-md-45 {
  2715. -webkit-flex: 0 0 45%;
  2716. -ms-flex: 0 0 45%;
  2717. flex: 0 0 45%;
  2718. max-width: 45%;
  2719. max-height: 100%;
  2720. box-sizing: border-box; }
  2721. .layout-row > .flex-md-45, .layout-md-row > .flex-md-45 {
  2722. -webkit-flex: 0 0 45%;
  2723. -ms-flex: 0 0 45%;
  2724. flex: 0 0 45%;
  2725. max-width: 45%;
  2726. max-height: 100%;
  2727. box-sizing: border-box; }
  2728. .layout-column > .flex-md-45, .layout-md-column > .flex-md-45 {
  2729. -webkit-flex: 0 0 45%;
  2730. -ms-flex: 0 0 45%;
  2731. flex: 0 0 45%;
  2732. max-width: 100%;
  2733. max-height: 45%;
  2734. box-sizing: border-box; }
  2735. .flex-md-50 {
  2736. -webkit-flex: 0 0 50%;
  2737. -ms-flex: 0 0 50%;
  2738. flex: 0 0 50%;
  2739. max-width: 50%;
  2740. max-height: 100%;
  2741. box-sizing: border-box; }
  2742. .layout-row > .flex-md-50, .layout-md-row > .flex-md-50 {
  2743. -webkit-flex: 0 0 50%;
  2744. -ms-flex: 0 0 50%;
  2745. flex: 0 0 50%;
  2746. max-width: 50%;
  2747. max-height: 100%;
  2748. box-sizing: border-box; }
  2749. .layout-column > .flex-md-50, .layout-md-column > .flex-md-50 {
  2750. -webkit-flex: 0 0 50%;
  2751. -ms-flex: 0 0 50%;
  2752. flex: 0 0 50%;
  2753. max-width: 100%;
  2754. max-height: 50%;
  2755. box-sizing: border-box; }
  2756. .flex-md-55 {
  2757. -webkit-flex: 0 0 55%;
  2758. -ms-flex: 0 0 55%;
  2759. flex: 0 0 55%;
  2760. max-width: 55%;
  2761. max-height: 100%;
  2762. box-sizing: border-box; }
  2763. .layout-row > .flex-md-55, .layout-md-row > .flex-md-55 {
  2764. -webkit-flex: 0 0 55%;
  2765. -ms-flex: 0 0 55%;
  2766. flex: 0 0 55%;
  2767. max-width: 55%;
  2768. max-height: 100%;
  2769. box-sizing: border-box; }
  2770. .layout-column > .flex-md-55, .layout-md-column > .flex-md-55 {
  2771. -webkit-flex: 0 0 55%;
  2772. -ms-flex: 0 0 55%;
  2773. flex: 0 0 55%;
  2774. max-width: 100%;
  2775. max-height: 55%;
  2776. box-sizing: border-box; }
  2777. .flex-md-60 {
  2778. -webkit-flex: 0 0 60%;
  2779. -ms-flex: 0 0 60%;
  2780. flex: 0 0 60%;
  2781. max-width: 60%;
  2782. max-height: 100%;
  2783. box-sizing: border-box; }
  2784. .layout-row > .flex-md-60, .layout-md-row > .flex-md-60 {
  2785. -webkit-flex: 0 0 60%;
  2786. -ms-flex: 0 0 60%;
  2787. flex: 0 0 60%;
  2788. max-width: 60%;
  2789. max-height: 100%;
  2790. box-sizing: border-box; }
  2791. .layout-column > .flex-md-60, .layout-md-column > .flex-md-60 {
  2792. -webkit-flex: 0 0 60%;
  2793. -ms-flex: 0 0 60%;
  2794. flex: 0 0 60%;
  2795. max-width: 100%;
  2796. max-height: 60%;
  2797. box-sizing: border-box; }
  2798. .flex-md-65 {
  2799. -webkit-flex: 0 0 65%;
  2800. -ms-flex: 0 0 65%;
  2801. flex: 0 0 65%;
  2802. max-width: 65%;
  2803. max-height: 100%;
  2804. box-sizing: border-box; }
  2805. .layout-row > .flex-md-65, .layout-md-row > .flex-md-65 {
  2806. -webkit-flex: 0 0 65%;
  2807. -ms-flex: 0 0 65%;
  2808. flex: 0 0 65%;
  2809. max-width: 65%;
  2810. max-height: 100%;
  2811. box-sizing: border-box; }
  2812. .layout-column > .flex-md-65, .layout-md-column > .flex-md-65 {
  2813. -webkit-flex: 0 0 65%;
  2814. -ms-flex: 0 0 65%;
  2815. flex: 0 0 65%;
  2816. max-width: 100%;
  2817. max-height: 65%;
  2818. box-sizing: border-box; }
  2819. .flex-md-70 {
  2820. -webkit-flex: 0 0 70%;
  2821. -ms-flex: 0 0 70%;
  2822. flex: 0 0 70%;
  2823. max-width: 70%;
  2824. max-height: 100%;
  2825. box-sizing: border-box; }
  2826. .layout-row > .flex-md-70, .layout-md-row > .flex-md-70 {
  2827. -webkit-flex: 0 0 70%;
  2828. -ms-flex: 0 0 70%;
  2829. flex: 0 0 70%;
  2830. max-width: 70%;
  2831. max-height: 100%;
  2832. box-sizing: border-box; }
  2833. .layout-column > .flex-md-70, .layout-md-column > .flex-md-70 {
  2834. -webkit-flex: 0 0 70%;
  2835. -ms-flex: 0 0 70%;
  2836. flex: 0 0 70%;
  2837. max-width: 100%;
  2838. max-height: 70%;
  2839. box-sizing: border-box; }
  2840. .flex-md-75 {
  2841. -webkit-flex: 0 0 75%;
  2842. -ms-flex: 0 0 75%;
  2843. flex: 0 0 75%;
  2844. max-width: 75%;
  2845. max-height: 100%;
  2846. box-sizing: border-box; }
  2847. .layout-row > .flex-md-75, .layout-md-row > .flex-md-75 {
  2848. -webkit-flex: 0 0 75%;
  2849. -ms-flex: 0 0 75%;
  2850. flex: 0 0 75%;
  2851. max-width: 75%;
  2852. max-height: 100%;
  2853. box-sizing: border-box; }
  2854. .layout-column > .flex-md-75, .layout-md-column > .flex-md-75 {
  2855. -webkit-flex: 0 0 75%;
  2856. -ms-flex: 0 0 75%;
  2857. flex: 0 0 75%;
  2858. max-width: 100%;
  2859. max-height: 75%;
  2860. box-sizing: border-box; }
  2861. .flex-md-80 {
  2862. -webkit-flex: 0 0 80%;
  2863. -ms-flex: 0 0 80%;
  2864. flex: 0 0 80%;
  2865. max-width: 80%;
  2866. max-height: 100%;
  2867. box-sizing: border-box; }
  2868. .layout-row > .flex-md-80, .layout-md-row > .flex-md-80 {
  2869. -webkit-flex: 0 0 80%;
  2870. -ms-flex: 0 0 80%;
  2871. flex: 0 0 80%;
  2872. max-width: 80%;
  2873. max-height: 100%;
  2874. box-sizing: border-box; }
  2875. .layout-column > .flex-md-80, .layout-md-column > .flex-md-80 {
  2876. -webkit-flex: 0 0 80%;
  2877. -ms-flex: 0 0 80%;
  2878. flex: 0 0 80%;
  2879. max-width: 100%;
  2880. max-height: 80%;
  2881. box-sizing: border-box; }
  2882. .flex-md-85 {
  2883. -webkit-flex: 0 0 85%;
  2884. -ms-flex: 0 0 85%;
  2885. flex: 0 0 85%;
  2886. max-width: 85%;
  2887. max-height: 100%;
  2888. box-sizing: border-box; }
  2889. .layout-row > .flex-md-85, .layout-md-row > .flex-md-85 {
  2890. -webkit-flex: 0 0 85%;
  2891. -ms-flex: 0 0 85%;
  2892. flex: 0 0 85%;
  2893. max-width: 85%;
  2894. max-height: 100%;
  2895. box-sizing: border-box; }
  2896. .layout-column > .flex-md-85, .layout-md-column > .flex-md-85 {
  2897. -webkit-flex: 0 0 85%;
  2898. -ms-flex: 0 0 85%;
  2899. flex: 0 0 85%;
  2900. max-width: 100%;
  2901. max-height: 85%;
  2902. box-sizing: border-box; }
  2903. .flex-md-90 {
  2904. -webkit-flex: 0 0 90%;
  2905. -ms-flex: 0 0 90%;
  2906. flex: 0 0 90%;
  2907. max-width: 90%;
  2908. max-height: 100%;
  2909. box-sizing: border-box; }
  2910. .layout-row > .flex-md-90, .layout-md-row > .flex-md-90 {
  2911. -webkit-flex: 0 0 90%;
  2912. -ms-flex: 0 0 90%;
  2913. flex: 0 0 90%;
  2914. max-width: 90%;
  2915. max-height: 100%;
  2916. box-sizing: border-box; }
  2917. .layout-column > .flex-md-90, .layout-md-column > .flex-md-90 {
  2918. -webkit-flex: 0 0 90%;
  2919. -ms-flex: 0 0 90%;
  2920. flex: 0 0 90%;
  2921. max-width: 100%;
  2922. max-height: 90%;
  2923. box-sizing: border-box; }
  2924. .flex-md-95 {
  2925. -webkit-flex: 0 0 95%;
  2926. -ms-flex: 0 0 95%;
  2927. flex: 0 0 95%;
  2928. max-width: 95%;
  2929. max-height: 100%;
  2930. box-sizing: border-box; }
  2931. .layout-row > .flex-md-95, .layout-md-row > .flex-md-95 {
  2932. -webkit-flex: 0 0 95%;
  2933. -ms-flex: 0 0 95%;
  2934. flex: 0 0 95%;
  2935. max-width: 95%;
  2936. max-height: 100%;
  2937. box-sizing: border-box; }
  2938. .layout-column > .flex-md-95, .layout-md-column > .flex-md-95 {
  2939. -webkit-flex: 0 0 95%;
  2940. -ms-flex: 0 0 95%;
  2941. flex: 0 0 95%;
  2942. max-width: 100%;
  2943. max-height: 95%;
  2944. box-sizing: border-box; }
  2945. .flex-md-100 {
  2946. -webkit-flex: 0 0 100%;
  2947. -ms-flex: 0 0 100%;
  2948. flex: 0 0 100%;
  2949. max-width: 100%;
  2950. max-height: 100%;
  2951. box-sizing: border-box; }
  2952. .layout-row > .flex-md-100, .layout-md-row > .flex-md-100 {
  2953. -webkit-flex: 0 0 100%;
  2954. -ms-flex: 0 0 100%;
  2955. flex: 0 0 100%;
  2956. max-width: 100%;
  2957. max-height: 100%;
  2958. box-sizing: border-box; }
  2959. .layout-column > .flex-md-100, .layout-md-column > .flex-md-100 {
  2960. -webkit-flex: 0 0 100%;
  2961. -ms-flex: 0 0 100%;
  2962. flex: 0 0 100%;
  2963. max-width: 100%;
  2964. max-height: 100%;
  2965. box-sizing: border-box; }
  2966. .layout-row > .flex-md-33, .layout-row > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
  2967. -webkit-flex: 0 0 33%;
  2968. -ms-flex: 0 0 33%;
  2969. flex: 0 0 33%;
  2970. max-width: 33%;
  2971. max-height: 100%;
  2972. box-sizing: border-box; }
  2973. .layout-row > .flex-md-34, .layout-row > .flex-md-34, .layout-md-row > .flex-md-34, .layout-md-row > .flex-md-34 {
  2974. -webkit-flex: 0 0 34%;
  2975. -ms-flex: 0 0 34%;
  2976. flex: 0 0 34%;
  2977. max-width: 34%;
  2978. max-height: 100%;
  2979. box-sizing: border-box; }
  2980. .layout-row > .flex-md-66, .layout-row > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
  2981. -webkit-flex: 0 0 66%;
  2982. -ms-flex: 0 0 66%;
  2983. flex: 0 0 66%;
  2984. max-width: 66%;
  2985. max-height: 100%;
  2986. box-sizing: border-box; }
  2987. .layout-row > .flex-md-67, .layout-row > .flex-md-67, .layout-md-row > .flex-md-67, .layout-md-row > .flex-md-67 {
  2988. -webkit-flex: 0 0 67%;
  2989. -ms-flex: 0 0 67%;
  2990. flex: 0 0 67%;
  2991. max-width: 67%;
  2992. max-height: 100%;
  2993. box-sizing: border-box; }
  2994. .layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
  2995. -webkit-flex: 0 0 33%;
  2996. -ms-flex: 0 0 33%;
  2997. flex: 0 0 33%;
  2998. max-width: 100%;
  2999. max-height: 33%;
  3000. box-sizing: border-box; }
  3001. .layout-column > .flex-md-34, .layout-column > .flex-md-34, .layout-md-column > .flex-md-34, .layout-md-column > .flex-md-34 {
  3002. -webkit-flex: 0 0 34%;
  3003. -ms-flex: 0 0 34%;
  3004. flex: 0 0 34%;
  3005. max-width: 100%;
  3006. max-height: 34%;
  3007. box-sizing: border-box; }
  3008. .layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
  3009. -webkit-flex: 0 0 66%;
  3010. -ms-flex: 0 0 66%;
  3011. flex: 0 0 66%;
  3012. max-width: 100%;
  3013. max-height: 66%;
  3014. box-sizing: border-box; }
  3015. .layout-column > .flex-md-67, .layout-column > .flex-md-67, .layout-md-column > .flex-md-67, .layout-md-column > .flex-md-67 {
  3016. -webkit-flex: 0 0 67%;
  3017. -ms-flex: 0 0 67%;
  3018. flex: 0 0 67%;
  3019. max-width: 100%;
  3020. max-height: 67%;
  3021. box-sizing: border-box; }
  3022. .layout-md, .layout-md-column, .layout-md-row {
  3023. box-sizing: border-box;
  3024. display: -webkit-flex;
  3025. display: -ms-flexbox;
  3026. display: flex; }
  3027. .layout-md-column {
  3028. -webkit-flex-direction: column;
  3029. -ms-flex-direction: column;
  3030. flex-direction: column; }
  3031. .layout-md-row {
  3032. -webkit-flex-direction: row;
  3033. -ms-flex-direction: row;
  3034. flex-direction: row; } }
  3035. @media (min-width: 960px) {
  3036. .flex-order-gt-md-0 {
  3037. -webkit-order: 0;
  3038. -ms-flex-order: 0;
  3039. order: 0; }
  3040. .flex-order-gt-md-1 {
  3041. -webkit-order: 1;
  3042. -ms-flex-order: 1;
  3043. order: 1; }
  3044. .flex-order-gt-md-2 {
  3045. -webkit-order: 2;
  3046. -ms-flex-order: 2;
  3047. order: 2; }
  3048. .flex-order-gt-md-3 {
  3049. -webkit-order: 3;
  3050. -ms-flex-order: 3;
  3051. order: 3; }
  3052. .flex-order-gt-md-4 {
  3053. -webkit-order: 4;
  3054. -ms-flex-order: 4;
  3055. order: 4; }
  3056. .flex-order-gt-md-5 {
  3057. -webkit-order: 5;
  3058. -ms-flex-order: 5;
  3059. order: 5; }
  3060. .flex-order-gt-md-6 {
  3061. -webkit-order: 6;
  3062. -ms-flex-order: 6;
  3063. order: 6; }
  3064. .flex-order-gt-md-7 {
  3065. -webkit-order: 7;
  3066. -ms-flex-order: 7;
  3067. order: 7; }
  3068. .flex-order-gt-md-8 {
  3069. -webkit-order: 8;
  3070. -ms-flex-order: 8;
  3071. order: 8; }
  3072. .flex-order-gt-md-9 {
  3073. -webkit-order: 9;
  3074. -ms-flex-order: 9;
  3075. order: 9; }
  3076. .flex-order-gt-md-10 {
  3077. -webkit-order: 10;
  3078. -ms-flex-order: 10;
  3079. order: 10; }
  3080. .flex-order-gt-md-11 {
  3081. -webkit-order: 11;
  3082. -ms-flex-order: 11;
  3083. order: 11; }
  3084. .flex-order-gt-md-12 {
  3085. -webkit-order: 12;
  3086. -ms-flex-order: 12;
  3087. order: 12; }
  3088. .flex-order-gt-md-13 {
  3089. -webkit-order: 13;
  3090. -ms-flex-order: 13;
  3091. order: 13; }
  3092. .flex-order-gt-md-14 {
  3093. -webkit-order: 14;
  3094. -ms-flex-order: 14;
  3095. order: 14; }
  3096. .flex-order-gt-md-15 {
  3097. -webkit-order: 15;
  3098. -ms-flex-order: 15;
  3099. order: 15; }
  3100. .flex-order-gt-md-16 {
  3101. -webkit-order: 16;
  3102. -ms-flex-order: 16;
  3103. order: 16; }
  3104. .flex-order-gt-md-17 {
  3105. -webkit-order: 17;
  3106. -ms-flex-order: 17;
  3107. order: 17; }
  3108. .flex-order-gt-md-18 {
  3109. -webkit-order: 18;
  3110. -ms-flex-order: 18;
  3111. order: 18; }
  3112. .flex-order-gt-md-19 {
  3113. -webkit-order: 19;
  3114. -ms-flex-order: 19;
  3115. order: 19; }
  3116. .offset-gt-md-0, .flex-offset-gt-md-0 {
  3117. margin-left: 0%; }
  3118. .offset-gt-md-5, .flex-offset-gt-md-5 {
  3119. margin-left: 5%; }
  3120. .offset-gt-md-10, .flex-offset-gt-md-10 {
  3121. margin-left: 10%; }
  3122. .offset-gt-md-15, .flex-offset-gt-md-15 {
  3123. margin-left: 15%; }
  3124. .offset-gt-md-20, .flex-offset-gt-md-20 {
  3125. margin-left: 20%; }
  3126. .offset-gt-md-25, .flex-offset-gt-md-25 {
  3127. margin-left: 25%; }
  3128. .offset-gt-md-30, .flex-offset-gt-md-30 {
  3129. margin-left: 30%; }
  3130. .offset-gt-md-35, .flex-offset-gt-md-35 {
  3131. margin-left: 35%; }
  3132. .offset-gt-md-40, .flex-offset-gt-md-40 {
  3133. margin-left: 40%; }
  3134. .offset-gt-md-45, .flex-offset-gt-md-45 {
  3135. margin-left: 45%; }
  3136. .offset-gt-md-50, .flex-offset-gt-md-50 {
  3137. margin-left: 50%; }
  3138. .offset-gt-md-55, .flex-offset-gt-md-55 {
  3139. margin-left: 55%; }
  3140. .offset-gt-md-60, .flex-offset-gt-md-60 {
  3141. margin-left: 60%; }
  3142. .offset-gt-md-65, .flex-offset-gt-md-65 {
  3143. margin-left: 65%; }
  3144. .offset-gt-md-70, .flex-offset-gt-md-70 {
  3145. margin-left: 70%; }
  3146. .offset-gt-md-75, .flex-offset-gt-md-75 {
  3147. margin-left: 75%; }
  3148. .offset-gt-md-80, .flex-offset-gt-md-80 {
  3149. margin-left: 80%; }
  3150. .offset-gt-md-85, .flex-offset-gt-md-85 {
  3151. margin-left: 85%; }
  3152. .offset-gt-md-90, .flex-offset-gt-md-90 {
  3153. margin-left: 90%; }
  3154. .offset-gt-md-95, .flex-offset-gt-md-95 {
  3155. margin-left: 95%; }
  3156. .offset-gt-md-33, .flex-offset-gt-md-33 {
  3157. margin-left: 33%; }
  3158. .offset-gt-md-34, .flex-offset-gt-md-34 {
  3159. margin-left: 34%; }
  3160. .offset-gt-md-66, .flex-offset-gt-md-66 {
  3161. margin-left: 66%; }
  3162. .offset-gt-md-67, .flex-offset-gt-md-67 {
  3163. margin-left: 67%; }
  3164. .layout-align-gt-md-center, .layout-align-gt-md-center-center, .layout-align-gt-md-center-start, .layout-align-gt-md-center-end {
  3165. -webkit-justify-content: center;
  3166. -ms-flex-pack: center;
  3167. justify-content: center; }
  3168. .layout-align-gt-md-end, .layout-align-gt-md-end-center, .layout-align-gt-md-end-start, .layout-align-gt-md-end-end {
  3169. -webkit-justify-content: flex-end;
  3170. -ms-flex-pack: end;
  3171. justify-content: flex-end; }
  3172. .layout-align-gt-md-space-around, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-end {
  3173. -webkit-justify-content: space-around;
  3174. -ms-flex-pack: distribute;
  3175. justify-content: space-around; }
  3176. .layout-align-gt-md-space-between, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-end {
  3177. -webkit-justify-content: space-between;
  3178. -ms-flex-pack: justify;
  3179. justify-content: space-between; }
  3180. .layout-align-gt-md-center-start, .layout-align-gt-md-start-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-around-start {
  3181. -webkit-align-items: flex-start;
  3182. -ms-flex-align: start;
  3183. align-items: flex-start; }
  3184. .layout-align-gt-md-center-center, .layout-align-gt-md-start-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-around-center {
  3185. -webkit-align-items: center;
  3186. -ms-flex-align: center;
  3187. align-items: center;
  3188. max-width: 100%; }
  3189. .layout-align-gt-md-center-center > *, .layout-align-gt-md-start-center > *, .layout-align-gt-md-end-center > *, .layout-align-gt-md-space-between-center > *, .layout-align-gt-md-space-around-center > * {
  3190. max-width: 100%;
  3191. box-sizing: border-box; }
  3192. .layout-align-gt-md-center-end, .layout-align-gt-md-start-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-around-end {
  3193. -webkit-align-items: flex-end;
  3194. -ms-flex-align: end;
  3195. align-items: flex-end; }
  3196. .flex-gt-md {
  3197. -webkit-flex: 1;
  3198. -ms-flex: 1;
  3199. flex: 1;
  3200. box-sizing: border-box; }
  3201. .flex-gt-md-grow {
  3202. -webkit-flex: 1 1 100%;
  3203. -ms-flex: 1 1 100%;
  3204. flex: 1 1 100%;
  3205. box-sizing: border-box; }
  3206. .flex-gt-md-initial {
  3207. -webkit-flex: 0 1 auto;
  3208. -ms-flex: 0 1 auto;
  3209. flex: 0 1 auto;
  3210. box-sizing: border-box; }
  3211. .flex-gt-md-auto {
  3212. -webkit-flex: 1 1 auto;
  3213. -ms-flex: 1 1 auto;
  3214. flex: 1 1 auto;
  3215. box-sizing: border-box; }
  3216. .flex-gt-md-none {
  3217. -webkit-flex: 0 0 auto;
  3218. -ms-flex: 0 0 auto;
  3219. flex: 0 0 auto;
  3220. box-sizing: border-box; }
  3221. .flex-gt-md-0 {
  3222. -webkit-flex: 0 0 0%;
  3223. -ms-flex: 0 0 0%;
  3224. flex: 0 0 0%;
  3225. max-width: 0%;
  3226. max-height: 100%;
  3227. box-sizing: border-box; }
  3228. .layout-row > .flex-gt-md-0, .layout-gt-md-row > .flex-gt-md-0 {
  3229. -webkit-flex: 0 0 0%;
  3230. -ms-flex: 0 0 0%;
  3231. flex: 0 0 0%;
  3232. max-width: 0%;
  3233. max-height: 100%;
  3234. box-sizing: border-box; }
  3235. .layout-column > .flex-gt-md-0, .layout-gt-md-column > .flex-gt-md-0 {
  3236. -webkit-flex: 0 0 0%;
  3237. -ms-flex: 0 0 0%;
  3238. flex: 0 0 0%;
  3239. max-width: 100%;
  3240. max-height: 0%;
  3241. box-sizing: border-box; }
  3242. .flex-gt-md-5 {
  3243. -webkit-flex: 0 0 5%;
  3244. -ms-flex: 0 0 5%;
  3245. flex: 0 0 5%;
  3246. max-width: 5%;
  3247. max-height: 100%;
  3248. box-sizing: border-box; }
  3249. .layout-row > .flex-gt-md-5, .layout-gt-md-row > .flex-gt-md-5 {
  3250. -webkit-flex: 0 0 5%;
  3251. -ms-flex: 0 0 5%;
  3252. flex: 0 0 5%;
  3253. max-width: 5%;
  3254. max-height: 100%;
  3255. box-sizing: border-box; }
  3256. .layout-column > .flex-gt-md-5, .layout-gt-md-column > .flex-gt-md-5 {
  3257. -webkit-flex: 0 0 5%;
  3258. -ms-flex: 0 0 5%;
  3259. flex: 0 0 5%;
  3260. max-width: 100%;
  3261. max-height: 5%;
  3262. box-sizing: border-box; }
  3263. .flex-gt-md-10 {
  3264. -webkit-flex: 0 0 10%;
  3265. -ms-flex: 0 0 10%;
  3266. flex: 0 0 10%;
  3267. max-width: 10%;
  3268. max-height: 100%;
  3269. box-sizing: border-box; }
  3270. .layout-row > .flex-gt-md-10, .layout-gt-md-row > .flex-gt-md-10 {
  3271. -webkit-flex: 0 0 10%;
  3272. -ms-flex: 0 0 10%;
  3273. flex: 0 0 10%;
  3274. max-width: 10%;
  3275. max-height: 100%;
  3276. box-sizing: border-box; }
  3277. .layout-column > .flex-gt-md-10, .layout-gt-md-column > .flex-gt-md-10 {
  3278. -webkit-flex: 0 0 10%;
  3279. -ms-flex: 0 0 10%;
  3280. flex: 0 0 10%;
  3281. max-width: 100%;
  3282. max-height: 10%;
  3283. box-sizing: border-box; }
  3284. .flex-gt-md-15 {
  3285. -webkit-flex: 0 0 15%;
  3286. -ms-flex: 0 0 15%;
  3287. flex: 0 0 15%;
  3288. max-width: 15%;
  3289. max-height: 100%;
  3290. box-sizing: border-box; }
  3291. .layout-row > .flex-gt-md-15, .layout-gt-md-row > .flex-gt-md-15 {
  3292. -webkit-flex: 0 0 15%;
  3293. -ms-flex: 0 0 15%;
  3294. flex: 0 0 15%;
  3295. max-width: 15%;
  3296. max-height: 100%;
  3297. box-sizing: border-box; }
  3298. .layout-column > .flex-gt-md-15, .layout-gt-md-column > .flex-gt-md-15 {
  3299. -webkit-flex: 0 0 15%;
  3300. -ms-flex: 0 0 15%;
  3301. flex: 0 0 15%;
  3302. max-width: 100%;
  3303. max-height: 15%;
  3304. box-sizing: border-box; }
  3305. .flex-gt-md-20 {
  3306. -webkit-flex: 0 0 20%;
  3307. -ms-flex: 0 0 20%;
  3308. flex: 0 0 20%;
  3309. max-width: 20%;
  3310. max-height: 100%;
  3311. box-sizing: border-box; }
  3312. .layout-row > .flex-gt-md-20, .layout-gt-md-row > .flex-gt-md-20 {
  3313. -webkit-flex: 0 0 20%;
  3314. -ms-flex: 0 0 20%;
  3315. flex: 0 0 20%;
  3316. max-width: 20%;
  3317. max-height: 100%;
  3318. box-sizing: border-box; }
  3319. .layout-column > .flex-gt-md-20, .layout-gt-md-column > .flex-gt-md-20 {
  3320. -webkit-flex: 0 0 20%;
  3321. -ms-flex: 0 0 20%;
  3322. flex: 0 0 20%;
  3323. max-width: 100%;
  3324. max-height: 20%;
  3325. box-sizing: border-box; }
  3326. .flex-gt-md-25 {
  3327. -webkit-flex: 0 0 25%;
  3328. -ms-flex: 0 0 25%;
  3329. flex: 0 0 25%;
  3330. max-width: 25%;
  3331. max-height: 100%;
  3332. box-sizing: border-box; }
  3333. .layout-row > .flex-gt-md-25, .layout-gt-md-row > .flex-gt-md-25 {
  3334. -webkit-flex: 0 0 25%;
  3335. -ms-flex: 0 0 25%;
  3336. flex: 0 0 25%;
  3337. max-width: 25%;
  3338. max-height: 100%;
  3339. box-sizing: border-box; }
  3340. .layout-column > .flex-gt-md-25, .layout-gt-md-column > .flex-gt-md-25 {
  3341. -webkit-flex: 0 0 25%;
  3342. -ms-flex: 0 0 25%;
  3343. flex: 0 0 25%;
  3344. max-width: 100%;
  3345. max-height: 25%;
  3346. box-sizing: border-box; }
  3347. .flex-gt-md-30 {
  3348. -webkit-flex: 0 0 30%;
  3349. -ms-flex: 0 0 30%;
  3350. flex: 0 0 30%;
  3351. max-width: 30%;
  3352. max-height: 100%;
  3353. box-sizing: border-box; }
  3354. .layout-row > .flex-gt-md-30, .layout-gt-md-row > .flex-gt-md-30 {
  3355. -webkit-flex: 0 0 30%;
  3356. -ms-flex: 0 0 30%;
  3357. flex: 0 0 30%;
  3358. max-width: 30%;
  3359. max-height: 100%;
  3360. box-sizing: border-box; }
  3361. .layout-column > .flex-gt-md-30, .layout-gt-md-column > .flex-gt-md-30 {
  3362. -webkit-flex: 0 0 30%;
  3363. -ms-flex: 0 0 30%;
  3364. flex: 0 0 30%;
  3365. max-width: 100%;
  3366. max-height: 30%;
  3367. box-sizing: border-box; }
  3368. .flex-gt-md-35 {
  3369. -webkit-flex: 0 0 35%;
  3370. -ms-flex: 0 0 35%;
  3371. flex: 0 0 35%;
  3372. max-width: 35%;
  3373. max-height: 100%;
  3374. box-sizing: border-box; }
  3375. .layout-row > .flex-gt-md-35, .layout-gt-md-row > .flex-gt-md-35 {
  3376. -webkit-flex: 0 0 35%;
  3377. -ms-flex: 0 0 35%;
  3378. flex: 0 0 35%;
  3379. max-width: 35%;
  3380. max-height: 100%;
  3381. box-sizing: border-box; }
  3382. .layout-column > .flex-gt-md-35, .layout-gt-md-column > .flex-gt-md-35 {
  3383. -webkit-flex: 0 0 35%;
  3384. -ms-flex: 0 0 35%;
  3385. flex: 0 0 35%;
  3386. max-width: 100%;
  3387. max-height: 35%;
  3388. box-sizing: border-box; }
  3389. .flex-gt-md-40 {
  3390. -webkit-flex: 0 0 40%;
  3391. -ms-flex: 0 0 40%;
  3392. flex: 0 0 40%;
  3393. max-width: 40%;
  3394. max-height: 100%;
  3395. box-sizing: border-box; }
  3396. .layout-row > .flex-gt-md-40, .layout-gt-md-row > .flex-gt-md-40 {
  3397. -webkit-flex: 0 0 40%;
  3398. -ms-flex: 0 0 40%;
  3399. flex: 0 0 40%;
  3400. max-width: 40%;
  3401. max-height: 100%;
  3402. box-sizing: border-box; }
  3403. .layout-column > .flex-gt-md-40, .layout-gt-md-column > .flex-gt-md-40 {
  3404. -webkit-flex: 0 0 40%;
  3405. -ms-flex: 0 0 40%;
  3406. flex: 0 0 40%;
  3407. max-width: 100%;
  3408. max-height: 40%;
  3409. box-sizing: border-box; }
  3410. .flex-gt-md-45 {
  3411. -webkit-flex: 0 0 45%;
  3412. -ms-flex: 0 0 45%;
  3413. flex: 0 0 45%;
  3414. max-width: 45%;
  3415. max-height: 100%;
  3416. box-sizing: border-box; }
  3417. .layout-row > .flex-gt-md-45, .layout-gt-md-row > .flex-gt-md-45 {
  3418. -webkit-flex: 0 0 45%;
  3419. -ms-flex: 0 0 45%;
  3420. flex: 0 0 45%;
  3421. max-width: 45%;
  3422. max-height: 100%;
  3423. box-sizing: border-box; }
  3424. .layout-column > .flex-gt-md-45, .layout-gt-md-column > .flex-gt-md-45 {
  3425. -webkit-flex: 0 0 45%;
  3426. -ms-flex: 0 0 45%;
  3427. flex: 0 0 45%;
  3428. max-width: 100%;
  3429. max-height: 45%;
  3430. box-sizing: border-box; }
  3431. .flex-gt-md-50 {
  3432. -webkit-flex: 0 0 50%;
  3433. -ms-flex: 0 0 50%;
  3434. flex: 0 0 50%;
  3435. max-width: 50%;
  3436. max-height: 100%;
  3437. box-sizing: border-box; }
  3438. .layout-row > .flex-gt-md-50, .layout-gt-md-row > .flex-gt-md-50 {
  3439. -webkit-flex: 0 0 50%;
  3440. -ms-flex: 0 0 50%;
  3441. flex: 0 0 50%;
  3442. max-width: 50%;
  3443. max-height: 100%;
  3444. box-sizing: border-box; }
  3445. .layout-column > .flex-gt-md-50, .layout-gt-md-column > .flex-gt-md-50 {
  3446. -webkit-flex: 0 0 50%;
  3447. -ms-flex: 0 0 50%;
  3448. flex: 0 0 50%;
  3449. max-width: 100%;
  3450. max-height: 50%;
  3451. box-sizing: border-box; }
  3452. .flex-gt-md-55 {
  3453. -webkit-flex: 0 0 55%;
  3454. -ms-flex: 0 0 55%;
  3455. flex: 0 0 55%;
  3456. max-width: 55%;
  3457. max-height: 100%;
  3458. box-sizing: border-box; }
  3459. .layout-row > .flex-gt-md-55, .layout-gt-md-row > .flex-gt-md-55 {
  3460. -webkit-flex: 0 0 55%;
  3461. -ms-flex: 0 0 55%;
  3462. flex: 0 0 55%;
  3463. max-width: 55%;
  3464. max-height: 100%;
  3465. box-sizing: border-box; }
  3466. .layout-column > .flex-gt-md-55, .layout-gt-md-column > .flex-gt-md-55 {
  3467. -webkit-flex: 0 0 55%;
  3468. -ms-flex: 0 0 55%;
  3469. flex: 0 0 55%;
  3470. max-width: 100%;
  3471. max-height: 55%;
  3472. box-sizing: border-box; }
  3473. .flex-gt-md-60 {
  3474. -webkit-flex: 0 0 60%;
  3475. -ms-flex: 0 0 60%;
  3476. flex: 0 0 60%;
  3477. max-width: 60%;
  3478. max-height: 100%;
  3479. box-sizing: border-box; }
  3480. .layout-row > .flex-gt-md-60, .layout-gt-md-row > .flex-gt-md-60 {
  3481. -webkit-flex: 0 0 60%;
  3482. -ms-flex: 0 0 60%;
  3483. flex: 0 0 60%;
  3484. max-width: 60%;
  3485. max-height: 100%;
  3486. box-sizing: border-box; }
  3487. .layout-column > .flex-gt-md-60, .layout-gt-md-column > .flex-gt-md-60 {
  3488. -webkit-flex: 0 0 60%;
  3489. -ms-flex: 0 0 60%;
  3490. flex: 0 0 60%;
  3491. max-width: 100%;
  3492. max-height: 60%;
  3493. box-sizing: border-box; }
  3494. .flex-gt-md-65 {
  3495. -webkit-flex: 0 0 65%;
  3496. -ms-flex: 0 0 65%;
  3497. flex: 0 0 65%;
  3498. max-width: 65%;
  3499. max-height: 100%;
  3500. box-sizing: border-box; }
  3501. .layout-row > .flex-gt-md-65, .layout-gt-md-row > .flex-gt-md-65 {
  3502. -webkit-flex: 0 0 65%;
  3503. -ms-flex: 0 0 65%;
  3504. flex: 0 0 65%;
  3505. max-width: 65%;
  3506. max-height: 100%;
  3507. box-sizing: border-box; }
  3508. .layout-column > .flex-gt-md-65, .layout-gt-md-column > .flex-gt-md-65 {
  3509. -webkit-flex: 0 0 65%;
  3510. -ms-flex: 0 0 65%;
  3511. flex: 0 0 65%;
  3512. max-width: 100%;
  3513. max-height: 65%;
  3514. box-sizing: border-box; }
  3515. .flex-gt-md-70 {
  3516. -webkit-flex: 0 0 70%;
  3517. -ms-flex: 0 0 70%;
  3518. flex: 0 0 70%;
  3519. max-width: 70%;
  3520. max-height: 100%;
  3521. box-sizing: border-box; }
  3522. .layout-row > .flex-gt-md-70, .layout-gt-md-row > .flex-gt-md-70 {
  3523. -webkit-flex: 0 0 70%;
  3524. -ms-flex: 0 0 70%;
  3525. flex: 0 0 70%;
  3526. max-width: 70%;
  3527. max-height: 100%;
  3528. box-sizing: border-box; }
  3529. .layout-column > .flex-gt-md-70, .layout-gt-md-column > .flex-gt-md-70 {
  3530. -webkit-flex: 0 0 70%;
  3531. -ms-flex: 0 0 70%;
  3532. flex: 0 0 70%;
  3533. max-width: 100%;
  3534. max-height: 70%;
  3535. box-sizing: border-box; }
  3536. .flex-gt-md-75 {
  3537. -webkit-flex: 0 0 75%;
  3538. -ms-flex: 0 0 75%;
  3539. flex: 0 0 75%;
  3540. max-width: 75%;
  3541. max-height: 100%;
  3542. box-sizing: border-box; }
  3543. .layout-row > .flex-gt-md-75, .layout-gt-md-row > .flex-gt-md-75 {
  3544. -webkit-flex: 0 0 75%;
  3545. -ms-flex: 0 0 75%;
  3546. flex: 0 0 75%;
  3547. max-width: 75%;
  3548. max-height: 100%;
  3549. box-sizing: border-box; }
  3550. .layout-column > .flex-gt-md-75, .layout-gt-md-column > .flex-gt-md-75 {
  3551. -webkit-flex: 0 0 75%;
  3552. -ms-flex: 0 0 75%;
  3553. flex: 0 0 75%;
  3554. max-width: 100%;
  3555. max-height: 75%;
  3556. box-sizing: border-box; }
  3557. .flex-gt-md-80 {
  3558. -webkit-flex: 0 0 80%;
  3559. -ms-flex: 0 0 80%;
  3560. flex: 0 0 80%;
  3561. max-width: 80%;
  3562. max-height: 100%;
  3563. box-sizing: border-box; }
  3564. .layout-row > .flex-gt-md-80, .layout-gt-md-row > .flex-gt-md-80 {
  3565. -webkit-flex: 0 0 80%;
  3566. -ms-flex: 0 0 80%;
  3567. flex: 0 0 80%;
  3568. max-width: 80%;
  3569. max-height: 100%;
  3570. box-sizing: border-box; }
  3571. .layout-column > .flex-gt-md-80, .layout-gt-md-column > .flex-gt-md-80 {
  3572. -webkit-flex: 0 0 80%;
  3573. -ms-flex: 0 0 80%;
  3574. flex: 0 0 80%;
  3575. max-width: 100%;
  3576. max-height: 80%;
  3577. box-sizing: border-box; }
  3578. .flex-gt-md-85 {
  3579. -webkit-flex: 0 0 85%;
  3580. -ms-flex: 0 0 85%;
  3581. flex: 0 0 85%;
  3582. max-width: 85%;
  3583. max-height: 100%;
  3584. box-sizing: border-box; }
  3585. .layout-row > .flex-gt-md-85, .layout-gt-md-row > .flex-gt-md-85 {
  3586. -webkit-flex: 0 0 85%;
  3587. -ms-flex: 0 0 85%;
  3588. flex: 0 0 85%;
  3589. max-width: 85%;
  3590. max-height: 100%;
  3591. box-sizing: border-box; }
  3592. .layout-column > .flex-gt-md-85, .layout-gt-md-column > .flex-gt-md-85 {
  3593. -webkit-flex: 0 0 85%;
  3594. -ms-flex: 0 0 85%;
  3595. flex: 0 0 85%;
  3596. max-width: 100%;
  3597. max-height: 85%;
  3598. box-sizing: border-box; }
  3599. .flex-gt-md-90 {
  3600. -webkit-flex: 0 0 90%;
  3601. -ms-flex: 0 0 90%;
  3602. flex: 0 0 90%;
  3603. max-width: 90%;
  3604. max-height: 100%;
  3605. box-sizing: border-box; }
  3606. .layout-row > .flex-gt-md-90, .layout-gt-md-row > .flex-gt-md-90 {
  3607. -webkit-flex: 0 0 90%;
  3608. -ms-flex: 0 0 90%;
  3609. flex: 0 0 90%;
  3610. max-width: 90%;
  3611. max-height: 100%;
  3612. box-sizing: border-box; }
  3613. .layout-column > .flex-gt-md-90, .layout-gt-md-column > .flex-gt-md-90 {
  3614. -webkit-flex: 0 0 90%;
  3615. -ms-flex: 0 0 90%;
  3616. flex: 0 0 90%;
  3617. max-width: 100%;
  3618. max-height: 90%;
  3619. box-sizing: border-box; }
  3620. .flex-gt-md-95 {
  3621. -webkit-flex: 0 0 95%;
  3622. -ms-flex: 0 0 95%;
  3623. flex: 0 0 95%;
  3624. max-width: 95%;
  3625. max-height: 100%;
  3626. box-sizing: border-box; }
  3627. .layout-row > .flex-gt-md-95, .layout-gt-md-row > .flex-gt-md-95 {
  3628. -webkit-flex: 0 0 95%;
  3629. -ms-flex: 0 0 95%;
  3630. flex: 0 0 95%;
  3631. max-width: 95%;
  3632. max-height: 100%;
  3633. box-sizing: border-box; }
  3634. .layout-column > .flex-gt-md-95, .layout-gt-md-column > .flex-gt-md-95 {
  3635. -webkit-flex: 0 0 95%;
  3636. -ms-flex: 0 0 95%;
  3637. flex: 0 0 95%;
  3638. max-width: 100%;
  3639. max-height: 95%;
  3640. box-sizing: border-box; }
  3641. .flex-gt-md-100 {
  3642. -webkit-flex: 0 0 100%;
  3643. -ms-flex: 0 0 100%;
  3644. flex: 0 0 100%;
  3645. max-width: 100%;
  3646. max-height: 100%;
  3647. box-sizing: border-box; }
  3648. .layout-row > .flex-gt-md-100, .layout-gt-md-row > .flex-gt-md-100 {
  3649. -webkit-flex: 0 0 100%;
  3650. -ms-flex: 0 0 100%;
  3651. flex: 0 0 100%;
  3652. max-width: 100%;
  3653. max-height: 100%;
  3654. box-sizing: border-box; }
  3655. .layout-column > .flex-gt-md-100, .layout-gt-md-column > .flex-gt-md-100 {
  3656. -webkit-flex: 0 0 100%;
  3657. -ms-flex: 0 0 100%;
  3658. flex: 0 0 100%;
  3659. max-width: 100%;
  3660. max-height: 100%;
  3661. box-sizing: border-box; }
  3662. .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
  3663. -webkit-flex: 0 0 33%;
  3664. -ms-flex: 0 0 33%;
  3665. flex: 0 0 33%;
  3666. max-width: 33%;
  3667. max-height: 100%;
  3668. box-sizing: border-box; }
  3669. .layout-row > .flex-gt-md-34, .layout-row > .flex-gt-md-34, .layout-gt-md-row > .flex-gt-md-34, .layout-gt-md-row > .flex-gt-md-34 {
  3670. -webkit-flex: 0 0 34%;
  3671. -ms-flex: 0 0 34%;
  3672. flex: 0 0 34%;
  3673. max-width: 34%;
  3674. max-height: 100%;
  3675. box-sizing: border-box; }
  3676. .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
  3677. -webkit-flex: 0 0 66%;
  3678. -ms-flex: 0 0 66%;
  3679. flex: 0 0 66%;
  3680. max-width: 66%;
  3681. max-height: 100%;
  3682. box-sizing: border-box; }
  3683. .layout-row > .flex-gt-md-67, .layout-row > .flex-gt-md-67, .layout-gt-md-row > .flex-gt-md-67, .layout-gt-md-row > .flex-gt-md-67 {
  3684. -webkit-flex: 0 0 67%;
  3685. -ms-flex: 0 0 67%;
  3686. flex: 0 0 67%;
  3687. max-width: 67%;
  3688. max-height: 100%;
  3689. box-sizing: border-box; }
  3690. .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
  3691. -webkit-flex: 0 0 33%;
  3692. -ms-flex: 0 0 33%;
  3693. flex: 0 0 33%;
  3694. max-width: 100%;
  3695. max-height: 33%;
  3696. box-sizing: border-box; }
  3697. .layout-column > .flex-gt-md-34, .layout-column > .flex-gt-md-34, .layout-gt-md-column > .flex-gt-md-34, .layout-gt-md-column > .flex-gt-md-34 {
  3698. -webkit-flex: 0 0 34%;
  3699. -ms-flex: 0 0 34%;
  3700. flex: 0 0 34%;
  3701. max-width: 100%;
  3702. max-height: 34%;
  3703. box-sizing: border-box; }
  3704. .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
  3705. -webkit-flex: 0 0 66%;
  3706. -ms-flex: 0 0 66%;
  3707. flex: 0 0 66%;
  3708. max-width: 100%;
  3709. max-height: 66%;
  3710. box-sizing: border-box; }
  3711. .layout-column > .flex-gt-md-67, .layout-column > .flex-gt-md-67, .layout-gt-md-column > .flex-gt-md-67, .layout-gt-md-column > .flex-gt-md-67 {
  3712. -webkit-flex: 0 0 67%;
  3713. -ms-flex: 0 0 67%;
  3714. flex: 0 0 67%;
  3715. max-width: 100%;
  3716. max-height: 67%;
  3717. box-sizing: border-box; }
  3718. .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
  3719. box-sizing: border-box;
  3720. display: -webkit-flex;
  3721. display: -ms-flexbox;
  3722. display: flex; }
  3723. .layout-gt-md-column {
  3724. -webkit-flex-direction: column;
  3725. -ms-flex-direction: column;
  3726. flex-direction: column; }
  3727. .layout-gt-md-row {
  3728. -webkit-flex-direction: row;
  3729. -ms-flex-direction: row;
  3730. flex-direction: row; } }
  3731. @media (min-width: 960px) and (max-width: 1199px) {
  3732. .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
  3733. display: none; }
  3734. .hide-lg:not(.show-lg):not(.show) {
  3735. display: none; }
  3736. .flex-order-lg-0 {
  3737. -webkit-order: 0;
  3738. -ms-flex-order: 0;
  3739. order: 0; }
  3740. .flex-order-lg-1 {
  3741. -webkit-order: 1;
  3742. -ms-flex-order: 1;
  3743. order: 1; }
  3744. .flex-order-lg-2 {
  3745. -webkit-order: 2;
  3746. -ms-flex-order: 2;
  3747. order: 2; }
  3748. .flex-order-lg-3 {
  3749. -webkit-order: 3;
  3750. -ms-flex-order: 3;
  3751. order: 3; }
  3752. .flex-order-lg-4 {
  3753. -webkit-order: 4;
  3754. -ms-flex-order: 4;
  3755. order: 4; }
  3756. .flex-order-lg-5 {
  3757. -webkit-order: 5;
  3758. -ms-flex-order: 5;
  3759. order: 5; }
  3760. .flex-order-lg-6 {
  3761. -webkit-order: 6;
  3762. -ms-flex-order: 6;
  3763. order: 6; }
  3764. .flex-order-lg-7 {
  3765. -webkit-order: 7;
  3766. -ms-flex-order: 7;
  3767. order: 7; }
  3768. .flex-order-lg-8 {
  3769. -webkit-order: 8;
  3770. -ms-flex-order: 8;
  3771. order: 8; }
  3772. .flex-order-lg-9 {
  3773. -webkit-order: 9;
  3774. -ms-flex-order: 9;
  3775. order: 9; }
  3776. .flex-order-lg-10 {
  3777. -webkit-order: 10;
  3778. -ms-flex-order: 10;
  3779. order: 10; }
  3780. .flex-order-lg-11 {
  3781. -webkit-order: 11;
  3782. -ms-flex-order: 11;
  3783. order: 11; }
  3784. .flex-order-lg-12 {
  3785. -webkit-order: 12;
  3786. -ms-flex-order: 12;
  3787. order: 12; }
  3788. .flex-order-lg-13 {
  3789. -webkit-order: 13;
  3790. -ms-flex-order: 13;
  3791. order: 13; }
  3792. .flex-order-lg-14 {
  3793. -webkit-order: 14;
  3794. -ms-flex-order: 14;
  3795. order: 14; }
  3796. .flex-order-lg-15 {
  3797. -webkit-order: 15;
  3798. -ms-flex-order: 15;
  3799. order: 15; }
  3800. .flex-order-lg-16 {
  3801. -webkit-order: 16;
  3802. -ms-flex-order: 16;
  3803. order: 16; }
  3804. .flex-order-lg-17 {
  3805. -webkit-order: 17;
  3806. -ms-flex-order: 17;
  3807. order: 17; }
  3808. .flex-order-lg-18 {
  3809. -webkit-order: 18;
  3810. -ms-flex-order: 18;
  3811. order: 18; }
  3812. .flex-order-lg-19 {
  3813. -webkit-order: 19;
  3814. -ms-flex-order: 19;
  3815. order: 19; }
  3816. .offset-lg-0, .flex-offset-lg-0 {
  3817. margin-left: 0%; }
  3818. .offset-lg-5, .flex-offset-lg-5 {
  3819. margin-left: 5%; }
  3820. .offset-lg-10, .flex-offset-lg-10 {
  3821. margin-left: 10%; }
  3822. .offset-lg-15, .flex-offset-lg-15 {
  3823. margin-left: 15%; }
  3824. .offset-lg-20, .flex-offset-lg-20 {
  3825. margin-left: 20%; }
  3826. .offset-lg-25, .flex-offset-lg-25 {
  3827. margin-left: 25%; }
  3828. .offset-lg-30, .flex-offset-lg-30 {
  3829. margin-left: 30%; }
  3830. .offset-lg-35, .flex-offset-lg-35 {
  3831. margin-left: 35%; }
  3832. .offset-lg-40, .flex-offset-lg-40 {
  3833. margin-left: 40%; }
  3834. .offset-lg-45, .flex-offset-lg-45 {
  3835. margin-left: 45%; }
  3836. .offset-lg-50, .flex-offset-lg-50 {
  3837. margin-left: 50%; }
  3838. .offset-lg-55, .flex-offset-lg-55 {
  3839. margin-left: 55%; }
  3840. .offset-lg-60, .flex-offset-lg-60 {
  3841. margin-left: 60%; }
  3842. .offset-lg-65, .flex-offset-lg-65 {
  3843. margin-left: 65%; }
  3844. .offset-lg-70, .flex-offset-lg-70 {
  3845. margin-left: 70%; }
  3846. .offset-lg-75, .flex-offset-lg-75 {
  3847. margin-left: 75%; }
  3848. .offset-lg-80, .flex-offset-lg-80 {
  3849. margin-left: 80%; }
  3850. .offset-lg-85, .flex-offset-lg-85 {
  3851. margin-left: 85%; }
  3852. .offset-lg-90, .flex-offset-lg-90 {
  3853. margin-left: 90%; }
  3854. .offset-lg-95, .flex-offset-lg-95 {
  3855. margin-left: 95%; }
  3856. .offset-lg-33, .flex-offset-lg-33 {
  3857. margin-left: 33%; }
  3858. .offset-lg-34, .flex-offset-lg-34 {
  3859. margin-left: 34%; }
  3860. .offset-lg-66, .flex-offset-lg-66 {
  3861. margin-left: 66%; }
  3862. .offset-lg-67, .flex-offset-lg-67 {
  3863. margin-left: 67%; }
  3864. .layout-align-lg-center, .layout-align-lg-center-center, .layout-align-lg-center-start, .layout-align-lg-center-end {
  3865. -webkit-justify-content: center;
  3866. -ms-flex-pack: center;
  3867. justify-content: center; }
  3868. .layout-align-lg-end, .layout-align-lg-end-center, .layout-align-lg-end-start, .layout-align-lg-end-end {
  3869. -webkit-justify-content: flex-end;
  3870. -ms-flex-pack: end;
  3871. justify-content: flex-end; }
  3872. .layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end {
  3873. -webkit-justify-content: space-around;
  3874. -ms-flex-pack: distribute;
  3875. justify-content: space-around; }
  3876. .layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end {
  3877. -webkit-justify-content: space-between;
  3878. -ms-flex-pack: justify;
  3879. justify-content: space-between; }
  3880. .layout-align-lg-center-start, .layout-align-lg-start-start, .layout-align-lg-end-start, .layout-align-lg-space-between-start, .layout-align-lg-space-around-start {
  3881. -webkit-align-items: flex-start;
  3882. -ms-flex-align: start;
  3883. align-items: flex-start; }
  3884. .layout-align-lg-center-center, .layout-align-lg-start-center, .layout-align-lg-end-center, .layout-align-lg-space-between-center, .layout-align-lg-space-around-center {
  3885. -webkit-align-items: center;
  3886. -ms-flex-align: center;
  3887. align-items: center;
  3888. max-width: 100%; }
  3889. .layout-align-lg-center-center > *, .layout-align-lg-start-center > *, .layout-align-lg-end-center > *, .layout-align-lg-space-between-center > *, .layout-align-lg-space-around-center > * {
  3890. max-width: 100%;
  3891. box-sizing: border-box; }
  3892. .layout-align-lg-center-end, .layout-align-lg-start-end, .layout-align-lg-end-end, .layout-align-lg-space-between-end, .layout-align-lg-space-around-end {
  3893. -webkit-align-items: flex-end;
  3894. -ms-flex-align: end;
  3895. align-items: flex-end; }
  3896. .flex-lg {
  3897. -webkit-flex: 1;
  3898. -ms-flex: 1;
  3899. flex: 1;
  3900. box-sizing: border-box; }
  3901. .flex-lg-grow {
  3902. -webkit-flex: 1 1 100%;
  3903. -ms-flex: 1 1 100%;
  3904. flex: 1 1 100%;
  3905. box-sizing: border-box; }
  3906. .flex-lg-initial {
  3907. -webkit-flex: 0 1 auto;
  3908. -ms-flex: 0 1 auto;
  3909. flex: 0 1 auto;
  3910. box-sizing: border-box; }
  3911. .flex-lg-auto {
  3912. -webkit-flex: 1 1 auto;
  3913. -ms-flex: 1 1 auto;
  3914. flex: 1 1 auto;
  3915. box-sizing: border-box; }
  3916. .flex-lg-none {
  3917. -webkit-flex: 0 0 auto;
  3918. -ms-flex: 0 0 auto;
  3919. flex: 0 0 auto;
  3920. box-sizing: border-box; }
  3921. .flex-lg-0 {
  3922. -webkit-flex: 0 0 0%;
  3923. -ms-flex: 0 0 0%;
  3924. flex: 0 0 0%;
  3925. max-width: 0%;
  3926. max-height: 100%;
  3927. box-sizing: border-box; }
  3928. .layout-row > .flex-lg-0, .layout-lg-row > .flex-lg-0 {
  3929. -webkit-flex: 0 0 0%;
  3930. -ms-flex: 0 0 0%;
  3931. flex: 0 0 0%;
  3932. max-width: 0%;
  3933. max-height: 100%;
  3934. box-sizing: border-box; }
  3935. .layout-column > .flex-lg-0, .layout-lg-column > .flex-lg-0 {
  3936. -webkit-flex: 0 0 0%;
  3937. -ms-flex: 0 0 0%;
  3938. flex: 0 0 0%;
  3939. max-width: 100%;
  3940. max-height: 0%;
  3941. box-sizing: border-box; }
  3942. .flex-lg-5 {
  3943. -webkit-flex: 0 0 5%;
  3944. -ms-flex: 0 0 5%;
  3945. flex: 0 0 5%;
  3946. max-width: 5%;
  3947. max-height: 100%;
  3948. box-sizing: border-box; }
  3949. .layout-row > .flex-lg-5, .layout-lg-row > .flex-lg-5 {
  3950. -webkit-flex: 0 0 5%;
  3951. -ms-flex: 0 0 5%;
  3952. flex: 0 0 5%;
  3953. max-width: 5%;
  3954. max-height: 100%;
  3955. box-sizing: border-box; }
  3956. .layout-column > .flex-lg-5, .layout-lg-column > .flex-lg-5 {
  3957. -webkit-flex: 0 0 5%;
  3958. -ms-flex: 0 0 5%;
  3959. flex: 0 0 5%;
  3960. max-width: 100%;
  3961. max-height: 5%;
  3962. box-sizing: border-box; }
  3963. .flex-lg-10 {
  3964. -webkit-flex: 0 0 10%;
  3965. -ms-flex: 0 0 10%;
  3966. flex: 0 0 10%;
  3967. max-width: 10%;
  3968. max-height: 100%;
  3969. box-sizing: border-box; }
  3970. .layout-row > .flex-lg-10, .layout-lg-row > .flex-lg-10 {
  3971. -webkit-flex: 0 0 10%;
  3972. -ms-flex: 0 0 10%;
  3973. flex: 0 0 10%;
  3974. max-width: 10%;
  3975. max-height: 100%;
  3976. box-sizing: border-box; }
  3977. .layout-column > .flex-lg-10, .layout-lg-column > .flex-lg-10 {
  3978. -webkit-flex: 0 0 10%;
  3979. -ms-flex: 0 0 10%;
  3980. flex: 0 0 10%;
  3981. max-width: 100%;
  3982. max-height: 10%;
  3983. box-sizing: border-box; }
  3984. .flex-lg-15 {
  3985. -webkit-flex: 0 0 15%;
  3986. -ms-flex: 0 0 15%;
  3987. flex: 0 0 15%;
  3988. max-width: 15%;
  3989. max-height: 100%;
  3990. box-sizing: border-box; }
  3991. .layout-row > .flex-lg-15, .layout-lg-row > .flex-lg-15 {
  3992. -webkit-flex: 0 0 15%;
  3993. -ms-flex: 0 0 15%;
  3994. flex: 0 0 15%;
  3995. max-width: 15%;
  3996. max-height: 100%;
  3997. box-sizing: border-box; }
  3998. .layout-column > .flex-lg-15, .layout-lg-column > .flex-lg-15 {
  3999. -webkit-flex: 0 0 15%;
  4000. -ms-flex: 0 0 15%;
  4001. flex: 0 0 15%;
  4002. max-width: 100%;
  4003. max-height: 15%;
  4004. box-sizing: border-box; }
  4005. .flex-lg-20 {
  4006. -webkit-flex: 0 0 20%;
  4007. -ms-flex: 0 0 20%;
  4008. flex: 0 0 20%;
  4009. max-width: 20%;
  4010. max-height: 100%;
  4011. box-sizing: border-box; }
  4012. .layout-row > .flex-lg-20, .layout-lg-row > .flex-lg-20 {
  4013. -webkit-flex: 0 0 20%;
  4014. -ms-flex: 0 0 20%;
  4015. flex: 0 0 20%;
  4016. max-width: 20%;
  4017. max-height: 100%;
  4018. box-sizing: border-box; }
  4019. .layout-column > .flex-lg-20, .layout-lg-column > .flex-lg-20 {
  4020. -webkit-flex: 0 0 20%;
  4021. -ms-flex: 0 0 20%;
  4022. flex: 0 0 20%;
  4023. max-width: 100%;
  4024. max-height: 20%;
  4025. box-sizing: border-box; }
  4026. .flex-lg-25 {
  4027. -webkit-flex: 0 0 25%;
  4028. -ms-flex: 0 0 25%;
  4029. flex: 0 0 25%;
  4030. max-width: 25%;
  4031. max-height: 100%;
  4032. box-sizing: border-box; }
  4033. .layout-row > .flex-lg-25, .layout-lg-row > .flex-lg-25 {
  4034. -webkit-flex: 0 0 25%;
  4035. -ms-flex: 0 0 25%;
  4036. flex: 0 0 25%;
  4037. max-width: 25%;
  4038. max-height: 100%;
  4039. box-sizing: border-box; }
  4040. .layout-column > .flex-lg-25, .layout-lg-column > .flex-lg-25 {
  4041. -webkit-flex: 0 0 25%;
  4042. -ms-flex: 0 0 25%;
  4043. flex: 0 0 25%;
  4044. max-width: 100%;
  4045. max-height: 25%;
  4046. box-sizing: border-box; }
  4047. .flex-lg-30 {
  4048. -webkit-flex: 0 0 30%;
  4049. -ms-flex: 0 0 30%;
  4050. flex: 0 0 30%;
  4051. max-width: 30%;
  4052. max-height: 100%;
  4053. box-sizing: border-box; }
  4054. .layout-row > .flex-lg-30, .layout-lg-row > .flex-lg-30 {
  4055. -webkit-flex: 0 0 30%;
  4056. -ms-flex: 0 0 30%;
  4057. flex: 0 0 30%;
  4058. max-width: 30%;
  4059. max-height: 100%;
  4060. box-sizing: border-box; }
  4061. .layout-column > .flex-lg-30, .layout-lg-column > .flex-lg-30 {
  4062. -webkit-flex: 0 0 30%;
  4063. -ms-flex: 0 0 30%;
  4064. flex: 0 0 30%;
  4065. max-width: 100%;
  4066. max-height: 30%;
  4067. box-sizing: border-box; }
  4068. .flex-lg-35 {
  4069. -webkit-flex: 0 0 35%;
  4070. -ms-flex: 0 0 35%;
  4071. flex: 0 0 35%;
  4072. max-width: 35%;
  4073. max-height: 100%;
  4074. box-sizing: border-box; }
  4075. .layout-row > .flex-lg-35, .layout-lg-row > .flex-lg-35 {
  4076. -webkit-flex: 0 0 35%;
  4077. -ms-flex: 0 0 35%;
  4078. flex: 0 0 35%;
  4079. max-width: 35%;
  4080. max-height: 100%;
  4081. box-sizing: border-box; }
  4082. .layout-column > .flex-lg-35, .layout-lg-column > .flex-lg-35 {
  4083. -webkit-flex: 0 0 35%;
  4084. -ms-flex: 0 0 35%;
  4085. flex: 0 0 35%;
  4086. max-width: 100%;
  4087. max-height: 35%;
  4088. box-sizing: border-box; }
  4089. .flex-lg-40 {
  4090. -webkit-flex: 0 0 40%;
  4091. -ms-flex: 0 0 40%;
  4092. flex: 0 0 40%;
  4093. max-width: 40%;
  4094. max-height: 100%;
  4095. box-sizing: border-box; }
  4096. .layout-row > .flex-lg-40, .layout-lg-row > .flex-lg-40 {
  4097. -webkit-flex: 0 0 40%;
  4098. -ms-flex: 0 0 40%;
  4099. flex: 0 0 40%;
  4100. max-width: 40%;
  4101. max-height: 100%;
  4102. box-sizing: border-box; }
  4103. .layout-column > .flex-lg-40, .layout-lg-column > .flex-lg-40 {
  4104. -webkit-flex: 0 0 40%;
  4105. -ms-flex: 0 0 40%;
  4106. flex: 0 0 40%;
  4107. max-width: 100%;
  4108. max-height: 40%;
  4109. box-sizing: border-box; }
  4110. .flex-lg-45 {
  4111. -webkit-flex: 0 0 45%;
  4112. -ms-flex: 0 0 45%;
  4113. flex: 0 0 45%;
  4114. max-width: 45%;
  4115. max-height: 100%;
  4116. box-sizing: border-box; }
  4117. .layout-row > .flex-lg-45, .layout-lg-row > .flex-lg-45 {
  4118. -webkit-flex: 0 0 45%;
  4119. -ms-flex: 0 0 45%;
  4120. flex: 0 0 45%;
  4121. max-width: 45%;
  4122. max-height: 100%;
  4123. box-sizing: border-box; }
  4124. .layout-column > .flex-lg-45, .layout-lg-column > .flex-lg-45 {
  4125. -webkit-flex: 0 0 45%;
  4126. -ms-flex: 0 0 45%;
  4127. flex: 0 0 45%;
  4128. max-width: 100%;
  4129. max-height: 45%;
  4130. box-sizing: border-box; }
  4131. .flex-lg-50 {
  4132. -webkit-flex: 0 0 50%;
  4133. -ms-flex: 0 0 50%;
  4134. flex: 0 0 50%;
  4135. max-width: 50%;
  4136. max-height: 100%;
  4137. box-sizing: border-box; }
  4138. .layout-row > .flex-lg-50, .layout-lg-row > .flex-lg-50 {
  4139. -webkit-flex: 0 0 50%;
  4140. -ms-flex: 0 0 50%;
  4141. flex: 0 0 50%;
  4142. max-width: 50%;
  4143. max-height: 100%;
  4144. box-sizing: border-box; }
  4145. .layout-column > .flex-lg-50, .layout-lg-column > .flex-lg-50 {
  4146. -webkit-flex: 0 0 50%;
  4147. -ms-flex: 0 0 50%;
  4148. flex: 0 0 50%;
  4149. max-width: 100%;
  4150. max-height: 50%;
  4151. box-sizing: border-box; }
  4152. .flex-lg-55 {
  4153. -webkit-flex: 0 0 55%;
  4154. -ms-flex: 0 0 55%;
  4155. flex: 0 0 55%;
  4156. max-width: 55%;
  4157. max-height: 100%;
  4158. box-sizing: border-box; }
  4159. .layout-row > .flex-lg-55, .layout-lg-row > .flex-lg-55 {
  4160. -webkit-flex: 0 0 55%;
  4161. -ms-flex: 0 0 55%;
  4162. flex: 0 0 55%;
  4163. max-width: 55%;
  4164. max-height: 100%;
  4165. box-sizing: border-box; }
  4166. .layout-column > .flex-lg-55, .layout-lg-column > .flex-lg-55 {
  4167. -webkit-flex: 0 0 55%;
  4168. -ms-flex: 0 0 55%;
  4169. flex: 0 0 55%;
  4170. max-width: 100%;
  4171. max-height: 55%;
  4172. box-sizing: border-box; }
  4173. .flex-lg-60 {
  4174. -webkit-flex: 0 0 60%;
  4175. -ms-flex: 0 0 60%;
  4176. flex: 0 0 60%;
  4177. max-width: 60%;
  4178. max-height: 100%;
  4179. box-sizing: border-box; }
  4180. .layout-row > .flex-lg-60, .layout-lg-row > .flex-lg-60 {
  4181. -webkit-flex: 0 0 60%;
  4182. -ms-flex: 0 0 60%;
  4183. flex: 0 0 60%;
  4184. max-width: 60%;
  4185. max-height: 100%;
  4186. box-sizing: border-box; }
  4187. .layout-column > .flex-lg-60, .layout-lg-column > .flex-lg-60 {
  4188. -webkit-flex: 0 0 60%;
  4189. -ms-flex: 0 0 60%;
  4190. flex: 0 0 60%;
  4191. max-width: 100%;
  4192. max-height: 60%;
  4193. box-sizing: border-box; }
  4194. .flex-lg-65 {
  4195. -webkit-flex: 0 0 65%;
  4196. -ms-flex: 0 0 65%;
  4197. flex: 0 0 65%;
  4198. max-width: 65%;
  4199. max-height: 100%;
  4200. box-sizing: border-box; }
  4201. .layout-row > .flex-lg-65, .layout-lg-row > .flex-lg-65 {
  4202. -webkit-flex: 0 0 65%;
  4203. -ms-flex: 0 0 65%;
  4204. flex: 0 0 65%;
  4205. max-width: 65%;
  4206. max-height: 100%;
  4207. box-sizing: border-box; }
  4208. .layout-column > .flex-lg-65, .layout-lg-column > .flex-lg-65 {
  4209. -webkit-flex: 0 0 65%;
  4210. -ms-flex: 0 0 65%;
  4211. flex: 0 0 65%;
  4212. max-width: 100%;
  4213. max-height: 65%;
  4214. box-sizing: border-box; }
  4215. .flex-lg-70 {
  4216. -webkit-flex: 0 0 70%;
  4217. -ms-flex: 0 0 70%;
  4218. flex: 0 0 70%;
  4219. max-width: 70%;
  4220. max-height: 100%;
  4221. box-sizing: border-box; }
  4222. .layout-row > .flex-lg-70, .layout-lg-row > .flex-lg-70 {
  4223. -webkit-flex: 0 0 70%;
  4224. -ms-flex: 0 0 70%;
  4225. flex: 0 0 70%;
  4226. max-width: 70%;
  4227. max-height: 100%;
  4228. box-sizing: border-box; }
  4229. .layout-column > .flex-lg-70, .layout-lg-column > .flex-lg-70 {
  4230. -webkit-flex: 0 0 70%;
  4231. -ms-flex: 0 0 70%;
  4232. flex: 0 0 70%;
  4233. max-width: 100%;
  4234. max-height: 70%;
  4235. box-sizing: border-box; }
  4236. .flex-lg-75 {
  4237. -webkit-flex: 0 0 75%;
  4238. -ms-flex: 0 0 75%;
  4239. flex: 0 0 75%;
  4240. max-width: 75%;
  4241. max-height: 100%;
  4242. box-sizing: border-box; }
  4243. .layout-row > .flex-lg-75, .layout-lg-row > .flex-lg-75 {
  4244. -webkit-flex: 0 0 75%;
  4245. -ms-flex: 0 0 75%;
  4246. flex: 0 0 75%;
  4247. max-width: 75%;
  4248. max-height: 100%;
  4249. box-sizing: border-box; }
  4250. .layout-column > .flex-lg-75, .layout-lg-column > .flex-lg-75 {
  4251. -webkit-flex: 0 0 75%;
  4252. -ms-flex: 0 0 75%;
  4253. flex: 0 0 75%;
  4254. max-width: 100%;
  4255. max-height: 75%;
  4256. box-sizing: border-box; }
  4257. .flex-lg-80 {
  4258. -webkit-flex: 0 0 80%;
  4259. -ms-flex: 0 0 80%;
  4260. flex: 0 0 80%;
  4261. max-width: 80%;
  4262. max-height: 100%;
  4263. box-sizing: border-box; }
  4264. .layout-row > .flex-lg-80, .layout-lg-row > .flex-lg-80 {
  4265. -webkit-flex: 0 0 80%;
  4266. -ms-flex: 0 0 80%;
  4267. flex: 0 0 80%;
  4268. max-width: 80%;
  4269. max-height: 100%;
  4270. box-sizing: border-box; }
  4271. .layout-column > .flex-lg-80, .layout-lg-column > .flex-lg-80 {
  4272. -webkit-flex: 0 0 80%;
  4273. -ms-flex: 0 0 80%;
  4274. flex: 0 0 80%;
  4275. max-width: 100%;
  4276. max-height: 80%;
  4277. box-sizing: border-box; }
  4278. .flex-lg-85 {
  4279. -webkit-flex: 0 0 85%;
  4280. -ms-flex: 0 0 85%;
  4281. flex: 0 0 85%;
  4282. max-width: 85%;
  4283. max-height: 100%;
  4284. box-sizing: border-box; }
  4285. .layout-row > .flex-lg-85, .layout-lg-row > .flex-lg-85 {
  4286. -webkit-flex: 0 0 85%;
  4287. -ms-flex: 0 0 85%;
  4288. flex: 0 0 85%;
  4289. max-width: 85%;
  4290. max-height: 100%;
  4291. box-sizing: border-box; }
  4292. .layout-column > .flex-lg-85, .layout-lg-column > .flex-lg-85 {
  4293. -webkit-flex: 0 0 85%;
  4294. -ms-flex: 0 0 85%;
  4295. flex: 0 0 85%;
  4296. max-width: 100%;
  4297. max-height: 85%;
  4298. box-sizing: border-box; }
  4299. .flex-lg-90 {
  4300. -webkit-flex: 0 0 90%;
  4301. -ms-flex: 0 0 90%;
  4302. flex: 0 0 90%;
  4303. max-width: 90%;
  4304. max-height: 100%;
  4305. box-sizing: border-box; }
  4306. .layout-row > .flex-lg-90, .layout-lg-row > .flex-lg-90 {
  4307. -webkit-flex: 0 0 90%;
  4308. -ms-flex: 0 0 90%;
  4309. flex: 0 0 90%;
  4310. max-width: 90%;
  4311. max-height: 100%;
  4312. box-sizing: border-box; }
  4313. .layout-column > .flex-lg-90, .layout-lg-column > .flex-lg-90 {
  4314. -webkit-flex: 0 0 90%;
  4315. -ms-flex: 0 0 90%;
  4316. flex: 0 0 90%;
  4317. max-width: 100%;
  4318. max-height: 90%;
  4319. box-sizing: border-box; }
  4320. .flex-lg-95 {
  4321. -webkit-flex: 0 0 95%;
  4322. -ms-flex: 0 0 95%;
  4323. flex: 0 0 95%;
  4324. max-width: 95%;
  4325. max-height: 100%;
  4326. box-sizing: border-box; }
  4327. .layout-row > .flex-lg-95, .layout-lg-row > .flex-lg-95 {
  4328. -webkit-flex: 0 0 95%;
  4329. -ms-flex: 0 0 95%;
  4330. flex: 0 0 95%;
  4331. max-width: 95%;
  4332. max-height: 100%;
  4333. box-sizing: border-box; }
  4334. .layout-column > .flex-lg-95, .layout-lg-column > .flex-lg-95 {
  4335. -webkit-flex: 0 0 95%;
  4336. -ms-flex: 0 0 95%;
  4337. flex: 0 0 95%;
  4338. max-width: 100%;
  4339. max-height: 95%;
  4340. box-sizing: border-box; }
  4341. .flex-lg-100 {
  4342. -webkit-flex: 0 0 100%;
  4343. -ms-flex: 0 0 100%;
  4344. flex: 0 0 100%;
  4345. max-width: 100%;
  4346. max-height: 100%;
  4347. box-sizing: border-box; }
  4348. .layout-row > .flex-lg-100, .layout-lg-row > .flex-lg-100 {
  4349. -webkit-flex: 0 0 100%;
  4350. -ms-flex: 0 0 100%;
  4351. flex: 0 0 100%;
  4352. max-width: 100%;
  4353. max-height: 100%;
  4354. box-sizing: border-box; }
  4355. .layout-column > .flex-lg-100, .layout-lg-column > .flex-lg-100 {
  4356. -webkit-flex: 0 0 100%;
  4357. -ms-flex: 0 0 100%;
  4358. flex: 0 0 100%;
  4359. max-width: 100%;
  4360. max-height: 100%;
  4361. box-sizing: border-box; }
  4362. .layout-row > .flex-lg-33, .layout-row > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
  4363. -webkit-flex: 0 0 33%;
  4364. -ms-flex: 0 0 33%;
  4365. flex: 0 0 33%;
  4366. max-width: 33%;
  4367. max-height: 100%;
  4368. box-sizing: border-box; }
  4369. .layout-row > .flex-lg-34, .layout-row > .flex-lg-34, .layout-lg-row > .flex-lg-34, .layout-lg-row > .flex-lg-34 {
  4370. -webkit-flex: 0 0 34%;
  4371. -ms-flex: 0 0 34%;
  4372. flex: 0 0 34%;
  4373. max-width: 34%;
  4374. max-height: 100%;
  4375. box-sizing: border-box; }
  4376. .layout-row > .flex-lg-66, .layout-row > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
  4377. -webkit-flex: 0 0 66%;
  4378. -ms-flex: 0 0 66%;
  4379. flex: 0 0 66%;
  4380. max-width: 66%;
  4381. max-height: 100%;
  4382. box-sizing: border-box; }
  4383. .layout-row > .flex-lg-67, .layout-row > .flex-lg-67, .layout-lg-row > .flex-lg-67, .layout-lg-row > .flex-lg-67 {
  4384. -webkit-flex: 0 0 67%;
  4385. -ms-flex: 0 0 67%;
  4386. flex: 0 0 67%;
  4387. max-width: 67%;
  4388. max-height: 100%;
  4389. box-sizing: border-box; }
  4390. .layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
  4391. -webkit-flex: 0 0 33%;
  4392. -ms-flex: 0 0 33%;
  4393. flex: 0 0 33%;
  4394. max-width: 100%;
  4395. max-height: 33%;
  4396. box-sizing: border-box; }
  4397. .layout-column > .flex-lg-34, .layout-column > .flex-lg-34, .layout-lg-column > .flex-lg-34, .layout-lg-column > .flex-lg-34 {
  4398. -webkit-flex: 0 0 34%;
  4399. -ms-flex: 0 0 34%;
  4400. flex: 0 0 34%;
  4401. max-width: 100%;
  4402. max-height: 34%;
  4403. box-sizing: border-box; }
  4404. .layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
  4405. -webkit-flex: 0 0 66%;
  4406. -ms-flex: 0 0 66%;
  4407. flex: 0 0 66%;
  4408. max-width: 100%;
  4409. max-height: 66%;
  4410. box-sizing: border-box; }
  4411. .layout-column > .flex-lg-67, .layout-column > .flex-lg-67, .layout-lg-column > .flex-lg-67, .layout-lg-column > .flex-lg-67 {
  4412. -webkit-flex: 0 0 67%;
  4413. -ms-flex: 0 0 67%;
  4414. flex: 0 0 67%;
  4415. max-width: 100%;
  4416. max-height: 67%;
  4417. box-sizing: border-box; }
  4418. .layout-lg, .layout-lg-column, .layout-lg-row {
  4419. box-sizing: border-box;
  4420. display: -webkit-flex;
  4421. display: -ms-flexbox;
  4422. display: flex; }
  4423. .layout-lg-column {
  4424. -webkit-flex-direction: column;
  4425. -ms-flex-direction: column;
  4426. flex-direction: column; }
  4427. .layout-lg-row {
  4428. -webkit-flex-direction: row;
  4429. -ms-flex-direction: row;
  4430. flex-direction: row; } }
  4431. @media (min-width: 1200px) {
  4432. .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-lg:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show) {
  4433. display: none; }
  4434. .flex-order-gt-lg-0 {
  4435. -webkit-order: 0;
  4436. -ms-flex-order: 0;
  4437. order: 0; }
  4438. .flex-order-gt-lg-1 {
  4439. -webkit-order: 1;
  4440. -ms-flex-order: 1;
  4441. order: 1; }
  4442. .flex-order-gt-lg-2 {
  4443. -webkit-order: 2;
  4444. -ms-flex-order: 2;
  4445. order: 2; }
  4446. .flex-order-gt-lg-3 {
  4447. -webkit-order: 3;
  4448. -ms-flex-order: 3;
  4449. order: 3; }
  4450. .flex-order-gt-lg-4 {
  4451. -webkit-order: 4;
  4452. -ms-flex-order: 4;
  4453. order: 4; }
  4454. .flex-order-gt-lg-5 {
  4455. -webkit-order: 5;
  4456. -ms-flex-order: 5;
  4457. order: 5; }
  4458. .flex-order-gt-lg-6 {
  4459. -webkit-order: 6;
  4460. -ms-flex-order: 6;
  4461. order: 6; }
  4462. .flex-order-gt-lg-7 {
  4463. -webkit-order: 7;
  4464. -ms-flex-order: 7;
  4465. order: 7; }
  4466. .flex-order-gt-lg-8 {
  4467. -webkit-order: 8;
  4468. -ms-flex-order: 8;
  4469. order: 8; }
  4470. .flex-order-gt-lg-9 {
  4471. -webkit-order: 9;
  4472. -ms-flex-order: 9;
  4473. order: 9; }
  4474. .flex-order-gt-lg-10 {
  4475. -webkit-order: 10;
  4476. -ms-flex-order: 10;
  4477. order: 10; }
  4478. .flex-order-gt-lg-11 {
  4479. -webkit-order: 11;
  4480. -ms-flex-order: 11;
  4481. order: 11; }
  4482. .flex-order-gt-lg-12 {
  4483. -webkit-order: 12;
  4484. -ms-flex-order: 12;
  4485. order: 12; }
  4486. .flex-order-gt-lg-13 {
  4487. -webkit-order: 13;
  4488. -ms-flex-order: 13;
  4489. order: 13; }
  4490. .flex-order-gt-lg-14 {
  4491. -webkit-order: 14;
  4492. -ms-flex-order: 14;
  4493. order: 14; }
  4494. .flex-order-gt-lg-15 {
  4495. -webkit-order: 15;
  4496. -ms-flex-order: 15;
  4497. order: 15; }
  4498. .flex-order-gt-lg-16 {
  4499. -webkit-order: 16;
  4500. -ms-flex-order: 16;
  4501. order: 16; }
  4502. .flex-order-gt-lg-17 {
  4503. -webkit-order: 17;
  4504. -ms-flex-order: 17;
  4505. order: 17; }
  4506. .flex-order-gt-lg-18 {
  4507. -webkit-order: 18;
  4508. -ms-flex-order: 18;
  4509. order: 18; }
  4510. .flex-order-gt-lg-19 {
  4511. -webkit-order: 19;
  4512. -ms-flex-order: 19;
  4513. order: 19; }
  4514. .offset-gt-lg-0, .flex-offset-gt-lg-0 {
  4515. margin-left: 0%; }
  4516. .offset-gt-lg-5, .flex-offset-gt-lg-5 {
  4517. margin-left: 5%; }
  4518. .offset-gt-lg-10, .flex-offset-gt-lg-10 {
  4519. margin-left: 10%; }
  4520. .offset-gt-lg-15, .flex-offset-gt-lg-15 {
  4521. margin-left: 15%; }
  4522. .offset-gt-lg-20, .flex-offset-gt-lg-20 {
  4523. margin-left: 20%; }
  4524. .offset-gt-lg-25, .flex-offset-gt-lg-25 {
  4525. margin-left: 25%; }
  4526. .offset-gt-lg-30, .flex-offset-gt-lg-30 {
  4527. margin-left: 30%; }
  4528. .offset-gt-lg-35, .flex-offset-gt-lg-35 {
  4529. margin-left: 35%; }
  4530. .offset-gt-lg-40, .flex-offset-gt-lg-40 {
  4531. margin-left: 40%; }
  4532. .offset-gt-lg-45, .flex-offset-gt-lg-45 {
  4533. margin-left: 45%; }
  4534. .offset-gt-lg-50, .flex-offset-gt-lg-50 {
  4535. margin-left: 50%; }
  4536. .offset-gt-lg-55, .flex-offset-gt-lg-55 {
  4537. margin-left: 55%; }
  4538. .offset-gt-lg-60, .flex-offset-gt-lg-60 {
  4539. margin-left: 60%; }
  4540. .offset-gt-lg-65, .flex-offset-gt-lg-65 {
  4541. margin-left: 65%; }
  4542. .offset-gt-lg-70, .flex-offset-gt-lg-70 {
  4543. margin-left: 70%; }
  4544. .offset-gt-lg-75, .flex-offset-gt-lg-75 {
  4545. margin-left: 75%; }
  4546. .offset-gt-lg-80, .flex-offset-gt-lg-80 {
  4547. margin-left: 80%; }
  4548. .offset-gt-lg-85, .flex-offset-gt-lg-85 {
  4549. margin-left: 85%; }
  4550. .offset-gt-lg-90, .flex-offset-gt-lg-90 {
  4551. margin-left: 90%; }
  4552. .offset-gt-lg-95, .flex-offset-gt-lg-95 {
  4553. margin-left: 95%; }
  4554. .offset-gt-lg-33, .flex-offset-gt-lg-33 {
  4555. margin-left: 33%; }
  4556. .offset-gt-lg-34, .flex-offset-gt-lg-34 {
  4557. margin-left: 34%; }
  4558. .offset-gt-lg-66, .flex-offset-gt-lg-66 {
  4559. margin-left: 66%; }
  4560. .offset-gt-lg-67, .flex-offset-gt-lg-67 {
  4561. margin-left: 67%; }
  4562. .layout-align-gt-lg-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-end {
  4563. -webkit-justify-content: center;
  4564. -ms-flex-pack: center;
  4565. justify-content: center; }
  4566. .layout-align-gt-lg-end, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-end {
  4567. -webkit-justify-content: flex-end;
  4568. -ms-flex-pack: end;
  4569. justify-content: flex-end; }
  4570. .layout-align-gt-lg-space-around, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-end {
  4571. -webkit-justify-content: space-around;
  4572. -ms-flex-pack: distribute;
  4573. justify-content: space-around; }
  4574. .layout-align-gt-lg-space-between, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-end {
  4575. -webkit-justify-content: space-between;
  4576. -ms-flex-pack: justify;
  4577. justify-content: space-between; }
  4578. .layout-align-gt-lg-center-start, .layout-align-gt-lg-start-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-around-start {
  4579. -webkit-align-items: flex-start;
  4580. -ms-flex-align: start;
  4581. align-items: flex-start; }
  4582. .layout-align-gt-lg-center-center, .layout-align-gt-lg-start-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-around-center {
  4583. -webkit-align-items: center;
  4584. -ms-flex-align: center;
  4585. align-items: center;
  4586. max-width: 100%; }
  4587. .layout-align-gt-lg-center-center > *, .layout-align-gt-lg-start-center > *, .layout-align-gt-lg-end-center > *, .layout-align-gt-lg-space-between-center > *, .layout-align-gt-lg-space-around-center > * {
  4588. max-width: 100%;
  4589. box-sizing: border-box; }
  4590. .layout-align-gt-lg-center-end, .layout-align-gt-lg-start-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-around-end {
  4591. -webkit-align-items: flex-end;
  4592. -ms-flex-align: end;
  4593. align-items: flex-end; }
  4594. .flex-gt-lg {
  4595. -webkit-flex: 1;
  4596. -ms-flex: 1;
  4597. flex: 1;
  4598. box-sizing: border-box; }
  4599. .flex-gt-lg-grow {
  4600. -webkit-flex: 1 1 100%;
  4601. -ms-flex: 1 1 100%;
  4602. flex: 1 1 100%;
  4603. box-sizing: border-box; }
  4604. .flex-gt-lg-initial {
  4605. -webkit-flex: 0 1 auto;
  4606. -ms-flex: 0 1 auto;
  4607. flex: 0 1 auto;
  4608. box-sizing: border-box; }
  4609. .flex-gt-lg-auto {
  4610. -webkit-flex: 1 1 auto;
  4611. -ms-flex: 1 1 auto;
  4612. flex: 1 1 auto;
  4613. box-sizing: border-box; }
  4614. .flex-gt-lg-none {
  4615. -webkit-flex: 0 0 auto;
  4616. -ms-flex: 0 0 auto;
  4617. flex: 0 0 auto;
  4618. box-sizing: border-box; }
  4619. .flex-gt-lg-0 {
  4620. -webkit-flex: 0 0 0%;
  4621. -ms-flex: 0 0 0%;
  4622. flex: 0 0 0%;
  4623. max-width: 0%;
  4624. max-height: 100%;
  4625. box-sizing: border-box; }
  4626. .layout-row > .flex-gt-lg-0, .layout-gt-lg-row > .flex-gt-lg-0 {
  4627. -webkit-flex: 0 0 0%;
  4628. -ms-flex: 0 0 0%;
  4629. flex: 0 0 0%;
  4630. max-width: 0%;
  4631. max-height: 100%;
  4632. box-sizing: border-box; }
  4633. .layout-column > .flex-gt-lg-0, .layout-gt-lg-column > .flex-gt-lg-0 {
  4634. -webkit-flex: 0 0 0%;
  4635. -ms-flex: 0 0 0%;
  4636. flex: 0 0 0%;
  4637. max-width: 100%;
  4638. max-height: 0%;
  4639. box-sizing: border-box; }
  4640. .flex-gt-lg-5 {
  4641. -webkit-flex: 0 0 5%;
  4642. -ms-flex: 0 0 5%;
  4643. flex: 0 0 5%;
  4644. max-width: 5%;
  4645. max-height: 100%;
  4646. box-sizing: border-box; }
  4647. .layout-row > .flex-gt-lg-5, .layout-gt-lg-row > .flex-gt-lg-5 {
  4648. -webkit-flex: 0 0 5%;
  4649. -ms-flex: 0 0 5%;
  4650. flex: 0 0 5%;
  4651. max-width: 5%;
  4652. max-height: 100%;
  4653. box-sizing: border-box; }
  4654. .layout-column > .flex-gt-lg-5, .layout-gt-lg-column > .flex-gt-lg-5 {
  4655. -webkit-flex: 0 0 5%;
  4656. -ms-flex: 0 0 5%;
  4657. flex: 0 0 5%;
  4658. max-width: 100%;
  4659. max-height: 5%;
  4660. box-sizing: border-box; }
  4661. .flex-gt-lg-10 {
  4662. -webkit-flex: 0 0 10%;
  4663. -ms-flex: 0 0 10%;
  4664. flex: 0 0 10%;
  4665. max-width: 10%;
  4666. max-height: 100%;
  4667. box-sizing: border-box; }
  4668. .layout-row > .flex-gt-lg-10, .layout-gt-lg-row > .flex-gt-lg-10 {
  4669. -webkit-flex: 0 0 10%;
  4670. -ms-flex: 0 0 10%;
  4671. flex: 0 0 10%;
  4672. max-width: 10%;
  4673. max-height: 100%;
  4674. box-sizing: border-box; }
  4675. .layout-column > .flex-gt-lg-10, .layout-gt-lg-column > .flex-gt-lg-10 {
  4676. -webkit-flex: 0 0 10%;
  4677. -ms-flex: 0 0 10%;
  4678. flex: 0 0 10%;
  4679. max-width: 100%;
  4680. max-height: 10%;
  4681. box-sizing: border-box; }
  4682. .flex-gt-lg-15 {
  4683. -webkit-flex: 0 0 15%;
  4684. -ms-flex: 0 0 15%;
  4685. flex: 0 0 15%;
  4686. max-width: 15%;
  4687. max-height: 100%;
  4688. box-sizing: border-box; }
  4689. .layout-row > .flex-gt-lg-15, .layout-gt-lg-row > .flex-gt-lg-15 {
  4690. -webkit-flex: 0 0 15%;
  4691. -ms-flex: 0 0 15%;
  4692. flex: 0 0 15%;
  4693. max-width: 15%;
  4694. max-height: 100%;
  4695. box-sizing: border-box; }
  4696. .layout-column > .flex-gt-lg-15, .layout-gt-lg-column > .flex-gt-lg-15 {
  4697. -webkit-flex: 0 0 15%;
  4698. -ms-flex: 0 0 15%;
  4699. flex: 0 0 15%;
  4700. max-width: 100%;
  4701. max-height: 15%;
  4702. box-sizing: border-box; }
  4703. .flex-gt-lg-20 {
  4704. -webkit-flex: 0 0 20%;
  4705. -ms-flex: 0 0 20%;
  4706. flex: 0 0 20%;
  4707. max-width: 20%;
  4708. max-height: 100%;
  4709. box-sizing: border-box; }
  4710. .layout-row > .flex-gt-lg-20, .layout-gt-lg-row > .flex-gt-lg-20 {
  4711. -webkit-flex: 0 0 20%;
  4712. -ms-flex: 0 0 20%;
  4713. flex: 0 0 20%;
  4714. max-width: 20%;
  4715. max-height: 100%;
  4716. box-sizing: border-box; }
  4717. .layout-column > .flex-gt-lg-20, .layout-gt-lg-column > .flex-gt-lg-20 {
  4718. -webkit-flex: 0 0 20%;
  4719. -ms-flex: 0 0 20%;
  4720. flex: 0 0 20%;
  4721. max-width: 100%;
  4722. max-height: 20%;
  4723. box-sizing: border-box; }
  4724. .flex-gt-lg-25 {
  4725. -webkit-flex: 0 0 25%;
  4726. -ms-flex: 0 0 25%;
  4727. flex: 0 0 25%;
  4728. max-width: 25%;
  4729. max-height: 100%;
  4730. box-sizing: border-box; }
  4731. .layout-row > .flex-gt-lg-25, .layout-gt-lg-row > .flex-gt-lg-25 {
  4732. -webkit-flex: 0 0 25%;
  4733. -ms-flex: 0 0 25%;
  4734. flex: 0 0 25%;
  4735. max-width: 25%;
  4736. max-height: 100%;
  4737. box-sizing: border-box; }
  4738. .layout-column > .flex-gt-lg-25, .layout-gt-lg-column > .flex-gt-lg-25 {
  4739. -webkit-flex: 0 0 25%;
  4740. -ms-flex: 0 0 25%;
  4741. flex: 0 0 25%;
  4742. max-width: 100%;
  4743. max-height: 25%;
  4744. box-sizing: border-box; }
  4745. .flex-gt-lg-30 {
  4746. -webkit-flex: 0 0 30%;
  4747. -ms-flex: 0 0 30%;
  4748. flex: 0 0 30%;
  4749. max-width: 30%;
  4750. max-height: 100%;
  4751. box-sizing: border-box; }
  4752. .layout-row > .flex-gt-lg-30, .layout-gt-lg-row > .flex-gt-lg-30 {
  4753. -webkit-flex: 0 0 30%;
  4754. -ms-flex: 0 0 30%;
  4755. flex: 0 0 30%;
  4756. max-width: 30%;
  4757. max-height: 100%;
  4758. box-sizing: border-box; }
  4759. .layout-column > .flex-gt-lg-30, .layout-gt-lg-column > .flex-gt-lg-30 {
  4760. -webkit-flex: 0 0 30%;
  4761. -ms-flex: 0 0 30%;
  4762. flex: 0 0 30%;
  4763. max-width: 100%;
  4764. max-height: 30%;
  4765. box-sizing: border-box; }
  4766. .flex-gt-lg-35 {
  4767. -webkit-flex: 0 0 35%;
  4768. -ms-flex: 0 0 35%;
  4769. flex: 0 0 35%;
  4770. max-width: 35%;
  4771. max-height: 100%;
  4772. box-sizing: border-box; }
  4773. .layout-row > .flex-gt-lg-35, .layout-gt-lg-row > .flex-gt-lg-35 {
  4774. -webkit-flex: 0 0 35%;
  4775. -ms-flex: 0 0 35%;
  4776. flex: 0 0 35%;
  4777. max-width: 35%;
  4778. max-height: 100%;
  4779. box-sizing: border-box; }
  4780. .layout-column > .flex-gt-lg-35, .layout-gt-lg-column > .flex-gt-lg-35 {
  4781. -webkit-flex: 0 0 35%;
  4782. -ms-flex: 0 0 35%;
  4783. flex: 0 0 35%;
  4784. max-width: 100%;
  4785. max-height: 35%;
  4786. box-sizing: border-box; }
  4787. .flex-gt-lg-40 {
  4788. -webkit-flex: 0 0 40%;
  4789. -ms-flex: 0 0 40%;
  4790. flex: 0 0 40%;
  4791. max-width: 40%;
  4792. max-height: 100%;
  4793. box-sizing: border-box; }
  4794. .layout-row > .flex-gt-lg-40, .layout-gt-lg-row > .flex-gt-lg-40 {
  4795. -webkit-flex: 0 0 40%;
  4796. -ms-flex: 0 0 40%;
  4797. flex: 0 0 40%;
  4798. max-width: 40%;
  4799. max-height: 100%;
  4800. box-sizing: border-box; }
  4801. .layout-column > .flex-gt-lg-40, .layout-gt-lg-column > .flex-gt-lg-40 {
  4802. -webkit-flex: 0 0 40%;
  4803. -ms-flex: 0 0 40%;
  4804. flex: 0 0 40%;
  4805. max-width: 100%;
  4806. max-height: 40%;
  4807. box-sizing: border-box; }
  4808. .flex-gt-lg-45 {
  4809. -webkit-flex: 0 0 45%;
  4810. -ms-flex: 0 0 45%;
  4811. flex: 0 0 45%;
  4812. max-width: 45%;
  4813. max-height: 100%;
  4814. box-sizing: border-box; }
  4815. .layout-row > .flex-gt-lg-45, .layout-gt-lg-row > .flex-gt-lg-45 {
  4816. -webkit-flex: 0 0 45%;
  4817. -ms-flex: 0 0 45%;
  4818. flex: 0 0 45%;
  4819. max-width: 45%;
  4820. max-height: 100%;
  4821. box-sizing: border-box; }
  4822. .layout-column > .flex-gt-lg-45, .layout-gt-lg-column > .flex-gt-lg-45 {
  4823. -webkit-flex: 0 0 45%;
  4824. -ms-flex: 0 0 45%;
  4825. flex: 0 0 45%;
  4826. max-width: 100%;
  4827. max-height: 45%;
  4828. box-sizing: border-box; }
  4829. .flex-gt-lg-50 {
  4830. -webkit-flex: 0 0 50%;
  4831. -ms-flex: 0 0 50%;
  4832. flex: 0 0 50%;
  4833. max-width: 50%;
  4834. max-height: 100%;
  4835. box-sizing: border-box; }
  4836. .layout-row > .flex-gt-lg-50, .layout-gt-lg-row > .flex-gt-lg-50 {
  4837. -webkit-flex: 0 0 50%;
  4838. -ms-flex: 0 0 50%;
  4839. flex: 0 0 50%;
  4840. max-width: 50%;
  4841. max-height: 100%;
  4842. box-sizing: border-box; }
  4843. .layout-column > .flex-gt-lg-50, .layout-gt-lg-column > .flex-gt-lg-50 {
  4844. -webkit-flex: 0 0 50%;
  4845. -ms-flex: 0 0 50%;
  4846. flex: 0 0 50%;
  4847. max-width: 100%;
  4848. max-height: 50%;
  4849. box-sizing: border-box; }
  4850. .flex-gt-lg-55 {
  4851. -webkit-flex: 0 0 55%;
  4852. -ms-flex: 0 0 55%;
  4853. flex: 0 0 55%;
  4854. max-width: 55%;
  4855. max-height: 100%;
  4856. box-sizing: border-box; }
  4857. .layout-row > .flex-gt-lg-55, .layout-gt-lg-row > .flex-gt-lg-55 {
  4858. -webkit-flex: 0 0 55%;
  4859. -ms-flex: 0 0 55%;
  4860. flex: 0 0 55%;
  4861. max-width: 55%;
  4862. max-height: 100%;
  4863. box-sizing: border-box; }
  4864. .layout-column > .flex-gt-lg-55, .layout-gt-lg-column > .flex-gt-lg-55 {
  4865. -webkit-flex: 0 0 55%;
  4866. -ms-flex: 0 0 55%;
  4867. flex: 0 0 55%;
  4868. max-width: 100%;
  4869. max-height: 55%;
  4870. box-sizing: border-box; }
  4871. .flex-gt-lg-60 {
  4872. -webkit-flex: 0 0 60%;
  4873. -ms-flex: 0 0 60%;
  4874. flex: 0 0 60%;
  4875. max-width: 60%;
  4876. max-height: 100%;
  4877. box-sizing: border-box; }
  4878. .layout-row > .flex-gt-lg-60, .layout-gt-lg-row > .flex-gt-lg-60 {
  4879. -webkit-flex: 0 0 60%;
  4880. -ms-flex: 0 0 60%;
  4881. flex: 0 0 60%;
  4882. max-width: 60%;
  4883. max-height: 100%;
  4884. box-sizing: border-box; }
  4885. .layout-column > .flex-gt-lg-60, .layout-gt-lg-column > .flex-gt-lg-60 {
  4886. -webkit-flex: 0 0 60%;
  4887. -ms-flex: 0 0 60%;
  4888. flex: 0 0 60%;
  4889. max-width: 100%;
  4890. max-height: 60%;
  4891. box-sizing: border-box; }
  4892. .flex-gt-lg-65 {
  4893. -webkit-flex: 0 0 65%;
  4894. -ms-flex: 0 0 65%;
  4895. flex: 0 0 65%;
  4896. max-width: 65%;
  4897. max-height: 100%;
  4898. box-sizing: border-box; }
  4899. .layout-row > .flex-gt-lg-65, .layout-gt-lg-row > .flex-gt-lg-65 {
  4900. -webkit-flex: 0 0 65%;
  4901. -ms-flex: 0 0 65%;
  4902. flex: 0 0 65%;
  4903. max-width: 65%;
  4904. max-height: 100%;
  4905. box-sizing: border-box; }
  4906. .layout-column > .flex-gt-lg-65, .layout-gt-lg-column > .flex-gt-lg-65 {
  4907. -webkit-flex: 0 0 65%;
  4908. -ms-flex: 0 0 65%;
  4909. flex: 0 0 65%;
  4910. max-width: 100%;
  4911. max-height: 65%;
  4912. box-sizing: border-box; }
  4913. .flex-gt-lg-70 {
  4914. -webkit-flex: 0 0 70%;
  4915. -ms-flex: 0 0 70%;
  4916. flex: 0 0 70%;
  4917. max-width: 70%;
  4918. max-height: 100%;
  4919. box-sizing: border-box; }
  4920. .layout-row > .flex-gt-lg-70, .layout-gt-lg-row > .flex-gt-lg-70 {
  4921. -webkit-flex: 0 0 70%;
  4922. -ms-flex: 0 0 70%;
  4923. flex: 0 0 70%;
  4924. max-width: 70%;
  4925. max-height: 100%;
  4926. box-sizing: border-box; }
  4927. .layout-column > .flex-gt-lg-70, .layout-gt-lg-column > .flex-gt-lg-70 {
  4928. -webkit-flex: 0 0 70%;
  4929. -ms-flex: 0 0 70%;
  4930. flex: 0 0 70%;
  4931. max-width: 100%;
  4932. max-height: 70%;
  4933. box-sizing: border-box; }
  4934. .flex-gt-lg-75 {
  4935. -webkit-flex: 0 0 75%;
  4936. -ms-flex: 0 0 75%;
  4937. flex: 0 0 75%;
  4938. max-width: 75%;
  4939. max-height: 100%;
  4940. box-sizing: border-box; }
  4941. .layout-row > .flex-gt-lg-75, .layout-gt-lg-row > .flex-gt-lg-75 {
  4942. -webkit-flex: 0 0 75%;
  4943. -ms-flex: 0 0 75%;
  4944. flex: 0 0 75%;
  4945. max-width: 75%;
  4946. max-height: 100%;
  4947. box-sizing: border-box; }
  4948. .layout-column > .flex-gt-lg-75, .layout-gt-lg-column > .flex-gt-lg-75 {
  4949. -webkit-flex: 0 0 75%;
  4950. -ms-flex: 0 0 75%;
  4951. flex: 0 0 75%;
  4952. max-width: 100%;
  4953. max-height: 75%;
  4954. box-sizing: border-box; }
  4955. .flex-gt-lg-80 {
  4956. -webkit-flex: 0 0 80%;
  4957. -ms-flex: 0 0 80%;
  4958. flex: 0 0 80%;
  4959. max-width: 80%;
  4960. max-height: 100%;
  4961. box-sizing: border-box; }
  4962. .layout-row > .flex-gt-lg-80, .layout-gt-lg-row > .flex-gt-lg-80 {
  4963. -webkit-flex: 0 0 80%;
  4964. -ms-flex: 0 0 80%;
  4965. flex: 0 0 80%;
  4966. max-width: 80%;
  4967. max-height: 100%;
  4968. box-sizing: border-box; }
  4969. .layout-column > .flex-gt-lg-80, .layout-gt-lg-column > .flex-gt-lg-80 {
  4970. -webkit-flex: 0 0 80%;
  4971. -ms-flex: 0 0 80%;
  4972. flex: 0 0 80%;
  4973. max-width: 100%;
  4974. max-height: 80%;
  4975. box-sizing: border-box; }
  4976. .flex-gt-lg-85 {
  4977. -webkit-flex: 0 0 85%;
  4978. -ms-flex: 0 0 85%;
  4979. flex: 0 0 85%;
  4980. max-width: 85%;
  4981. max-height: 100%;
  4982. box-sizing: border-box; }
  4983. .layout-row > .flex-gt-lg-85, .layout-gt-lg-row > .flex-gt-lg-85 {
  4984. -webkit-flex: 0 0 85%;
  4985. -ms-flex: 0 0 85%;
  4986. flex: 0 0 85%;
  4987. max-width: 85%;
  4988. max-height: 100%;
  4989. box-sizing: border-box; }
  4990. .layout-column > .flex-gt-lg-85, .layout-gt-lg-column > .flex-gt-lg-85 {
  4991. -webkit-flex: 0 0 85%;
  4992. -ms-flex: 0 0 85%;
  4993. flex: 0 0 85%;
  4994. max-width: 100%;
  4995. max-height: 85%;
  4996. box-sizing: border-box; }
  4997. .flex-gt-lg-90 {
  4998. -webkit-flex: 0 0 90%;
  4999. -ms-flex: 0 0 90%;
  5000. flex: 0 0 90%;
  5001. max-width: 90%;
  5002. max-height: 100%;
  5003. box-sizing: border-box; }
  5004. .layout-row > .flex-gt-lg-90, .layout-gt-lg-row > .flex-gt-lg-90 {
  5005. -webkit-flex: 0 0 90%;
  5006. -ms-flex: 0 0 90%;
  5007. flex: 0 0 90%;
  5008. max-width: 90%;
  5009. max-height: 100%;
  5010. box-sizing: border-box; }
  5011. .layout-column > .flex-gt-lg-90, .layout-gt-lg-column > .flex-gt-lg-90 {
  5012. -webkit-flex: 0 0 90%;
  5013. -ms-flex: 0 0 90%;
  5014. flex: 0 0 90%;
  5015. max-width: 100%;
  5016. max-height: 90%;
  5017. box-sizing: border-box; }
  5018. .flex-gt-lg-95 {
  5019. -webkit-flex: 0 0 95%;
  5020. -ms-flex: 0 0 95%;
  5021. flex: 0 0 95%;
  5022. max-width: 95%;
  5023. max-height: 100%;
  5024. box-sizing: border-box; }
  5025. .layout-row > .flex-gt-lg-95, .layout-gt-lg-row > .flex-gt-lg-95 {
  5026. -webkit-flex: 0 0 95%;
  5027. -ms-flex: 0 0 95%;
  5028. flex: 0 0 95%;
  5029. max-width: 95%;
  5030. max-height: 100%;
  5031. box-sizing: border-box; }
  5032. .layout-column > .flex-gt-lg-95, .layout-gt-lg-column > .flex-gt-lg-95 {
  5033. -webkit-flex: 0 0 95%;
  5034. -ms-flex: 0 0 95%;
  5035. flex: 0 0 95%;
  5036. max-width: 100%;
  5037. max-height: 95%;
  5038. box-sizing: border-box; }
  5039. .flex-gt-lg-100 {
  5040. -webkit-flex: 0 0 100%;
  5041. -ms-flex: 0 0 100%;
  5042. flex: 0 0 100%;
  5043. max-width: 100%;
  5044. max-height: 100%;
  5045. box-sizing: border-box; }
  5046. .layout-row > .flex-gt-lg-100, .layout-gt-lg-row > .flex-gt-lg-100 {
  5047. -webkit-flex: 0 0 100%;
  5048. -ms-flex: 0 0 100%;
  5049. flex: 0 0 100%;
  5050. max-width: 100%;
  5051. max-height: 100%;
  5052. box-sizing: border-box; }
  5053. .layout-column > .flex-gt-lg-100, .layout-gt-lg-column > .flex-gt-lg-100 {
  5054. -webkit-flex: 0 0 100%;
  5055. -ms-flex: 0 0 100%;
  5056. flex: 0 0 100%;
  5057. max-width: 100%;
  5058. max-height: 100%;
  5059. box-sizing: border-box; }
  5060. .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
  5061. -webkit-flex: 0 0 33%;
  5062. -ms-flex: 0 0 33%;
  5063. flex: 0 0 33%;
  5064. max-width: 33%;
  5065. max-height: 100%;
  5066. box-sizing: border-box; }
  5067. .layout-row > .flex-gt-lg-34, .layout-row > .flex-gt-lg-34, .layout-gt-lg-row > .flex-gt-lg-34, .layout-gt-lg-row > .flex-gt-lg-34 {
  5068. -webkit-flex: 0 0 34%;
  5069. -ms-flex: 0 0 34%;
  5070. flex: 0 0 34%;
  5071. max-width: 34%;
  5072. max-height: 100%;
  5073. box-sizing: border-box; }
  5074. .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
  5075. -webkit-flex: 0 0 66%;
  5076. -ms-flex: 0 0 66%;
  5077. flex: 0 0 66%;
  5078. max-width: 66%;
  5079. max-height: 100%;
  5080. box-sizing: border-box; }
  5081. .layout-row > .flex-gt-lg-67, .layout-row > .flex-gt-lg-67, .layout-gt-lg-row > .flex-gt-lg-67, .layout-gt-lg-row > .flex-gt-lg-67 {
  5082. -webkit-flex: 0 0 67%;
  5083. -ms-flex: 0 0 67%;
  5084. flex: 0 0 67%;
  5085. max-width: 67%;
  5086. max-height: 100%;
  5087. box-sizing: border-box; }
  5088. .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
  5089. -webkit-flex: 0 0 33%;
  5090. -ms-flex: 0 0 33%;
  5091. flex: 0 0 33%;
  5092. max-width: 100%;
  5093. max-height: 33%;
  5094. box-sizing: border-box; }
  5095. .layout-column > .flex-gt-lg-34, .layout-column > .flex-gt-lg-34, .layout-gt-lg-column > .flex-gt-lg-34, .layout-gt-lg-column > .flex-gt-lg-34 {
  5096. -webkit-flex: 0 0 34%;
  5097. -ms-flex: 0 0 34%;
  5098. flex: 0 0 34%;
  5099. max-width: 100%;
  5100. max-height: 34%;
  5101. box-sizing: border-box; }
  5102. .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
  5103. -webkit-flex: 0 0 66%;
  5104. -ms-flex: 0 0 66%;
  5105. flex: 0 0 66%;
  5106. max-width: 100%;
  5107. max-height: 66%;
  5108. box-sizing: border-box; }
  5109. .layout-column > .flex-gt-lg-67, .layout-column > .flex-gt-lg-67, .layout-gt-lg-column > .flex-gt-lg-67, .layout-gt-lg-column > .flex-gt-lg-67 {
  5110. -webkit-flex: 0 0 67%;
  5111. -ms-flex: 0 0 67%;
  5112. flex: 0 0 67%;
  5113. max-width: 100%;
  5114. max-height: 67%;
  5115. box-sizing: border-box; }
  5116. .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
  5117. box-sizing: border-box;
  5118. display: -webkit-flex;
  5119. display: -ms-flexbox;
  5120. display: flex; }
  5121. .layout-gt-lg-column {
  5122. -webkit-flex-direction: column;
  5123. -ms-flex-direction: column;
  5124. flex-direction: column; }
  5125. .layout-gt-lg-row {
  5126. -webkit-flex-direction: row;
  5127. -ms-flex-direction: row;
  5128. flex-direction: row; } }
  5129. @-webkit-keyframes md-autocomplete-list-out {
  5130. 0% {
  5131. -webkit-animation-timing-function: linear;
  5132. animation-timing-function: linear; }
  5133. 50% {
  5134. opacity: 0;
  5135. height: 40px;
  5136. -webkit-animation-timing-function: ease-in;
  5137. animation-timing-function: ease-in; }
  5138. 100% {
  5139. height: 0;
  5140. opacity: 0; } }
  5141. @keyframes md-autocomplete-list-out {
  5142. 0% {
  5143. -webkit-animation-timing-function: linear;
  5144. animation-timing-function: linear; }
  5145. 50% {
  5146. opacity: 0;
  5147. height: 40px;
  5148. -webkit-animation-timing-function: ease-in;
  5149. animation-timing-function: ease-in; }
  5150. 100% {
  5151. height: 0;
  5152. opacity: 0; } }
  5153. @-webkit-keyframes md-autocomplete-list-in {
  5154. 0% {
  5155. opacity: 0;
  5156. height: 0;
  5157. -webkit-animation-timing-function: ease-out;
  5158. animation-timing-function: ease-out; }
  5159. 50% {
  5160. opacity: 0;
  5161. height: 40px; }
  5162. 100% {
  5163. opacity: 1;
  5164. height: 40px; } }
  5165. @keyframes md-autocomplete-list-in {
  5166. 0% {
  5167. opacity: 0;
  5168. height: 0;
  5169. -webkit-animation-timing-function: ease-out;
  5170. animation-timing-function: ease-out; }
  5171. 50% {
  5172. opacity: 0;
  5173. height: 40px; }
  5174. 100% {
  5175. opacity: 1;
  5176. height: 40px; } }
  5177. md-autocomplete {
  5178. border-radius: 2px;
  5179. display: block;
  5180. height: 40px;
  5181. position: relative;
  5182. overflow: visible;
  5183. min-width: 190px; }
  5184. md-autocomplete[disabled] input {
  5185. cursor: not-allowed; }
  5186. md-autocomplete[md-floating-label] {
  5187. border-radius: 0;
  5188. background: transparent;
  5189. height: auto; }
  5190. md-autocomplete[md-floating-label] md-input-container {
  5191. padding-bottom: 26px; }
  5192. md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
  5193. padding-bottom: 2px; }
  5194. md-autocomplete[md-floating-label] md-autocomplete-wrap {
  5195. height: auto; }
  5196. md-autocomplete[md-floating-label] button {
  5197. position: absolute;
  5198. top: auto;
  5199. bottom: 0;
  5200. right: 0;
  5201. width: 30px;
  5202. height: 30px; }
  5203. md-autocomplete md-autocomplete-wrap {
  5204. display: block;
  5205. position: relative;
  5206. overflow: visible;
  5207. height: 40px; }
  5208. md-autocomplete md-autocomplete-wrap.md-menu-showing {
  5209. z-index: 51; }
  5210. md-autocomplete md-autocomplete-wrap md-progress-linear {
  5211. position: absolute;
  5212. bottom: -2px;
  5213. left: 0; }
  5214. md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  5215. position: absolute;
  5216. top: 0;
  5217. left: 0;
  5218. width: 100%;
  5219. height: 3px;
  5220. transition: none; }
  5221. md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
  5222. transition: none;
  5223. height: 3px; }
  5224. md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
  5225. transition: opacity 0.15s linear; }
  5226. md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
  5227. opacity: 1; }
  5228. md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
  5229. transition: opacity 0.15s linear; }
  5230. md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
  5231. opacity: 0; }
  5232. md-autocomplete input:not(.md-input) {
  5233. font-size: 14px;
  5234. box-sizing: border-box;
  5235. border: none;
  5236. box-shadow: none;
  5237. outline: none;
  5238. background: transparent;
  5239. width: 100%;
  5240. padding: 0 15px;
  5241. line-height: 40px;
  5242. height: 40px; }
  5243. md-autocomplete input:not(.md-input)::-ms-clear {
  5244. display: none; }
  5245. md-autocomplete button {
  5246. position: relative;
  5247. line-height: 20px;
  5248. text-align: center;
  5249. width: 30px;
  5250. height: 30px;
  5251. cursor: pointer;
  5252. border: none;
  5253. border-radius: 50%;
  5254. padding: 0;
  5255. font-size: 12px;
  5256. background: transparent;
  5257. margin: auto 5px; }
  5258. md-autocomplete button:after {
  5259. content: '';
  5260. position: absolute;
  5261. top: -6px;
  5262. right: -6px;
  5263. bottom: -6px;
  5264. left: -6px;
  5265. border-radius: 50%;
  5266. -webkit-transform: scale(0);
  5267. transform: scale(0);
  5268. opacity: 0;
  5269. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  5270. md-autocomplete button:focus {
  5271. outline: none; }
  5272. md-autocomplete button:focus:after {
  5273. -webkit-transform: scale(1);
  5274. transform: scale(1);
  5275. opacity: 1; }
  5276. md-autocomplete button md-icon {
  5277. position: absolute;
  5278. top: 50%;
  5279. left: 50%;
  5280. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
  5281. transform: translate3d(-50%, -50%, 0) scale(0.9); }
  5282. md-autocomplete button md-icon path {
  5283. stroke-width: 0; }
  5284. md-autocomplete button.ng-enter {
  5285. -webkit-transform: scale(0);
  5286. transform: scale(0);
  5287. transition: -webkit-transform 0.15s ease-out;
  5288. transition: transform 0.15s ease-out; }
  5289. md-autocomplete button.ng-enter.ng-enter-active {
  5290. -webkit-transform: scale(1);
  5291. transform: scale(1); }
  5292. md-autocomplete button.ng-leave {
  5293. transition: -webkit-transform 0.15s ease-out;
  5294. transition: transform 0.15s ease-out; }
  5295. md-autocomplete button.ng-leave.ng-leave-active {
  5296. -webkit-transform: scale(0);
  5297. transform: scale(0); }
  5298. @media screen and (-ms-high-contrast: active) {
  5299. md-autocomplete input {
  5300. border: 1px solid #fff; }
  5301. md-autocomplete li:focus {
  5302. color: #fff; } }
  5303. .md-virtual-repeat-container.md-autocomplete-suggestions-container {
  5304. position: absolute;
  5305. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  5306. height: 225.5px;
  5307. max-height: 225.5px;
  5308. z-index: 100; }
  5309. .md-autocomplete-suggestions {
  5310. margin: 0;
  5311. list-style: none;
  5312. padding: 0; }
  5313. .md-autocomplete-suggestions li {
  5314. font-size: 14px;
  5315. overflow: hidden;
  5316. padding: 0 15px;
  5317. line-height: 48px;
  5318. height: 48px;
  5319. transition: background 0.15s linear;
  5320. margin: 0;
  5321. white-space: nowrap;
  5322. text-overflow: ellipsis; }
  5323. .md-autocomplete-suggestions li:focus {
  5324. outline: none; }
  5325. .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
  5326. cursor: pointer; }
  5327. @media screen and (-ms-high-contrast: active) {
  5328. md-autocomplete, .md-autocomplete-suggestions {
  5329. border: 1px solid #fff; } }
  5330. md-backdrop {
  5331. transition: opacity 450ms;
  5332. position: absolute;
  5333. top: 0;
  5334. bottom: 0;
  5335. left: 0;
  5336. right: 0;
  5337. z-index: 50; }
  5338. md-backdrop.md-menu-backdrop {
  5339. position: fixed !important;
  5340. z-index: 98; }
  5341. md-backdrop.md-select-backdrop {
  5342. z-index: 81;
  5343. transition-duration: 0; }
  5344. md-backdrop.md-dialog-backdrop {
  5345. z-index: 79; }
  5346. md-backdrop.md-bottom-sheet-backdrop {
  5347. z-index: 69; }
  5348. md-backdrop.md-sidenav-backdrop {
  5349. z-index: 59; }
  5350. md-backdrop.md-click-catcher {
  5351. position: absolute; }
  5352. md-backdrop.md-opaque {
  5353. opacity: .48; }
  5354. md-backdrop.md-opaque.ng-enter {
  5355. opacity: 0; }
  5356. md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  5357. opacity: .48; }
  5358. md-backdrop.md-opaque.ng-leave {
  5359. opacity: .48;
  5360. transition: opacity 400ms; }
  5361. md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  5362. opacity: 0; }
  5363. md-bottom-sheet {
  5364. position: absolute;
  5365. left: 0;
  5366. right: 0;
  5367. bottom: 0;
  5368. padding: 8px 16px 88px 16px;
  5369. z-index: 70;
  5370. border-top-width: 1px;
  5371. border-top-style: solid;
  5372. -webkit-transform: translate3d(0, 80px, 0);
  5373. transform: translate3d(0, 80px, 0);
  5374. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  5375. transition-property: -webkit-transform;
  5376. transition-property: transform; }
  5377. md-bottom-sheet.md-has-header {
  5378. padding-top: 0; }
  5379. md-bottom-sheet.ng-enter {
  5380. opacity: 0;
  5381. -webkit-transform: translate3d(0, 100%, 0);
  5382. transform: translate3d(0, 100%, 0); }
  5383. md-bottom-sheet.ng-enter-active {
  5384. opacity: 1;
  5385. display: block;
  5386. -webkit-transform: translate3d(0, 80px, 0) !important;
  5387. transform: translate3d(0, 80px, 0) !important; }
  5388. md-bottom-sheet.ng-leave-active {
  5389. -webkit-transform: translate3d(0, 100%, 0) !important;
  5390. transform: translate3d(0, 100%, 0) !important;
  5391. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  5392. md-bottom-sheet .md-subheader {
  5393. background-color: transparent;
  5394. font-family: Roboto, 'Helvetica Neue', sans-serif;
  5395. line-height: 56px;
  5396. padding: 0;
  5397. white-space: nowrap; }
  5398. md-bottom-sheet md-inline-icon {
  5399. display: inline-block;
  5400. height: 24px;
  5401. width: 24px;
  5402. fill: #444; }
  5403. md-bottom-sheet md-list-item {
  5404. display: -webkit-flex;
  5405. display: -ms-flexbox;
  5406. display: flex;
  5407. outline: none; }
  5408. md-bottom-sheet md-list-item:hover {
  5409. cursor: pointer; }
  5410. md-bottom-sheet.md-list md-list-item {
  5411. padding: 0;
  5412. -webkit-align-items: center;
  5413. -ms-flex-align: center;
  5414. align-items: center;
  5415. height: 48px; }
  5416. md-bottom-sheet.md-list md-list-item div.md-icon-container {
  5417. display: inline-block;
  5418. height: 24px;
  5419. margin-right: 32px; }
  5420. md-bottom-sheet.md-grid {
  5421. padding-left: 24px;
  5422. padding-right: 24px;
  5423. padding-top: 0; }
  5424. md-bottom-sheet.md-grid md-list {
  5425. display: -webkit-flex;
  5426. display: -ms-flexbox;
  5427. display: flex;
  5428. -webkit-flex-direction: row;
  5429. -ms-flex-direction: row;
  5430. flex-direction: row;
  5431. -webkit-flex-wrap: wrap;
  5432. -ms-flex-wrap: wrap;
  5433. flex-wrap: wrap;
  5434. transition: all 0.5s;
  5435. -webkit-align-items: center;
  5436. -ms-flex-align: center;
  5437. align-items: center; }
  5438. md-bottom-sheet.md-grid md-list-item {
  5439. -webkit-flex-direction: column;
  5440. -ms-flex-direction: column;
  5441. flex-direction: column;
  5442. -webkit-align-items: center;
  5443. -ms-flex-align: center;
  5444. align-items: center;
  5445. transition: all 0.5s;
  5446. height: 96px;
  5447. margin-top: 8px;
  5448. margin-bottom: 8px;
  5449. /* Mixin for how many grid items to show per row */ }
  5450. @media screen and (max-width: 600px) {
  5451. md-bottom-sheet.md-grid md-list-item {
  5452. -webkit-flex: 1 1 33.33333%;
  5453. -ms-flex: 1 1 33.33333%;
  5454. flex: 1 1 33.33333%;
  5455. max-width: 33.33333%; }
  5456. md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
  5457. -webkit-align-items: flex-start;
  5458. -ms-flex-align: start;
  5459. align-items: flex-start; }
  5460. md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
  5461. -webkit-align-items: flex-end;
  5462. -ms-flex-align: end;
  5463. align-items: flex-end; } }
  5464. @media screen and (min-width: 600px) and (max-width: 960px) {
  5465. md-bottom-sheet.md-grid md-list-item {
  5466. -webkit-flex: 1 1 25%;
  5467. -ms-flex: 1 1 25%;
  5468. flex: 1 1 25%;
  5469. max-width: 25%; } }
  5470. @media screen and (min-width: 960px) and (max-width: 1200px) {
  5471. md-bottom-sheet.md-grid md-list-item {
  5472. -webkit-flex: 1 1 16.66667%;
  5473. -ms-flex: 1 1 16.66667%;
  5474. flex: 1 1 16.66667%;
  5475. max-width: 16.66667%; } }
  5476. @media screen and (min-width: 1200px) {
  5477. md-bottom-sheet.md-grid md-list-item {
  5478. -webkit-flex: 1 1 14.28571%;
  5479. -ms-flex: 1 1 14.28571%;
  5480. flex: 1 1 14.28571%;
  5481. max-width: 14.28571%; } }
  5482. md-bottom-sheet.md-grid md-list-item .md-list-item-content {
  5483. display: -webkit-flex;
  5484. display: -ms-flexbox;
  5485. display: flex;
  5486. -webkit-flex-direction: column;
  5487. -ms-flex-direction: column;
  5488. flex-direction: column;
  5489. -webkit-align-items: center;
  5490. -ms-flex-align: center;
  5491. align-items: center;
  5492. width: 48px;
  5493. padding-bottom: 16px; }
  5494. md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
  5495. border: 1px solid transparent;
  5496. display: -webkit-flex;
  5497. display: -ms-flexbox;
  5498. display: flex;
  5499. -webkit-flex-direction: column;
  5500. -ms-flex-direction: column;
  5501. flex-direction: column;
  5502. -webkit-align-items: center;
  5503. -ms-flex-align: center;
  5504. align-items: center;
  5505. width: 80px; }
  5506. md-bottom-sheet.md-grid md-list-item .md-icon-container {
  5507. display: inline-block;
  5508. box-sizing: border-box;
  5509. height: 48px;
  5510. width: 48px;
  5511. margin: 0 0; }
  5512. md-bottom-sheet.md-grid md-list-item .md-grid-text {
  5513. font-weight: 400;
  5514. line-height: 16px;
  5515. font-size: 13px;
  5516. margin: 0;
  5517. white-space: nowrap;
  5518. width: 64px;
  5519. text-align: center;
  5520. text-transform: none;
  5521. padding-top: 8px; }
  5522. @media screen and (-ms-high-contrast: active) {
  5523. md-bottom-sheet {
  5524. border: 1px solid #fff; } }
  5525. button.md-button::-moz-focus-inner {
  5526. border: 0; }
  5527. .md-button {
  5528. border-radius: 3px;
  5529. box-sizing: border-box;
  5530. color: currentColor;
  5531. -webkit-user-select: none;
  5532. -moz-user-select: none;
  5533. -ms-user-select: none;
  5534. user-select: none;
  5535. position: relative;
  5536. outline: none;
  5537. border: 0;
  5538. display: inline-block;
  5539. -webkit-align-items: center;
  5540. -ms-flex-align: center;
  5541. align-items: center;
  5542. padding: 0 6px;
  5543. margin: 6px 8px;
  5544. line-height: 36px;
  5545. min-height: 36px;
  5546. background: transparent;
  5547. white-space: nowrap;
  5548. min-width: 88px;
  5549. text-align: center;
  5550. text-transform: uppercase;
  5551. font-weight: 500;
  5552. font-size: 14px;
  5553. font-style: inherit;
  5554. font-variant: inherit;
  5555. font-family: inherit;
  5556. text-decoration: none;
  5557. cursor: pointer;
  5558. overflow: hidden;
  5559. transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  5560. .md-button:focus {
  5561. outline: none; }
  5562. .md-button:hover, .md-button:focus {
  5563. text-decoration: none; }
  5564. .md-button.ng-hide, .md-button.ng-leave {
  5565. transition: none; }
  5566. .md-button.md-cornered {
  5567. border-radius: 0; }
  5568. .md-button.md-icon {
  5569. padding: 0;
  5570. background: none; }
  5571. .md-button.md-raised:not([disabled]) {
  5572. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  5573. .md-button.md-icon-button {
  5574. margin: 0 6px;
  5575. height: 48px;
  5576. min-width: 0;
  5577. line-height: 48px;
  5578. padding-left: 0;
  5579. padding-right: 0;
  5580. width: 48px;
  5581. border-radius: 50%; }
  5582. .md-button.md-icon-button .md-ripple-container {
  5583. border-radius: 50%;
  5584. background-clip: padding-box;
  5585. overflow: hidden;
  5586. -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  5587. .md-button.md-fab {
  5588. z-index: 20;
  5589. line-height: 56px;
  5590. min-width: 0;
  5591. width: 56px;
  5592. height: 56px;
  5593. vertical-align: middle;
  5594. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  5595. border-radius: 50%;
  5596. background-clip: padding-box;
  5597. overflow: hidden;
  5598. transition: 0.2s linear;
  5599. transition-property: background-color, box-shadow; }
  5600. .md-button.md-fab.md-fab-bottom-right {
  5601. top: auto;
  5602. right: 20px;
  5603. bottom: 20px;
  5604. left: auto;
  5605. position: absolute; }
  5606. .md-button.md-fab.md-fab-bottom-left {
  5607. top: auto;
  5608. right: auto;
  5609. bottom: 20px;
  5610. left: 20px;
  5611. position: absolute; }
  5612. .md-button.md-fab.md-fab-top-right {
  5613. top: 20px;
  5614. right: 20px;
  5615. bottom: auto;
  5616. left: auto;
  5617. position: absolute; }
  5618. .md-button.md-fab.md-fab-top-left {
  5619. top: 20px;
  5620. right: auto;
  5621. bottom: auto;
  5622. left: 20px;
  5623. position: absolute; }
  5624. .md-button.md-fab .md-ripple-container {
  5625. border-radius: 50%;
  5626. background-clip: padding-box;
  5627. overflow: hidden;
  5628. -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  5629. .md-button.md-fab.md-mini {
  5630. line-height: 40px;
  5631. width: 40px;
  5632. height: 40px; }
  5633. .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
  5634. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  5635. .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
  5636. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  5637. .md-button .md-ripple-container {
  5638. border-radius: 3px;
  5639. background-clip: padding-box;
  5640. overflow: hidden;
  5641. -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  5642. .md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right {
  5643. -webkit-transform: translate3d(0, 42px, 0);
  5644. transform: translate3d(0, 42px, 0); }
  5645. .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
  5646. -webkit-transform: translate3d(0, 41px, 0);
  5647. transform: translate3d(0, 41px, 0); }
  5648. .md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right {
  5649. -webkit-transform: translate3d(0, -42px, 0);
  5650. transform: translate3d(0, -42px, 0); }
  5651. .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
  5652. -webkit-transform: translate3d(0, -43px, 0);
  5653. transform: translate3d(0, -43px, 0); }
  5654. .md-button-group {
  5655. display: -webkit-flex;
  5656. display: -ms-flexbox;
  5657. display: flex;
  5658. -webkit-flex: 1;
  5659. -ms-flex: 1;
  5660. flex: 1;
  5661. width: 100%; }
  5662. .md-button-group > .md-button {
  5663. -webkit-flex: 1;
  5664. -ms-flex: 1;
  5665. flex: 1;
  5666. display: block;
  5667. overflow: hidden;
  5668. width: 0;
  5669. border-width: 1px 0px 1px 1px;
  5670. border-radius: 0;
  5671. text-align: center;
  5672. text-overflow: ellipsis;
  5673. white-space: nowrap; }
  5674. .md-button-group > .md-button:first-child {
  5675. border-radius: 2px 0px 0px 2px; }
  5676. .md-button-group > .md-button:last-child {
  5677. border-right-width: 1px;
  5678. border-radius: 0px 2px 2px 0px; }
  5679. @media screen and (-ms-high-contrast: active) {
  5680. .md-button.md-raised, .md-button.md-fab {
  5681. border: 1px solid #fff; } }
  5682. md-card {
  5683. box-sizing: border-box;
  5684. display: -webkit-flex;
  5685. display: -ms-flexbox;
  5686. display: flex;
  5687. -webkit-flex-direction: column;
  5688. -ms-flex-direction: column;
  5689. flex-direction: column;
  5690. margin: 8px;
  5691. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  5692. md-card > img, md-card > :not(md-card-content) img {
  5693. display: -webkit-flex;
  5694. display: -ms-flexbox;
  5695. display: flex;
  5696. -webkit-flex: 0 0 auto;
  5697. -ms-flex: 0 0 auto;
  5698. flex: 0 0 auto;
  5699. width: 100%;
  5700. height: auto; }
  5701. md-card md-card-content {
  5702. padding: 16px; }
  5703. md-card .md-actions {
  5704. margin: 0; }
  5705. md-card .md-actions .md-button {
  5706. margin-bottom: 8px;
  5707. margin-top: 8px;
  5708. margin-right: 4px;
  5709. margin-left: 4px; }
  5710. md-card md-card-footer {
  5711. margin-top: auto;
  5712. padding: 16px; }
  5713. @media screen and (-ms-high-contrast: active) {
  5714. md-card {
  5715. border: 1px solid #fff; } }
  5716. md-checkbox {
  5717. box-sizing: border-box;
  5718. display: block;
  5719. margin: 8px;
  5720. white-space: nowrap;
  5721. cursor: pointer;
  5722. outline: none;
  5723. -webkit-user-select: none;
  5724. -moz-user-select: none;
  5725. -ms-user-select: none;
  5726. user-select: none;
  5727. padding-left: 18px;
  5728. padding-right: 0;
  5729. position: relative;
  5730. line-height: 26px;
  5731. min-width: 18px;
  5732. min-height: 18px; }
  5733. html[dir=rtl] md-checkbox {
  5734. padding-left: 0;
  5735. unicode-bidi: embed; }
  5736. body[dir=rtl] md-checkbox {
  5737. padding-left: 0;
  5738. unicode-bidi: embed; }
  5739. md-checkbox bdo[dir=rtl] {
  5740. direction: rtl;
  5741. unicode-bidi: bidi-override; }
  5742. md-checkbox bdo[dir=ltr] {
  5743. direction: ltr;
  5744. unicode-bidi: bidi-override; }
  5745. html[dir=rtl] md-checkbox {
  5746. padding-right: 18px;
  5747. unicode-bidi: embed; }
  5748. body[dir=rtl] md-checkbox {
  5749. padding-right: 18px;
  5750. unicode-bidi: embed; }
  5751. md-checkbox bdo[dir=rtl] {
  5752. direction: rtl;
  5753. unicode-bidi: bidi-override; }
  5754. md-checkbox bdo[dir=ltr] {
  5755. direction: ltr;
  5756. unicode-bidi: bidi-override; }
  5757. md-checkbox.md-focused:not([disabled]) .md-container:before {
  5758. left: -8px;
  5759. top: -8px;
  5760. right: -8px;
  5761. bottom: -8px; }
  5762. md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  5763. background-color: rgba(0, 0, 0, 0.12); }
  5764. md-checkbox .md-container {
  5765. position: absolute;
  5766. top: 50%;
  5767. -webkit-transform: translateY(-50%);
  5768. transform: translateY(-50%);
  5769. box-sizing: border-box;
  5770. display: inline-block;
  5771. width: 18px;
  5772. height: 18px;
  5773. left: 0;
  5774. right: auto; }
  5775. html[dir=rtl] md-checkbox .md-container {
  5776. left: auto;
  5777. unicode-bidi: embed; }
  5778. body[dir=rtl] md-checkbox .md-container {
  5779. left: auto;
  5780. unicode-bidi: embed; }
  5781. md-checkbox .md-container bdo[dir=rtl] {
  5782. direction: rtl;
  5783. unicode-bidi: bidi-override; }
  5784. md-checkbox .md-container bdo[dir=ltr] {
  5785. direction: ltr;
  5786. unicode-bidi: bidi-override; }
  5787. html[dir=rtl] md-checkbox .md-container {
  5788. right: 0;
  5789. unicode-bidi: embed; }
  5790. body[dir=rtl] md-checkbox .md-container {
  5791. right: 0;
  5792. unicode-bidi: embed; }
  5793. md-checkbox .md-container bdo[dir=rtl] {
  5794. direction: rtl;
  5795. unicode-bidi: bidi-override; }
  5796. md-checkbox .md-container bdo[dir=ltr] {
  5797. direction: ltr;
  5798. unicode-bidi: bidi-override; }
  5799. md-checkbox .md-container:before {
  5800. box-sizing: border-box;
  5801. background-color: transparent;
  5802. border-radius: 50%;
  5803. content: '';
  5804. position: absolute;
  5805. display: block;
  5806. height: auto;
  5807. left: 0;
  5808. top: 0;
  5809. right: 0;
  5810. bottom: 0;
  5811. transition: all 0.5s;
  5812. width: auto; }
  5813. md-checkbox .md-container:after {
  5814. box-sizing: border-box;
  5815. content: '';
  5816. position: absolute;
  5817. top: -10px;
  5818. right: -10px;
  5819. bottom: -10px;
  5820. left: -10px; }
  5821. md-checkbox .md-container .md-ripple-container {
  5822. position: absolute;
  5823. display: block;
  5824. width: auto;
  5825. height: auto;
  5826. left: -15px;
  5827. top: -15px;
  5828. right: -15px;
  5829. bottom: -15px; }
  5830. md-checkbox.md-align-top-left > div.md-container {
  5831. top: 12px; }
  5832. md-checkbox .md-icon {
  5833. box-sizing: border-box;
  5834. transition: 240ms;
  5835. position: absolute;
  5836. top: 0;
  5837. left: 0;
  5838. width: 18px;
  5839. height: 18px;
  5840. border-width: 2px;
  5841. border-style: solid;
  5842. border-radius: 2px; }
  5843. md-checkbox.md-checked .md-icon {
  5844. border: none; }
  5845. md-checkbox[disabled] {
  5846. cursor: no-drop; }
  5847. md-checkbox.md-checked .md-icon:after {
  5848. box-sizing: border-box;
  5849. -webkit-transform: rotate(45deg);
  5850. transform: rotate(45deg);
  5851. position: absolute;
  5852. left: 6px;
  5853. top: 2px;
  5854. display: table;
  5855. width: 6px;
  5856. height: 12px;
  5857. border-width: 2px;
  5858. border-style: solid;
  5859. border-top: 0;
  5860. border-left: 0;
  5861. content: ''; }
  5862. md-checkbox .md-label {
  5863. box-sizing: border-box;
  5864. position: relative;
  5865. display: inline-block;
  5866. vertical-align: middle;
  5867. white-space: normal;
  5868. -webkit-user-select: text;
  5869. -moz-user-select: text;
  5870. -ms-user-select: text;
  5871. user-select: text;
  5872. margin-left: 10px;
  5873. margin-right: 0; }
  5874. html[dir=rtl] md-checkbox .md-label {
  5875. margin-left: 0;
  5876. unicode-bidi: embed; }
  5877. body[dir=rtl] md-checkbox .md-label {
  5878. margin-left: 0;
  5879. unicode-bidi: embed; }
  5880. md-checkbox .md-label bdo[dir=rtl] {
  5881. direction: rtl;
  5882. unicode-bidi: bidi-override; }
  5883. md-checkbox .md-label bdo[dir=ltr] {
  5884. direction: ltr;
  5885. unicode-bidi: bidi-override; }
  5886. html[dir=rtl] md-checkbox .md-label {
  5887. margin-right: 10px;
  5888. unicode-bidi: embed; }
  5889. body[dir=rtl] md-checkbox .md-label {
  5890. margin-right: 10px;
  5891. unicode-bidi: embed; }
  5892. md-checkbox .md-label bdo[dir=rtl] {
  5893. direction: rtl;
  5894. unicode-bidi: bidi-override; }
  5895. md-checkbox .md-label bdo[dir=ltr] {
  5896. direction: ltr;
  5897. unicode-bidi: bidi-override; }
  5898. .md-contact-chips .md-chips .md-chip {
  5899. padding: 0 25px 0 0; }
  5900. .md-contact-chips .md-chips .md-chip .md-contact-avatar {
  5901. float: left; }
  5902. .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
  5903. height: 32px;
  5904. border-radius: 16px; }
  5905. .md-contact-chips .md-chips .md-chip .md-contact-name {
  5906. display: inline-block;
  5907. height: 32px;
  5908. margin-left: 8px; }
  5909. .md-contact-suggestion {
  5910. height: 56px; }
  5911. .md-contact-suggestion img {
  5912. height: 40px;
  5913. border-radius: 20px;
  5914. margin-top: 8px; }
  5915. .md-contact-suggestion .md-contact-name {
  5916. margin-left: 8px;
  5917. width: 120px; }
  5918. .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  5919. display: inline-block;
  5920. overflow: hidden;
  5921. text-overflow: ellipsis; }
  5922. .md-contact-chips-suggestions li {
  5923. height: 100%; }
  5924. .md-chips {
  5925. display: block;
  5926. font-family: Roboto, 'Helvetica Neue', sans-serif;
  5927. font-size: 16px;
  5928. padding: 0 0 8px 3px;
  5929. vertical-align: middle; }
  5930. .md-chips:after {
  5931. content: '';
  5932. display: table;
  5933. clear: both; }
  5934. .md-chips:not(.md-readonly) {
  5935. cursor: text; }
  5936. .md-chips:not(.md-readonly) .md-chip {
  5937. padding-right: 22px; }
  5938. .md-chips .md-chip {
  5939. cursor: default;
  5940. border-radius: 16px;
  5941. display: block;
  5942. height: 32px;
  5943. line-height: 32px;
  5944. margin: 8px 8px 0 0;
  5945. padding: 0 12px 0 12px;
  5946. float: left;
  5947. box-sizing: border-box;
  5948. max-width: 100%;
  5949. position: relative; }
  5950. .md-chips .md-chip .md-chip-content {
  5951. display: block;
  5952. padding-right: 4px;
  5953. float: left;
  5954. white-space: nowrap;
  5955. max-width: 100%;
  5956. overflow: hidden;
  5957. text-overflow: ellipsis; }
  5958. .md-chips .md-chip .md-chip-content:focus {
  5959. outline: none; }
  5960. .md-chips .md-chip .md-chip-remove-container {
  5961. position: absolute;
  5962. right: 0;
  5963. line-height: 22px; }
  5964. .md-chips .md-chip .md-chip-remove {
  5965. text-align: center;
  5966. width: 32px;
  5967. height: 32px;
  5968. min-width: 0;
  5969. padding: 0;
  5970. background: transparent;
  5971. border: none;
  5972. box-shadow: none;
  5973. margin: 0;
  5974. position: relative; }
  5975. .md-chips .md-chip .md-chip-remove md-icon {
  5976. height: 18px;
  5977. width: 18px;
  5978. position: absolute;
  5979. top: 50%;
  5980. left: 50%;
  5981. -webkit-transform: translate3d(-50%, -50%, 0);
  5982. transform: translate3d(-50%, -50%, 0); }
  5983. .md-chips .md-chip-input-container {
  5984. display: block;
  5985. line-height: 32px;
  5986. margin: 8px 8px 0 0;
  5987. padding: 0 12px 0 12px;
  5988. float: left; }
  5989. .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
  5990. border: 0;
  5991. height: 32px;
  5992. line-height: 32px;
  5993. padding: 0; }
  5994. .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
  5995. outline: none; }
  5996. .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  5997. background: transparent;
  5998. height: 32px; }
  5999. .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  6000. box-shadow: none; }
  6001. .md-chips .md-chip-input-container md-autocomplete input {
  6002. position: relative; }
  6003. .md-chips .md-chip-input-container input {
  6004. border: 0;
  6005. height: 32px;
  6006. line-height: 32px;
  6007. padding: 0; }
  6008. .md-chips .md-chip-input-container input:focus {
  6009. outline: none; }
  6010. .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  6011. height: 32px; }
  6012. .md-chips .md-chip-input-container md-autocomplete {
  6013. box-shadow: none; }
  6014. .md-chips .md-chip-input-container md-autocomplete input {
  6015. position: relative; }
  6016. .md-chips .md-chip-input-container:not(:first-child) {
  6017. margin: 8px 8px 0 0; }
  6018. .md-chips .md-chip-input-container input {
  6019. background: transparent;
  6020. border-width: 0; }
  6021. .md-chips md-autocomplete button {
  6022. display: none; }
  6023. @media screen and (-ms-high-contrast: active) {
  6024. .md-chip-input-container, md-chip {
  6025. border: 1px solid #fff; }
  6026. .md-chip-input-container md-autocomplete {
  6027. border: none; } }
  6028. md-content {
  6029. display: block;
  6030. position: relative;
  6031. overflow: auto;
  6032. -webkit-overflow-scrolling: touch; }
  6033. md-content[md-scroll-y] {
  6034. overflow-y: auto;
  6035. overflow-x: hidden; }
  6036. md-content[md-scroll-x] {
  6037. overflow-x: auto;
  6038. overflow-y: hidden; }
  6039. md-content.autoScroll {
  6040. -webkit-overflow-scrolling: auto; }
  6041. .md-dialog-is-showing {
  6042. max-height: 100%; }
  6043. .md-dialog-container {
  6044. display: -webkit-flex;
  6045. display: -ms-flexbox;
  6046. display: flex;
  6047. -webkit-justify-content: center;
  6048. -ms-flex-pack: center;
  6049. justify-content: center;
  6050. -webkit-align-items: center;
  6051. -ms-flex-align: center;
  6052. align-items: center;
  6053. position: absolute;
  6054. top: 0;
  6055. left: 0;
  6056. width: 100%;
  6057. height: 100%;
  6058. z-index: 80;
  6059. overflow: hidden; }
  6060. md-dialog {
  6061. opacity: 0;
  6062. min-width: 240px;
  6063. max-width: 80%;
  6064. max-height: 80%;
  6065. position: relative;
  6066. overflow: auto;
  6067. box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  6068. display: -webkit-flex;
  6069. display: -ms-flexbox;
  6070. display: flex;
  6071. -webkit-flex-direction: column;
  6072. -ms-flex-direction: column;
  6073. flex-direction: column; }
  6074. md-dialog.md-transition-in {
  6075. opacity: 1;
  6076. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  6077. -webkit-transform: translate3d(0, 0, 0) scale(1);
  6078. transform: translate3d(0, 0, 0) scale(1); }
  6079. md-dialog.md-transition-out {
  6080. opacity: 0;
  6081. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  6082. -webkit-transform: translate3d(0, 100%, 0) scale(0.2);
  6083. transform: translate3d(0, 100%, 0) scale(0.2); }
  6084. md-dialog > form {
  6085. display: -webkit-flex;
  6086. display: -ms-flexbox;
  6087. display: flex;
  6088. -webkit-flex-direction: column;
  6089. -ms-flex-direction: column;
  6090. flex-direction: column;
  6091. overflow: auto; }
  6092. md-dialog .md-dialog-content {
  6093. padding: 24px; }
  6094. md-dialog md-dialog-content {
  6095. -webkit-order: 1;
  6096. -ms-flex-order: 1;
  6097. order: 1;
  6098. -webkit-flex-direction: column;
  6099. -ms-flex-direction: column;
  6100. flex-direction: column;
  6101. overflow: auto;
  6102. -webkit-overflow-scrolling: touch; }
  6103. md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  6104. margin-top: 0; }
  6105. md-dialog md-dialog-content:focus {
  6106. outline: none; }
  6107. md-dialog md-dialog-content .md-subheader {
  6108. margin: 0; }
  6109. md-dialog md-dialog-content .md-subheader.sticky-clone {
  6110. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
  6111. md-dialog md-dialog-content.sticky-container {
  6112. padding: 0; }
  6113. md-dialog md-dialog-content.sticky-container > div {
  6114. padding: 24px;
  6115. padding-top: 0; }
  6116. md-dialog md-dialog-content .md-dialog-content-body {
  6117. width: 100%; }
  6118. md-dialog .md-actions {
  6119. display: -webkit-flex;
  6120. display: -ms-flexbox;
  6121. display: flex;
  6122. -webkit-order: 2;
  6123. -ms-flex-order: 2;
  6124. order: 2;
  6125. box-sizing: border-box;
  6126. -webkit-align-items: center;
  6127. -ms-flex-align: center;
  6128. align-items: center;
  6129. -webkit-justify-content: flex-end;
  6130. -ms-flex-pack: end;
  6131. justify-content: flex-end;
  6132. margin-bottom: 0;
  6133. padding-right: 8px;
  6134. padding-left: 16px;
  6135. min-height: 52px;
  6136. overflow: hidden; }
  6137. md-dialog .md-actions .md-button {
  6138. margin-bottom: 8px;
  6139. margin-left: 8px;
  6140. margin-right: 0;
  6141. margin-top: 8px; }
  6142. md-dialog.md-content-overflow .md-actions {
  6143. border-top-width: 1px;
  6144. border-top-style: solid; }
  6145. @media screen and (-ms-high-contrast: active) {
  6146. md-dialog {
  6147. border: 1px solid #fff; } }
  6148. md-divider {
  6149. display: block;
  6150. border-top-width: 1px;
  6151. border-top-style: solid;
  6152. margin: 0; }
  6153. md-divider[md-inset] {
  6154. margin-left: 80px; }
  6155. /** Styles for mdCalendar. */
  6156. md-calendar {
  6157. font-size: 13px;
  6158. -webkit-user-select: none;
  6159. -moz-user-select: none;
  6160. -ms-user-select: none;
  6161. user-select: none; }
  6162. .md-calendar-scroll-mask {
  6163. display: inline-block;
  6164. overflow: hidden;
  6165. height: 308px; }
  6166. .md-calendar-scroll-mask .md-virtual-repeat-scroller {
  6167. overflow-y: scroll;
  6168. -webkit-overflow-scrolling: touch; }
  6169. .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  6170. display: none; }
  6171. .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  6172. width: 100%; }
  6173. .md-calendar-scroll-container {
  6174. box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  6175. display: inline-block;
  6176. height: 308px;
  6177. width: 346px; }
  6178. .md-calendar-date {
  6179. height: 44px;
  6180. width: 44px;
  6181. text-align: center;
  6182. padding: 0;
  6183. border: none; }
  6184. .md-calendar-date:first-child {
  6185. padding-left: 16px; }
  6186. .md-calendar-date:last-child {
  6187. padding-right: 16px; }
  6188. .md-calendar-date.md-calendar-date-disabled {
  6189. cursor: default; }
  6190. .md-calendar-date-selection-indicator {
  6191. transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  6192. border-radius: 50%;
  6193. display: inline-block;
  6194. width: 40px;
  6195. height: 40px;
  6196. line-height: 40px; }
  6197. .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  6198. cursor: pointer; }
  6199. .md-calendar-month-label {
  6200. height: 44px;
  6201. font-size: 14px;
  6202. font-weight: 500;
  6203. padding: 0 0 0 24px; }
  6204. .md-calendar-day-header {
  6205. table-layout: fixed;
  6206. border-spacing: 0;
  6207. border-collapse: collapse; }
  6208. .md-calendar-day-header th {
  6209. height: 44px;
  6210. width: 44px;
  6211. text-align: center;
  6212. padding: 0;
  6213. border: none;
  6214. font-weight: normal;
  6215. height: 40px; }
  6216. .md-calendar-day-header th:first-child {
  6217. padding-left: 16px; }
  6218. .md-calendar-day-header th:last-child {
  6219. padding-right: 16px; }
  6220. .md-calendar {
  6221. table-layout: fixed;
  6222. border-spacing: 0;
  6223. border-collapse: collapse; }
  6224. .md-calendar tr:last-child td {
  6225. border-bottom-width: 1px;
  6226. border-bottom-style: solid; }
  6227. .md-calendar:first-child {
  6228. border-top: 1px solid transparent; }
  6229. /** Styles for mdDatepicker. */
  6230. md-datepicker {
  6231. white-space: nowrap; }
  6232. .md-datepicker-button {
  6233. display: inline-block;
  6234. box-sizing: border-box;
  6235. background: none; }
  6236. .md-datepicker-input {
  6237. font-size: 14px;
  6238. box-sizing: border-box;
  6239. border: none;
  6240. box-shadow: none;
  6241. outline: none;
  6242. background: transparent;
  6243. min-width: 120px;
  6244. max-width: 328px; }
  6245. .md-datepicker-input::-ms-clear {
  6246. display: none; }
  6247. .md-datepicker-input-container {
  6248. position: relative;
  6249. padding-bottom: 5px;
  6250. border-bottom-width: 1px;
  6251. border-bottom-style: solid;
  6252. display: inline-block;
  6253. width: auto;
  6254. margin-left: 12px; }
  6255. .md-datepicker-input-container.md-datepicker-focused {
  6256. border-bottom-width: 2px; }
  6257. .md-datepicker-calendar-pane {
  6258. position: absolute;
  6259. top: 0;
  6260. left: 0;
  6261. z-index: 99;
  6262. border-width: 1px;
  6263. border-style: solid;
  6264. background: transparent;
  6265. -webkit-transform: scale(0);
  6266. transform: scale(0);
  6267. -webkit-transform-origin: 0 0;
  6268. transform-origin: 0 0;
  6269. transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  6270. transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
  6271. .md-datepicker-calendar-pane.md-pane-open {
  6272. -webkit-transform: scale(1);
  6273. transform: scale(1); }
  6274. .md-datepicker-input-mask {
  6275. height: 40px;
  6276. width: 340px;
  6277. position: relative;
  6278. background: transparent;
  6279. pointer-events: none;
  6280. cursor: text; }
  6281. .md-datepicker-input-mask-opaque {
  6282. position: absolute;
  6283. right: 0;
  6284. left: 120px;
  6285. height: 100%; }
  6286. .md-datepicker-calendar {
  6287. opacity: 0;
  6288. transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
  6289. .md-pane-open .md-datepicker-calendar {
  6290. opacity: 1; }
  6291. .md-datepicker-calendar md-calendar:focus {
  6292. outline: none; }
  6293. .md-datepicker-expand-triangle {
  6294. position: absolute;
  6295. top: 50%;
  6296. left: 50%;
  6297. -webkit-transform: translate(-50%, -50%);
  6298. transform: translate(-50%, -50%);
  6299. width: 0;
  6300. height: 0;
  6301. border-left: 5px solid transparent;
  6302. border-right: 5px solid transparent;
  6303. border-top: 5px solid; }
  6304. .md-datepicker-triangle-button {
  6305. position: absolute;
  6306. right: 0;
  6307. top: 0;
  6308. -webkit-transform: translateY(-25%) translateX(45%);
  6309. transform: translateY(-25%) translateX(45%); }
  6310. .md-datepicker-triangle-button.md-button.md-icon-button {
  6311. height: 100%;
  6312. width: 36px;
  6313. position: absolute; }
  6314. md-datepicker[disabled] .md-datepicker-input-container {
  6315. border-bottom-color: transparent; }
  6316. md-datepicker[disabled] .md-datepicker-triangle-button {
  6317. display: none; }
  6318. .md-datepicker-open .md-datepicker-input-container {
  6319. margin-left: -12px;
  6320. border: none; }
  6321. .md-datepicker-open .md-datepicker-input {
  6322. margin-left: 24px;
  6323. height: 40px; }
  6324. .md-datepicker-open .md-datepicker-triangle-button {
  6325. display: none; }
  6326. .md-datepicker-pos-adjusted .md-datepicker-input-mask {
  6327. display: none; }
  6328. .md-datepicker-calendar-pane .md-calendar {
  6329. -webkit-transform: translateY(-85px);
  6330. transform: translateY(-85px);
  6331. transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  6332. transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  6333. transition-delay: 0.125s; }
  6334. .md-datepicker-calendar-pane.md-pane-open .md-calendar {
  6335. -webkit-transform: translateY(0);
  6336. transform: translateY(0); }
  6337. md-fab-speed-dial {
  6338. position: relative;
  6339. display: -webkit-flex;
  6340. display: -ms-flexbox;
  6341. display: flex;
  6342. -webkit-align-items: center;
  6343. -ms-flex-align: center;
  6344. align-items: center;
  6345. z-index: 20;
  6346. /*
  6347. * Handle the animations
  6348. */ }
  6349. md-fab-speed-dial.md-fab-bottom-right {
  6350. top: auto;
  6351. right: 20px;
  6352. bottom: 20px;
  6353. left: auto;
  6354. position: absolute; }
  6355. md-fab-speed-dial.md-fab-bottom-left {
  6356. top: auto;
  6357. right: auto;
  6358. bottom: 20px;
  6359. left: 20px;
  6360. position: absolute; }
  6361. md-fab-speed-dial.md-fab-top-right {
  6362. top: 20px;
  6363. right: 20px;
  6364. bottom: auto;
  6365. left: auto;
  6366. position: absolute; }
  6367. md-fab-speed-dial.md-fab-top-left {
  6368. top: 20px;
  6369. right: auto;
  6370. bottom: auto;
  6371. left: 20px;
  6372. position: absolute; }
  6373. md-fab-speed-dial:not(.md-hover-full) {
  6374. pointer-events: none; }
  6375. md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  6376. pointer-events: auto; }
  6377. md-fab-speed-dial:not(.md-hover-full).md-is-open {
  6378. pointer-events: auto; }
  6379. md-fab-speed-dial .md-css-variables {
  6380. z-index: 20; }
  6381. md-fab-speed-dial.md-is-open .md-fab-action-item {
  6382. visibility: visible;
  6383. -webkit-align-items: center;
  6384. -ms-flex-align: center;
  6385. align-items: center; }
  6386. md-fab-speed-dial md-fab-actions {
  6387. display: -webkit-flex;
  6388. display: -ms-flexbox;
  6389. display: flex;
  6390. height: auto; }
  6391. md-fab-speed-dial md-fab-actions .md-fab-action-item {
  6392. visibility: hidden;
  6393. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  6394. md-fab-speed-dial.md-down {
  6395. -webkit-flex-direction: column;
  6396. -ms-flex-direction: column;
  6397. flex-direction: column; }
  6398. md-fab-speed-dial.md-down md-fab-trigger {
  6399. -webkit-order: 1;
  6400. -ms-flex-order: 1;
  6401. order: 1; }
  6402. md-fab-speed-dial.md-down md-fab-actions {
  6403. -webkit-flex-direction: column;
  6404. -ms-flex-direction: column;
  6405. flex-direction: column;
  6406. -webkit-order: 2;
  6407. -ms-flex-order: 2;
  6408. order: 2; }
  6409. md-fab-speed-dial.md-up {
  6410. -webkit-flex-direction: column;
  6411. -ms-flex-direction: column;
  6412. flex-direction: column; }
  6413. md-fab-speed-dial.md-up md-fab-trigger {
  6414. -webkit-order: 2;
  6415. -ms-flex-order: 2;
  6416. order: 2; }
  6417. md-fab-speed-dial.md-up md-fab-actions {
  6418. -webkit-flex-direction: column-reverse;
  6419. -ms-flex-direction: column-reverse;
  6420. flex-direction: column-reverse;
  6421. -webkit-order: 1;
  6422. -ms-flex-order: 1;
  6423. order: 1; }
  6424. md-fab-speed-dial.md-left {
  6425. -webkit-flex-direction: row;
  6426. -ms-flex-direction: row;
  6427. flex-direction: row; }
  6428. md-fab-speed-dial.md-left md-fab-trigger {
  6429. -webkit-order: 2;
  6430. -ms-flex-order: 2;
  6431. order: 2; }
  6432. md-fab-speed-dial.md-left md-fab-actions {
  6433. -webkit-flex-direction: row-reverse;
  6434. -ms-flex-direction: row-reverse;
  6435. flex-direction: row-reverse;
  6436. -webkit-order: 1;
  6437. -ms-flex-order: 1;
  6438. order: 1; }
  6439. md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  6440. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  6441. md-fab-speed-dial.md-right {
  6442. -webkit-flex-direction: row;
  6443. -ms-flex-direction: row;
  6444. flex-direction: row; }
  6445. md-fab-speed-dial.md-right md-fab-trigger {
  6446. -webkit-order: 1;
  6447. -ms-flex-order: 1;
  6448. order: 1; }
  6449. md-fab-speed-dial.md-right md-fab-actions {
  6450. -webkit-flex-direction: row;
  6451. -ms-flex-direction: row;
  6452. flex-direction: row;
  6453. -webkit-order: 2;
  6454. -ms-flex-order: 2;
  6455. order: 2; }
  6456. md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  6457. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  6458. md-fab-speed-dial.md-scale .md-fab-action-item {
  6459. opacity: 0;
  6460. -webkit-transform: scale(0);
  6461. transform: scale(0);
  6462. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  6463. transition-duration: 0.14286s; }
  6464. md-fab-toolbar {
  6465. display: block;
  6466. /*
  6467. * Closed styling
  6468. */
  6469. /*
  6470. * Hover styling
  6471. */ }
  6472. md-fab-toolbar.md-fab-bottom-right {
  6473. top: auto;
  6474. right: 20px;
  6475. bottom: 20px;
  6476. left: auto;
  6477. position: absolute; }
  6478. md-fab-toolbar.md-fab-bottom-left {
  6479. top: auto;
  6480. right: auto;
  6481. bottom: 20px;
  6482. left: 20px;
  6483. position: absolute; }
  6484. md-fab-toolbar.md-fab-top-right {
  6485. top: 20px;
  6486. right: 20px;
  6487. bottom: auto;
  6488. left: auto;
  6489. position: absolute; }
  6490. md-fab-toolbar.md-fab-top-left {
  6491. top: 20px;
  6492. right: auto;
  6493. bottom: auto;
  6494. left: 20px;
  6495. position: absolute; }
  6496. md-fab-toolbar .md-fab-toolbar-wrapper {
  6497. display: block;
  6498. position: relative;
  6499. overflow: hidden;
  6500. height: 68px; }
  6501. md-fab-toolbar md-fab-trigger {
  6502. position: absolute;
  6503. z-index: 20; }
  6504. md-fab-toolbar md-fab-trigger button {
  6505. overflow: visible !important; }
  6506. md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
  6507. display: block;
  6508. position: absolute;
  6509. z-index: 21;
  6510. opacity: 1;
  6511. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  6512. md-fab-toolbar md-fab-trigger md-icon {
  6513. position: relative;
  6514. z-index: 22;
  6515. opacity: 1;
  6516. transition: all 200ms ease-in; }
  6517. md-fab-toolbar.md-left md-fab-trigger {
  6518. right: 0; }
  6519. md-fab-toolbar.md-left .md-toolbar-tools {
  6520. -webkit-flex-direction: row-reverse;
  6521. -ms-flex-direction: row-reverse;
  6522. flex-direction: row-reverse; }
  6523. md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  6524. margin-right: 0.6rem; }
  6525. md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  6526. margin-left: -0.8rem; }
  6527. md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  6528. margin-right: 8px; }
  6529. md-fab-toolbar.md-right md-fab-trigger {
  6530. left: 0; }
  6531. md-fab-toolbar.md-right .md-toolbar-tools {
  6532. -webkit-flex-direction: row;
  6533. -ms-flex-direction: row;
  6534. flex-direction: row; }
  6535. md-fab-toolbar md-toolbar {
  6536. background-color: transparent !important;
  6537. pointer-events: none;
  6538. z-index: 23; }
  6539. md-fab-toolbar md-toolbar .md-toolbar-tools {
  6540. padding: 0 20px;
  6541. margin-top: 3px; }
  6542. md-fab-toolbar md-toolbar .md-fab-action-item {
  6543. opacity: 0;
  6544. -webkit-transform: scale(0);
  6545. transform: scale(0);
  6546. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  6547. transition-duration: 0.15s; }
  6548. md-fab-toolbar.md-is-open md-fab-trigger > button {
  6549. box-shadow: none; }
  6550. md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
  6551. opacity: 0; }
  6552. md-fab-toolbar.md-is-open .md-fab-action-item {
  6553. opacity: 1;
  6554. -webkit-transform: scale(1);
  6555. transform: scale(1); }
  6556. md-grid-list {
  6557. box-sizing: border-box;
  6558. display: block;
  6559. position: relative; }
  6560. md-grid-list md-grid-tile, md-grid-list md-grid-tile > figure, md-grid-list md-grid-tile-header, md-grid-list md-grid-tile-footer {
  6561. box-sizing: border-box; }
  6562. md-grid-list md-grid-tile {
  6563. display: block;
  6564. position: absolute; }
  6565. md-grid-list md-grid-tile figure {
  6566. display: -webkit-flex;
  6567. display: -ms-flexbox;
  6568. display: flex;
  6569. -webkit-align-items: center;
  6570. -ms-flex-align: center;
  6571. align-items: center;
  6572. -webkit-justify-content: center;
  6573. -ms-flex-pack: center;
  6574. justify-content: center;
  6575. height: 100%;
  6576. position: absolute;
  6577. top: 0;
  6578. right: 0;
  6579. bottom: 0;
  6580. left: 0;
  6581. padding: 0;
  6582. margin: 0; }
  6583. md-grid-list md-grid-tile md-grid-tile-header, md-grid-list md-grid-tile md-grid-tile-footer {
  6584. display: -webkit-flex;
  6585. display: -ms-flexbox;
  6586. display: flex;
  6587. -webkit-flex-direction: row;
  6588. -ms-flex-direction: row;
  6589. flex-direction: row;
  6590. -webkit-align-items: center;
  6591. -ms-flex-align: center;
  6592. align-items: center;
  6593. height: 48px;
  6594. color: #fff;
  6595. background: rgba(0, 0, 0, 0.18);
  6596. overflow: hidden;
  6597. position: absolute;
  6598. left: 0;
  6599. right: 0; }
  6600. md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-header h4, md-grid-list md-grid-tile md-grid-tile-footer h3, md-grid-list md-grid-tile md-grid-tile-footer h4 {
  6601. font-weight: 400;
  6602. margin: 0 0 0 16px; }
  6603. md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-footer h3 {
  6604. font-size: 14px; }
  6605. md-grid-list md-grid-tile md-grid-tile-header h4, md-grid-list md-grid-tile md-grid-tile-footer h4 {
  6606. font-size: 12px; }
  6607. md-grid-list md-grid-tile md-grid-tile-header {
  6608. top: 0; }
  6609. md-grid-list md-grid-tile md-grid-tile-footer {
  6610. bottom: 0; }
  6611. @media screen and (-ms-high-contrast: active) {
  6612. md-grid-tile {
  6613. border: 1px solid #fff; }
  6614. md-grid-tile-footer {
  6615. border-top: 1px solid #fff; } }
  6616. md-icon {
  6617. margin: auto;
  6618. background-repeat: no-repeat no-repeat;
  6619. display: inline-block;
  6620. vertical-align: middle;
  6621. fill: currentColor;
  6622. height: 24px;
  6623. width: 24px; }
  6624. md-icon svg {
  6625. pointer-events: none; }
  6626. md-icon[md-font-icon] {
  6627. line-height: 1;
  6628. width: auto; }
  6629. md-input-container {
  6630. display: -webkit-flex;
  6631. display: -ms-flexbox;
  6632. display: flex;
  6633. position: relative;
  6634. -webkit-flex-direction: column;
  6635. -ms-flex-direction: column;
  6636. flex-direction: column;
  6637. padding: 2px;
  6638. padding-bottom: 26px;
  6639. /*
  6640. * The .md-input class is added to the input/textarea
  6641. */ }
  6642. md-input-container.md-input-has-messages {
  6643. padding-bottom: 2px; }
  6644. md-input-container > md-icon {
  6645. position: absolute;
  6646. top: 5px;
  6647. left: 2px; }
  6648. md-input-container > md-icon + input {
  6649. margin-left: 36px; }
  6650. md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], md-input-container input[type="date"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"], md-input-container input[type="number"], md-input-container input[type="email"], md-input-container input[type="url"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="color"] {
  6651. /* remove default appearance from all input/textarea */
  6652. -moz-appearance: none;
  6653. -webkit-appearance: none; }
  6654. md-input-container input[type="date"], md-input-container input[type="datetime-local"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"] {
  6655. min-height: 26px; }
  6656. md-input-container textarea {
  6657. resize: none;
  6658. overflow: hidden; }
  6659. md-input-container textarea.md-input {
  6660. min-height: 26px;
  6661. -ms-flex-preferred-size: auto; }
  6662. md-input-container label {
  6663. position: relative;
  6664. top: -2px; }
  6665. md-input-container label:not(.md-no-float), md-input-container .md-placeholder {
  6666. -webkit-order: 1;
  6667. -ms-flex-order: 1;
  6668. order: 1;
  6669. pointer-events: none;
  6670. -webkit-font-smoothing: antialiased;
  6671. padding-left: 2px;
  6672. z-index: 1;
  6673. -webkit-transform: translate3d(0, 28px, 0) scale(1);
  6674. transform: translate3d(0, 28px, 0) scale(1);
  6675. transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  6676. transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  6677. -webkit-transform-origin: left top;
  6678. transform-origin: left top; }
  6679. html[dir=rtl] md-input-container label:not(.md-no-float), html[dir=rtl] md-input-container .md-placeholder {
  6680. -webkit-transform-origin: right top;
  6681. transform-origin: right top;
  6682. unicode-bidi: embed; }
  6683. body[dir=rtl] md-input-container label:not(.md-no-float), body[dir=rtl] md-input-container .md-placeholder {
  6684. -webkit-transform-origin: right top;
  6685. transform-origin: right top;
  6686. unicode-bidi: embed; }
  6687. md-input-container label:not(.md-no-float) bdo[dir=rtl], md-input-container .md-placeholder bdo[dir=rtl] {
  6688. direction: rtl;
  6689. unicode-bidi: bidi-override; }
  6690. md-input-container label:not(.md-no-float) bdo[dir=ltr], md-input-container .md-placeholder bdo[dir=ltr] {
  6691. direction: ltr;
  6692. unicode-bidi: bidi-override; }
  6693. md-input-container .md-placeholder {
  6694. position: absolute;
  6695. top: 0;
  6696. opacity: 0;
  6697. transition-property: opacity, -webkit-transform;
  6698. transition-property: opacity, transform;
  6699. -webkit-transform: translate3d(0, 30px, 0);
  6700. transform: translate3d(0, 30px, 0); }
  6701. md-input-container .md-placeholder.md-static {
  6702. position: static; }
  6703. md-input-container.md-input-focused .md-placeholder {
  6704. opacity: 1;
  6705. -webkit-transform: translate3d(0, 24px, 0);
  6706. transform: translate3d(0, 24px, 0); }
  6707. md-input-container.md-input-has-value .md-placeholder {
  6708. transition: none;
  6709. opacity: 0; }
  6710. md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  6711. color: transparent; }
  6712. md-input-container .md-input {
  6713. -webkit-order: 2;
  6714. -ms-flex-order: 2;
  6715. order: 2;
  6716. display: block;
  6717. margin-top: 0;
  6718. background: none;
  6719. padding-top: 2px;
  6720. padding-bottom: 1px;
  6721. padding-left: 2px;
  6722. padding-right: 2px;
  6723. border-width: 0 0 1px 0;
  6724. line-height: 26px;
  6725. -ms-flex-preferred-size: 26px;
  6726. border-radius: 0;
  6727. border-style: solid;
  6728. width: auto; }
  6729. md-input-container .md-input:focus {
  6730. outline: none; }
  6731. md-input-container .md-input:invalid {
  6732. outline: none;
  6733. box-shadow: none; }
  6734. md-input-container .md-input.md-no-flex {
  6735. -webkit-flex: none !important;
  6736. -ms-flex: none !important;
  6737. flex: none !important; }
  6738. md-input-container .md-char-counter {
  6739. position: absolute;
  6740. right: 2px;
  6741. bottom: 7px; }
  6742. md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages, md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
  6743. position: relative;
  6744. -webkit-order: 4;
  6745. -ms-flex-order: 4;
  6746. order: 4;
  6747. min-height: 24px; }
  6748. md-input-container ng-messages .md-char-counter, md-input-container data-ng-messages .md-char-counter, md-input-container x-ng-messages .md-char-counter, md-input-container [ng-messages] .md-char-counter, md-input-container [data-ng-messages] .md-char-counter, md-input-container [x-ng-messages] .md-char-counter {
  6749. position: absolute;
  6750. top: 0;
  6751. right: 0;
  6752. bottom: auto; }
  6753. md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message], md-input-container [ng-message-exp], md-input-container [data-ng-message-exp], md-input-container [x-ng-message-exp], md-input-container .md-char-counter {
  6754. font-size: 12px;
  6755. line-height: 14px;
  6756. overflow: hidden;
  6757. padding-top: 5px; }
  6758. md-input-container ng-message:not(.md-char-counter), md-input-container data-ng-message:not(.md-char-counter), md-input-container x-ng-message:not(.md-char-counter), md-input-container [ng-message]:not(.md-char-counter), md-input-container [data-ng-message]:not(.md-char-counter), md-input-container [x-ng-message]:not(.md-char-counter), md-input-container [ng-message-exp]:not(.md-char-counter), md-input-container [data-ng-message-exp]:not(.md-char-counter), md-input-container [x-ng-message-exp]:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
  6759. padding-right: 50px; }
  6760. md-input-container ng-message.ng-enter, md-input-container data-ng-message.ng-enter, md-input-container x-ng-message.ng-enter, md-input-container [ng-message].ng-enter, md-input-container [data-ng-message].ng-enter, md-input-container [x-ng-message].ng-enter, md-input-container [ng-message-exp].ng-enter, md-input-container [data-ng-message-exp].ng-enter, md-input-container [x-ng-message-exp].ng-enter, md-input-container .md-char-counter.ng-enter {
  6761. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  6762. transition-delay: 0.2s;
  6763. transition-duration: 0.2s; }
  6764. md-input-container ng-message.ng-leave, md-input-container data-ng-message.ng-leave, md-input-container x-ng-message.ng-leave, md-input-container [ng-message].ng-leave, md-input-container [data-ng-message].ng-leave, md-input-container [x-ng-message].ng-leave, md-input-container [ng-message-exp].ng-leave, md-input-container [data-ng-message-exp].ng-leave, md-input-container [x-ng-message-exp].ng-leave, md-input-container .md-char-counter.ng-leave {
  6765. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  6766. transition-duration: 0.26667s; }
  6767. md-input-container ng-message.ng-enter, md-input-container ng-message.ng-leave.ng-leave-active, md-input-container data-ng-message.ng-enter, md-input-container data-ng-message.ng-leave.ng-leave-active, md-input-container x-ng-message.ng-enter, md-input-container x-ng-message.ng-leave.ng-leave-active, md-input-container [ng-message].ng-enter, md-input-container [ng-message].ng-leave.ng-leave-active, md-input-container [data-ng-message].ng-enter, md-input-container [data-ng-message].ng-leave.ng-leave-active, md-input-container [x-ng-message].ng-enter, md-input-container [x-ng-message].ng-leave.ng-leave-active, md-input-container [ng-message-exp].ng-enter, md-input-container [ng-message-exp].ng-leave.ng-leave-active, md-input-container [data-ng-message-exp].ng-enter, md-input-container [data-ng-message-exp].ng-leave.ng-leave-active, md-input-container [x-ng-message-exp].ng-enter, md-input-container [x-ng-message-exp].ng-leave.ng-leave-active, md-input-container .md-char-counter.ng-enter, md-input-container .md-char-counter.ng-leave.ng-leave-active {
  6768. margin-top: -19px;
  6769. opacity: 0; }
  6770. md-input-container ng-message.ng-leave, md-input-container ng-message.ng-enter.ng-enter-active, md-input-container data-ng-message.ng-leave, md-input-container data-ng-message.ng-enter.ng-enter-active, md-input-container x-ng-message.ng-leave, md-input-container x-ng-message.ng-enter.ng-enter-active, md-input-container [ng-message].ng-leave, md-input-container [ng-message].ng-enter.ng-enter-active, md-input-container [data-ng-message].ng-leave, md-input-container [data-ng-message].ng-enter.ng-enter-active, md-input-container [x-ng-message].ng-leave, md-input-container [x-ng-message].ng-enter.ng-enter-active, md-input-container [ng-message-exp].ng-leave, md-input-container [ng-message-exp].ng-enter.ng-enter-active, md-input-container [data-ng-message-exp].ng-leave, md-input-container [data-ng-message-exp].ng-enter.ng-enter-active, md-input-container [x-ng-message-exp].ng-leave, md-input-container [x-ng-message-exp].ng-enter.ng-enter-active, md-input-container .md-char-counter.ng-leave, md-input-container .md-char-counter.ng-enter.ng-enter-active {
  6771. margin-top: 0;
  6772. opacity: 1; }
  6773. md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  6774. -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  6775. transform: translate3d(0, 6px, 0) scale(0.75); }
  6776. md-input-container.md-input-has-value label {
  6777. transition: none; }
  6778. md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
  6779. padding-bottom: 0;
  6780. border-width: 0 0 2px 0; }
  6781. md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  6782. background-position: 0 bottom;
  6783. background-size: 4px 1px;
  6784. background-repeat: repeat-x;
  6785. margin-bottom: -1px; }
  6786. md-input-container.md-icon-float {
  6787. margin-top: -16px;
  6788. transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
  6789. md-input-container.md-icon-float > label {
  6790. pointer-events: none;
  6791. position: absolute;
  6792. margin-left: 36px; }
  6793. md-input-container.md-icon-float > md-icon {
  6794. top: 26px;
  6795. left: 2px; }
  6796. md-input-container.md-icon-float > md-icon + input, md-input-container.md-icon-float > md-icon + textarea {
  6797. margin-left: 36px; }
  6798. md-input-container.md-icon-float > input, md-input-container.md-icon-float > textarea {
  6799. padding-top: 24px; }
  6800. md-input-container.md-icon-float.md-input-focused, md-input-container.md-icon-float.md-input-has-value {
  6801. margin-top: -8px; }
  6802. md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label {
  6803. -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  6804. transform: translate3d(0, 6px, 0) scale(0.75);
  6805. transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  6806. transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s; }
  6807. md-input-container.md-icon-right input {
  6808. margin-right: 36px; }
  6809. md-input-container.md-icon-right input + md-icon {
  6810. top: 26px;
  6811. right: 2px;
  6812. margin-right: 0; }
  6813. @media screen and (-ms-high-contrast: active) {
  6814. md-input-container.md-default-theme > md-icon {
  6815. fill: #fff; } }
  6816. md-list {
  6817. display: block;
  6818. padding: 8px 0px 8px 0px; }
  6819. md-list .md-subheader {
  6820. font-size: 14px;
  6821. font-weight: 500;
  6822. letter-spacing: 0.01em;
  6823. line-height: 1.2em; }
  6824. md-list-item.md-proxy-focus.md-focused .md-no-style {
  6825. transition: background-color 0.15s linear; }
  6826. md-list-item.md-no-proxy, md-list-item .md-no-style {
  6827. position: relative;
  6828. padding: 0px 16px;
  6829. -webkit-flex: 1 1 auto;
  6830. -ms-flex: 1 1 auto;
  6831. flex: 1 1 auto; }
  6832. md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button {
  6833. font-size: inherit;
  6834. height: inherit;
  6835. text-align: left;
  6836. text-transform: none;
  6837. width: 100%;
  6838. white-space: normal;
  6839. -webkit-flex-direction: inherit;
  6840. -ms-flex-direction: inherit;
  6841. flex-direction: inherit;
  6842. -webkit-align-items: inherit;
  6843. -ms-flex-align: inherit;
  6844. align-items: inherit; }
  6845. md-list-item.md-no-proxy:focus, md-list-item .md-no-style:focus {
  6846. outline: none; }
  6847. md-list-item.md-with-secondary {
  6848. position: relative; }
  6849. md-list-item.md-clickable:hover {
  6850. cursor: pointer; }
  6851. md-list-item md-divider {
  6852. position: absolute;
  6853. bottom: 0;
  6854. left: 0;
  6855. width: 100%; }
  6856. md-list-item md-divider[md-inset] {
  6857. left: 96px;
  6858. width: calc(100% - 96px);
  6859. margin: 0; }
  6860. md-list-item, md-list-item .md-list-item-inner {
  6861. display: -webkit-flex;
  6862. display: -ms-flexbox;
  6863. display: flex;
  6864. -webkit-justify-content: flex-start;
  6865. -ms-flex-pack: start;
  6866. justify-content: flex-start;
  6867. -webkit-align-items: center;
  6868. -ms-flex-align: center;
  6869. align-items: center;
  6870. min-height: 48px;
  6871. height: auto; }
  6872. md-list-item > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
  6873. width: 24px;
  6874. margin-top: 16px;
  6875. margin-bottom: 12px;
  6876. box-sizing: content-box; }
  6877. md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox:first-child, md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox, md-list-item .md-list-item-inner > md-checkbox:first-child, md-list-item .md-list-item-inner md-checkbox.md-secondary {
  6878. -webkit-align-self: center;
  6879. -ms-flex-item-align: center;
  6880. align-self: center; }
  6881. md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox:first-child .md-label, md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label, md-list-item .md-list-item-inner > md-checkbox:first-child .md-label, md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
  6882. display: none; }
  6883. md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  6884. margin-right: 32px; }
  6885. md-list-item > md-checkbox:first-child, md-list-item .md-list-item-inner > md-checkbox:first-child {
  6886. width: 24px;
  6887. margin-left: 3px;
  6888. margin-right: 29px; }
  6889. md-list-item > .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner > .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
  6890. margin-top: 8px;
  6891. margin-bottom: 8px;
  6892. margin-right: 16px;
  6893. border-radius: 50%;
  6894. box-sizing: content-box; }
  6895. md-list-item > .md-avatar, md-list-item .md-list-item-inner > .md-avatar {
  6896. width: 40px;
  6897. height: 40px; }
  6898. md-list-item > .md-avatar-icon, md-list-item .md-list-item-inner > .md-avatar-icon {
  6899. padding: 8px; }
  6900. md-list-item md-checkbox.md-secondary, md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
  6901. margin-right: 0;
  6902. margin-top: 0;
  6903. margin-bottom: 0; }
  6904. md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
  6905. background-color: transparent;
  6906. -webkit-align-self: center;
  6907. -ms-flex-item-align: center;
  6908. align-self: center;
  6909. border-radius: 50%;
  6910. margin: 0px;
  6911. min-width: 0px; }
  6912. md-list-item button.md-button.md-secondary-container .md-ripple, md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
  6913. border-radius: 50%; }
  6914. md-list-item .md-secondary-container, md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container, md-list-item .md-list-item-inner .md-secondary {
  6915. margin-left: 16px;
  6916. position: absolute;
  6917. right: 16px;
  6918. top: 50%;
  6919. -webkit-transform: translate3d(0, -50%, 0);
  6920. transform: translate3d(0, -50%, 0); }
  6921. md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
  6922. margin-left: 0px;
  6923. position: static; }
  6924. md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
  6925. -webkit-flex: 1;
  6926. -ms-flex: 1;
  6927. flex: 1;
  6928. margin: 0; }
  6929. md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  6930. -webkit-align-items: flex-start;
  6931. -ms-flex-align: start;
  6932. align-items: flex-start;
  6933. -webkit-justify-content: center;
  6934. -ms-flex-pack: center;
  6935. justify-content: center; }
  6936. md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
  6937. -webkit-flex: 1;
  6938. -ms-flex: 1;
  6939. flex: 1;
  6940. margin: auto;
  6941. text-overflow: ellipsis; }
  6942. md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  6943. margin-left: 56px; }
  6944. md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  6945. font-size: 16px;
  6946. font-weight: 400;
  6947. letter-spacing: 0.01em;
  6948. margin: 0 0 0px 0;
  6949. line-height: 1.2em;
  6950. overflow: hidden;
  6951. white-space: nowrap;
  6952. text-overflow: ellipsis; }
  6953. md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
  6954. font-size: 14px;
  6955. letter-spacing: 0.01em;
  6956. margin: 3px 0 1px 0;
  6957. font-weight: 400;
  6958. line-height: 1.2em;
  6959. overflow: hidden;
  6960. white-space: nowrap;
  6961. text-overflow: ellipsis; }
  6962. md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  6963. font-size: 14px;
  6964. font-weight: 500;
  6965. letter-spacing: 0.01em;
  6966. margin: 0 0 0 0;
  6967. line-height: 1.6em; }
  6968. md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
  6969. height: auto;
  6970. min-height: 72px; }
  6971. md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text {
  6972. margin: 1.6em; }
  6973. md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  6974. margin-top: 12px; }
  6975. md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  6976. -webkit-align-self: flex-start;
  6977. -ms-flex-item-align: start;
  6978. align-self: flex-start; }
  6979. md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
  6980. -webkit-flex: 1;
  6981. -ms-flex: 1;
  6982. flex: 1; }
  6983. md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  6984. height: auto;
  6985. min-height: 88px; }
  6986. md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
  6987. margin: 1.6em; }
  6988. md-list-item.md-3-line > md-icon:first-child, md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child, md-list-item.md-3-line > .md-no-style > .md-avatar {
  6989. margin-top: 16px; }
  6990. .md-open-menu-container {
  6991. position: fixed;
  6992. left: 0;
  6993. top: 0;
  6994. z-index: 99;
  6995. opacity: 0;
  6996. border-radius: 2px; }
  6997. .md-open-menu-container md-menu-divider {
  6998. margin-top: 4px;
  6999. margin-bottom: 4px;
  7000. height: 1px;
  7001. width: 100%; }
  7002. .md-open-menu-container md-menu-content > * {
  7003. opacity: 0; }
  7004. .md-open-menu-container:not(.md-clickable) {
  7005. pointer-events: none; }
  7006. .md-open-menu-container.md-active {
  7007. opacity: 1;
  7008. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  7009. transition-duration: 200ms; }
  7010. .md-open-menu-container.md-active > md-menu-content > * {
  7011. opacity: 1;
  7012. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  7013. transition-duration: 200ms;
  7014. transition-delay: 100ms; }
  7015. .md-open-menu-container.md-leave {
  7016. opacity: 0;
  7017. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  7018. transition-duration: 250ms; }
  7019. md-menu-content {
  7020. display: -webkit-flex;
  7021. display: -ms-flexbox;
  7022. display: flex;
  7023. -webkit-flex-direction: column;
  7024. -ms-flex-direction: column;
  7025. flex-direction: column;
  7026. padding: 8px 0;
  7027. max-height: 304px;
  7028. overflow-y: auto; }
  7029. md-menu-content.md-dense {
  7030. max-height: 208px; }
  7031. md-menu-content.md-dense md-menu-item {
  7032. height: 32px;
  7033. min-height: 0px; }
  7034. md-menu-item {
  7035. display: -webkit-flex;
  7036. display: -ms-flexbox;
  7037. display: flex;
  7038. -webkit-flex-direction: row;
  7039. -ms-flex-direction: row;
  7040. flex-direction: row;
  7041. min-height: 48px;
  7042. height: 48px;
  7043. -webkit-align-content: center;
  7044. -ms-flex-line-pack: center;
  7045. align-content: center;
  7046. -webkit-justify-content: flex-start;
  7047. -ms-flex-pack: start;
  7048. justify-content: flex-start; }
  7049. md-menu-item > * {
  7050. width: 100%;
  7051. margin: auto 0;
  7052. padding-left: 16px;
  7053. padding-right: 16px; }
  7054. md-menu-item > a.md-button {
  7055. display: -webkit-flex;
  7056. display: -ms-flexbox;
  7057. display: flex; }
  7058. md-menu-item > .md-button {
  7059. border-radius: 0;
  7060. margin: auto 0;
  7061. font-size: 15px;
  7062. text-transform: none;
  7063. font-weight: 400;
  7064. text-align: start;
  7065. height: 100%;
  7066. padding-left: 16px;
  7067. padding-right: 16px;
  7068. display: inline-block;
  7069. -webkit-align-items: baseline;
  7070. -ms-flex-align: baseline;
  7071. align-items: baseline;
  7072. -webkit-align-content: left;
  7073. -ms-flex-line-pack: left;
  7074. align-content: left;
  7075. width: 100%; }
  7076. md-menu-item > .md-button md-icon {
  7077. margin: auto 16px auto 0; }
  7078. md-menu-item > .md-button p {
  7079. display: inline-block;
  7080. margin: auto; }
  7081. md-menu-item > .md-button span {
  7082. margin-top: auto;
  7083. margin-bottom: auto; }
  7084. md-menu-item > .md-button .md-ripple-container {
  7085. border-radius: inherit; }
  7086. .md-menu {
  7087. padding: 8px 0; }
  7088. md-toolbar .md-menu {
  7089. height: auto;
  7090. margin: auto; }
  7091. @media (max-width: 599px) {
  7092. md-menu-content {
  7093. min-width: 112px; }
  7094. md-menu-content[width="3"] {
  7095. min-width: 168px; }
  7096. md-menu-content[width="4"] {
  7097. min-width: 224px; }
  7098. md-menu-content[width="5"] {
  7099. min-width: 280px; }
  7100. md-menu-content[width="6"] {
  7101. min-width: 336px; }
  7102. md-menu-content[width="7"] {
  7103. min-width: 392px; } }
  7104. @media (min-width: 600px) {
  7105. md-menu-content {
  7106. min-width: 96px; }
  7107. md-menu-content[width="3"] {
  7108. min-width: 192px; }
  7109. md-menu-content[width="4"] {
  7110. min-width: 256px; }
  7111. md-menu-content[width="5"] {
  7112. min-width: 320px; }
  7113. md-menu-content[width="6"] {
  7114. min-width: 384px; }
  7115. md-menu-content[width="7"] {
  7116. min-width: 448px; } }
  7117. md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  7118. line-height: 1rem;
  7119. height: auto;
  7120. padding: 28px;
  7121. padding-bottom: 12px; }
  7122. md-menu-bar {
  7123. padding: 0 20px;
  7124. display: block;
  7125. position: relative;
  7126. z-index: 2; }
  7127. md-menu-bar .md-menu {
  7128. display: inline-block;
  7129. padding: 0;
  7130. position: relative; }
  7131. md-menu-bar button {
  7132. font-size: 14px;
  7133. padding: 0 10px;
  7134. margin: 0;
  7135. border: 0;
  7136. background-color: transparent;
  7137. height: 40px; }
  7138. md-menu-bar md-backdrop.md-menu-backdrop {
  7139. z-index: -2; }
  7140. md-menu-content.md-menu-bar-menu.md-dense {
  7141. max-height: none;
  7142. padding: 16px 0; }
  7143. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  7144. position: relative; }
  7145. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  7146. position: absolute;
  7147. padding: 0;
  7148. width: 24px;
  7149. top: 6px;
  7150. left: 24px; }
  7151. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  7152. padding: 0 32px 0 64px; }
  7153. md-menu-content.md-menu-bar-menu.md-dense .md-button {
  7154. min-height: 0;
  7155. height: 32px;
  7156. display: -webkit-flex;
  7157. display: -ms-flexbox;
  7158. display: flex; }
  7159. md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  7160. -webkit-flex-grow: 1;
  7161. -ms-flex-positive: 1;
  7162. flex-grow: 1; }
  7163. md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  7164. -webkit-flex-grow: 0;
  7165. -ms-flex-positive: 0;
  7166. flex-grow: 0;
  7167. -webkit-align-self: flex-end;
  7168. -ms-flex-item-align: end;
  7169. align-self: flex-end;
  7170. margin: 0 8px; }
  7171. md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  7172. margin: 8px 0; }
  7173. md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  7174. padding: 0; }
  7175. md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  7176. position: relative;
  7177. margin: 0;
  7178. width: 100%;
  7179. text-align: left;
  7180. text-align: start;
  7181. text-transform: none;
  7182. font-weight: normal;
  7183. border-radius: 0px;
  7184. padding-left: 16px; }
  7185. md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  7186. display: block;
  7187. content: '\25BC';
  7188. position: absolute;
  7189. top: 0px;
  7190. speak: none;
  7191. -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  7192. transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  7193. right: 28px; }
  7194. md-progress-circular {
  7195. display: block;
  7196. position: relative;
  7197. width: 100px;
  7198. height: 100px;
  7199. padding-top: 0 !important;
  7200. margin-bottom: 0 !important;
  7201. -webkit-transform: scale(0.5);
  7202. transform: scale(0.5); }
  7203. md-progress-circular .md-spinner-wrapper {
  7204. display: block;
  7205. position: relative;
  7206. overflow: hidden; }
  7207. md-progress-circular .md-spinner-wrapper .md-inner {
  7208. width: 100px;
  7209. height: 100px;
  7210. position: relative; }
  7211. md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
  7212. position: absolute;
  7213. left: 49px;
  7214. right: 49px;
  7215. top: 0;
  7216. bottom: 0;
  7217. border-top-width: 10px;
  7218. border-top-style: solid;
  7219. box-sizing: border-box; }
  7220. md-progress-circular .md-spinner-wrapper .md-inner .md-left, md-progress-circular .md-spinner-wrapper .md-inner .md-right {
  7221. position: absolute;
  7222. top: 0;
  7223. height: 100px;
  7224. width: 50px;
  7225. overflow: hidden; }
  7226. md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  7227. position: absolute;
  7228. top: 0;
  7229. width: 100px;
  7230. height: 100px;
  7231. box-sizing: border-box;
  7232. border-width: 10px;
  7233. border-style: solid;
  7234. border-bottom-color: transparent;
  7235. border-radius: 50%; }
  7236. md-progress-circular .md-spinner-wrapper .md-inner .md-left {
  7237. left: 0; }
  7238. md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  7239. left: 0;
  7240. border-right-color: transparent; }
  7241. md-progress-circular .md-spinner-wrapper .md-inner .md-right {
  7242. right: 0; }
  7243. md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  7244. right: 0;
  7245. border-left-color: transparent; }
  7246. md-progress-circular .md-spinner-wrapper.md-mode-indeterminate {
  7247. -webkit-animation: outer-rotate 2.91667s linear infinite;
  7248. animation: outer-rotate 2.91667s linear infinite; }
  7249. md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner {
  7250. -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  7251. animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
  7252. md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-right .md-half-circle {
  7253. -webkit-animation-iteration-count: infinite;
  7254. animation-iteration-count: infinite;
  7255. -webkit-animation-duration: 1.3125s;
  7256. animation-duration: 1.3125s;
  7257. -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  7258. animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); }
  7259. md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-left .md-half-circle {
  7260. -webkit-animation-name: left-wobble;
  7261. animation-name: left-wobble; }
  7262. md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-right .md-half-circle {
  7263. -webkit-animation-name: right-wobble;
  7264. animation-name: right-wobble; }
  7265. md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
  7266. -webkit-animation: none;
  7267. animation: none; }
  7268. md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
  7269. -webkit-animation: none;
  7270. animation: none; }
  7271. md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  7272. -webkit-animation-name: none;
  7273. animation-name: none; }
  7274. md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  7275. -webkit-animation-name: none;
  7276. animation-name: none; }
  7277. md-progress-circular .md-spinner-wrapper.ng-hide {
  7278. -webkit-animation: none;
  7279. animation: none; }
  7280. md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
  7281. -webkit-animation: none;
  7282. animation: none; }
  7283. md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
  7284. -webkit-animation-name: none;
  7285. animation-name: none; }
  7286. md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
  7287. -webkit-animation-name: none;
  7288. animation-name: none; }
  7289. @-webkit-keyframes outer-rotate {
  7290. 100% {
  7291. -webkit-transform: rotate(360deg);
  7292. transform: rotate(360deg); } }
  7293. @keyframes outer-rotate {
  7294. 100% {
  7295. -webkit-transform: rotate(360deg);
  7296. transform: rotate(360deg); } }
  7297. @-webkit-keyframes left-wobble {
  7298. 0%, 100% {
  7299. -webkit-transform: rotate(130deg);
  7300. transform: rotate(130deg); }
  7301. 50% {
  7302. -webkit-transform: rotate(-5deg);
  7303. transform: rotate(-5deg); } }
  7304. @keyframes left-wobble {
  7305. 0%, 100% {
  7306. -webkit-transform: rotate(130deg);
  7307. transform: rotate(130deg); }
  7308. 50% {
  7309. -webkit-transform: rotate(-5deg);
  7310. transform: rotate(-5deg); } }
  7311. @-webkit-keyframes right-wobble {
  7312. 0%, 100% {
  7313. -webkit-transform: rotate(-130deg);
  7314. transform: rotate(-130deg); }
  7315. 50% {
  7316. -webkit-transform: rotate(5deg);
  7317. transform: rotate(5deg); } }
  7318. @keyframes right-wobble {
  7319. 0%, 100% {
  7320. -webkit-transform: rotate(-130deg);
  7321. transform: rotate(-130deg); }
  7322. 50% {
  7323. -webkit-transform: rotate(5deg);
  7324. transform: rotate(5deg); } }
  7325. @-webkit-keyframes sporadic-rotate {
  7326. 12.5% {
  7327. -webkit-transform: rotate(135deg);
  7328. transform: rotate(135deg); }
  7329. 25% {
  7330. -webkit-transform: rotate(270deg);
  7331. transform: rotate(270deg); }
  7332. 37.5% {
  7333. -webkit-transform: rotate(405deg);
  7334. transform: rotate(405deg); }
  7335. 50% {
  7336. -webkit-transform: rotate(540deg);
  7337. transform: rotate(540deg); }
  7338. 62.5% {
  7339. -webkit-transform: rotate(675deg);
  7340. transform: rotate(675deg); }
  7341. 75% {
  7342. -webkit-transform: rotate(810deg);
  7343. transform: rotate(810deg); }
  7344. 87.5% {
  7345. -webkit-transform: rotate(945deg);
  7346. transform: rotate(945deg); }
  7347. 100% {
  7348. -webkit-transform: rotate(1080deg);
  7349. transform: rotate(1080deg); } }
  7350. @keyframes sporadic-rotate {
  7351. 12.5% {
  7352. -webkit-transform: rotate(135deg);
  7353. transform: rotate(135deg); }
  7354. 25% {
  7355. -webkit-transform: rotate(270deg);
  7356. transform: rotate(270deg); }
  7357. 37.5% {
  7358. -webkit-transform: rotate(405deg);
  7359. transform: rotate(405deg); }
  7360. 50% {
  7361. -webkit-transform: rotate(540deg);
  7362. transform: rotate(540deg); }
  7363. 62.5% {
  7364. -webkit-transform: rotate(675deg);
  7365. transform: rotate(675deg); }
  7366. 75% {
  7367. -webkit-transform: rotate(810deg);
  7368. transform: rotate(810deg); }
  7369. 87.5% {
  7370. -webkit-transform: rotate(945deg);
  7371. transform: rotate(945deg); }
  7372. 100% {
  7373. -webkit-transform: rotate(1080deg);
  7374. transform: rotate(1080deg); } }
  7375. md-radio-button, .md-switch-thumb {
  7376. box-sizing: border-box;
  7377. display: block;
  7378. margin: 15px;
  7379. white-space: nowrap;
  7380. cursor: pointer; }
  7381. md-radio-button .md-container, .md-switch-thumb .md-container {
  7382. box-sizing: border-box;
  7383. position: relative;
  7384. top: 4px;
  7385. display: inline-block;
  7386. width: 16px;
  7387. height: 16px;
  7388. cursor: pointer; }
  7389. md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container {
  7390. position: absolute;
  7391. display: block;
  7392. width: 48px;
  7393. height: 48px;
  7394. left: -16px;
  7395. top: -16px; }
  7396. md-radio-button .md-container:before, .md-switch-thumb .md-container:before {
  7397. box-sizing: border-box;
  7398. background-color: transparent;
  7399. border-radius: 50%;
  7400. content: '';
  7401. position: absolute;
  7402. display: block;
  7403. height: auto;
  7404. left: 0;
  7405. top: 0;
  7406. right: 0;
  7407. bottom: 0;
  7408. transition: all 0.5s;
  7409. width: auto; }
  7410. md-radio-button.md-align-top-left > div.md-container, .md-switch-thumb.md-align-top-left > div.md-container {
  7411. top: -15px; }
  7412. md-radio-button .md-off, .md-switch-thumb .md-off {
  7413. box-sizing: border-box;
  7414. position: absolute;
  7415. top: 0;
  7416. left: 0;
  7417. width: 16px;
  7418. height: 16px;
  7419. border-style: solid;
  7420. border-width: 2px;
  7421. border-radius: 50%;
  7422. transition: border-color ease 0.28s; }
  7423. md-radio-button .md-on, .md-switch-thumb .md-on {
  7424. box-sizing: border-box;
  7425. position: absolute;
  7426. top: 0;
  7427. left: 0;
  7428. width: 16px;
  7429. height: 16px;
  7430. border-radius: 50%;
  7431. transition: -webkit-transform ease 0.28s;
  7432. transition: transform ease 0.28s;
  7433. -webkit-transform: scale(0);
  7434. transform: scale(0); }
  7435. md-radio-button.md-checked .md-on, .md-switch-thumb.md-checked .md-on {
  7436. -webkit-transform: scale(0.5);
  7437. transform: scale(0.5); }
  7438. md-radio-button .md-label, .md-switch-thumb .md-label {
  7439. box-sizing: border-box;
  7440. position: relative;
  7441. display: inline-block;
  7442. margin-left: 10px;
  7443. margin-right: 0;
  7444. vertical-align: middle;
  7445. white-space: normal;
  7446. pointer-events: none;
  7447. width: auto; }
  7448. html[dir=rtl] md-radio-button .md-label, html[dir=rtl] .md-switch-thumb .md-label {
  7449. margin-left: 0;
  7450. unicode-bidi: embed; }
  7451. body[dir=rtl] md-radio-button .md-label, body[dir=rtl] .md-switch-thumb .md-label {
  7452. margin-left: 0;
  7453. unicode-bidi: embed; }
  7454. md-radio-button .md-label bdo[dir=rtl], .md-switch-thumb .md-label bdo[dir=rtl] {
  7455. direction: rtl;
  7456. unicode-bidi: bidi-override; }
  7457. md-radio-button .md-label bdo[dir=ltr], .md-switch-thumb .md-label bdo[dir=ltr] {
  7458. direction: ltr;
  7459. unicode-bidi: bidi-override; }
  7460. html[dir=rtl] md-radio-button .md-label, html[dir=rtl] .md-switch-thumb .md-label {
  7461. margin-right: 10px;
  7462. unicode-bidi: embed; }
  7463. body[dir=rtl] md-radio-button .md-label, body[dir=rtl] .md-switch-thumb .md-label {
  7464. margin-right: 10px;
  7465. unicode-bidi: embed; }
  7466. md-radio-button .md-label bdo[dir=rtl], .md-switch-thumb .md-label bdo[dir=rtl] {
  7467. direction: rtl;
  7468. unicode-bidi: bidi-override; }
  7469. md-radio-button .md-label bdo[dir=ltr], .md-switch-thumb .md-label bdo[dir=ltr] {
  7470. direction: ltr;
  7471. unicode-bidi: bidi-override; }
  7472. md-radio-button .circle, .md-switch-thumb .circle {
  7473. border-radius: 50%; }
  7474. md-radio-group:focus {
  7475. outline: none; }
  7476. md-radio-group.md-focused .md-checked .md-container:before {
  7477. left: -8px;
  7478. top: -8px;
  7479. right: -8px;
  7480. bottom: -8px; }
  7481. @media screen and (-ms-high-contrast: active) {
  7482. md-radio-button.md-default-theme .md-on {
  7483. background-color: #fff; } }
  7484. md-progress-linear {
  7485. display: block;
  7486. position: relative;
  7487. width: 100%;
  7488. height: 5px;
  7489. padding-top: 0 !important;
  7490. margin-bottom: 0 !important; }
  7491. md-progress-linear .md-container {
  7492. display: block;
  7493. position: relative;
  7494. overflow: hidden;
  7495. width: 100%;
  7496. height: 5px;
  7497. -webkit-transform: translate(0, 0) scale(1, 1);
  7498. transform: translate(0, 0) scale(1, 1); }
  7499. md-progress-linear .md-container .md-bar {
  7500. position: absolute;
  7501. left: 0;
  7502. top: 0;
  7503. bottom: 0;
  7504. width: 100%;
  7505. height: 5px; }
  7506. md-progress-linear .md-container .md-dashed:before {
  7507. content: "";
  7508. display: none;
  7509. position: absolute;
  7510. margin-top: 0;
  7511. height: 5px;
  7512. width: 100%;
  7513. background-color: transparent;
  7514. background-size: 10px 10px !important;
  7515. background-position: 0px -23px; }
  7516. md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  7517. transition: -webkit-transform 0.2s linear;
  7518. transition: transform 0.2s linear; }
  7519. md-progress-linear .md-container.md-mode-query .md-bar1 {
  7520. display: none; }
  7521. md-progress-linear .md-container.md-mode-query .md-bar2 {
  7522. transition: all 0.2s linear;
  7523. -webkit-animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  7524. animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
  7525. md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  7526. display: none; }
  7527. md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
  7528. -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
  7529. animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
  7530. md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
  7531. -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
  7532. animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
  7533. md-progress-linear .md-container.ng-hide {
  7534. -webkit-animation: none;
  7535. animation: none; }
  7536. md-progress-linear .md-container.ng-hide .md-bar1 {
  7537. -webkit-animation-name: none;
  7538. animation-name: none; }
  7539. md-progress-linear .md-container.ng-hide .md-bar2 {
  7540. -webkit-animation-name: none;
  7541. animation-name: none; }
  7542. md-progress-linear .md-container.md-mode-buffer {
  7543. background-color: transparent !important;
  7544. transition: all 0.2s linear; }
  7545. md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
  7546. display: block;
  7547. -webkit-animation: buffer 3s infinite linear;
  7548. animation: buffer 3s infinite linear; }
  7549. @-webkit-keyframes query {
  7550. 0% {
  7551. opacity: 1;
  7552. -webkit-transform: translateX(35%) scale(.3, 1);
  7553. transform: translateX(35%) scale(.3, 1); }
  7554. 100% {
  7555. opacity: 0;
  7556. -webkit-transform: translateX(-50%) scale(0, 1);
  7557. transform: translateX(-50%) scale(0, 1); } }
  7558. @keyframes query {
  7559. 0% {
  7560. opacity: 1;
  7561. -webkit-transform: translateX(35%) scale(.3, 1);
  7562. transform: translateX(35%) scale(.3, 1); }
  7563. 100% {
  7564. opacity: 0;
  7565. -webkit-transform: translateX(-50%) scale(0, 1);
  7566. transform: translateX(-50%) scale(0, 1); } }
  7567. @-webkit-keyframes buffer {
  7568. 0% {
  7569. opacity: 1;
  7570. background-position: 0px -23px; }
  7571. 50% {
  7572. opacity: 0; }
  7573. 100% {
  7574. opacity: 1;
  7575. background-position: -200px -23px; } }
  7576. @keyframes buffer {
  7577. 0% {
  7578. opacity: 1;
  7579. background-position: 0px -23px; }
  7580. 50% {
  7581. opacity: 0; }
  7582. 100% {
  7583. opacity: 1;
  7584. background-position: -200px -23px; } }
  7585. @-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  7586. 0% {
  7587. -webkit-transform: scaleX(0.1);
  7588. transform: scaleX(0.1);
  7589. -webkit-animation-timing-function: linear;
  7590. animation-timing-function: linear; }
  7591. 36.6% {
  7592. -webkit-transform: scaleX(0.1);
  7593. transform: scaleX(0.1);
  7594. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  7595. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  7596. 69.15% {
  7597. -webkit-transform: scaleX(0.83);
  7598. transform: scaleX(0.83);
  7599. -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  7600. animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  7601. 100% {
  7602. -webkit-transform: scaleX(0.1);
  7603. transform: scaleX(0.1); } }
  7604. @keyframes md-progress-linear-indeterminate-scale-1 {
  7605. 0% {
  7606. -webkit-transform: scaleX(0.1);
  7607. transform: scaleX(0.1);
  7608. -webkit-animation-timing-function: linear;
  7609. animation-timing-function: linear; }
  7610. 36.6% {
  7611. -webkit-transform: scaleX(0.1);
  7612. transform: scaleX(0.1);
  7613. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  7614. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  7615. 69.15% {
  7616. -webkit-transform: scaleX(0.83);
  7617. transform: scaleX(0.83);
  7618. -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  7619. animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  7620. 100% {
  7621. -webkit-transform: scaleX(0.1);
  7622. transform: scaleX(0.1); } }
  7623. @-webkit-keyframes md-progress-linear-indeterminate-1 {
  7624. 0% {
  7625. left: -105.16667%;
  7626. -webkit-animation-timing-function: linear;
  7627. animation-timing-function: linear; }
  7628. 20% {
  7629. left: -105.16667%;
  7630. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  7631. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  7632. 69.15% {
  7633. left: 21.5%;
  7634. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  7635. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  7636. 100% {
  7637. left: 95.44444%; } }
  7638. @keyframes md-progress-linear-indeterminate-1 {
  7639. 0% {
  7640. left: -105.16667%;
  7641. -webkit-animation-timing-function: linear;
  7642. animation-timing-function: linear; }
  7643. 20% {
  7644. left: -105.16667%;
  7645. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  7646. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  7647. 69.15% {
  7648. left: 21.5%;
  7649. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  7650. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  7651. 100% {
  7652. left: 95.44444%; } }
  7653. @-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  7654. 0% {
  7655. -webkit-transform: scaleX(0.1);
  7656. transform: scaleX(0.1);
  7657. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  7658. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  7659. 19.15% {
  7660. -webkit-transform: scaleX(0.57);
  7661. transform: scaleX(0.57);
  7662. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  7663. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  7664. 44.15% {
  7665. -webkit-transform: scaleX(0.91);
  7666. transform: scaleX(0.91);
  7667. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  7668. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  7669. 100% {
  7670. -webkit-transform: scaleX(0.1);
  7671. transform: scaleX(0.1); } }
  7672. @keyframes md-progress-linear-indeterminate-scale-2 {
  7673. 0% {
  7674. -webkit-transform: scaleX(0.1);
  7675. transform: scaleX(0.1);
  7676. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  7677. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  7678. 19.15% {
  7679. -webkit-transform: scaleX(0.57);
  7680. transform: scaleX(0.57);
  7681. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  7682. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  7683. 44.15% {
  7684. -webkit-transform: scaleX(0.91);
  7685. transform: scaleX(0.91);
  7686. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  7687. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  7688. 100% {
  7689. -webkit-transform: scaleX(0.1);
  7690. transform: scaleX(0.1); } }
  7691. @-webkit-keyframes md-progress-linear-indeterminate-2 {
  7692. 0% {
  7693. left: -54.88889%;
  7694. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  7695. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  7696. 25% {
  7697. left: -17.25%;
  7698. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  7699. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  7700. 48.35% {
  7701. left: 29.5%;
  7702. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  7703. animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  7704. 100% {
  7705. left: 117.38889%; } }
  7706. @keyframes md-progress-linear-indeterminate-2 {
  7707. 0% {
  7708. left: -54.88889%;
  7709. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  7710. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  7711. 25% {
  7712. left: -17.25%;
  7713. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  7714. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  7715. 48.35% {
  7716. left: 29.5%;
  7717. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  7718. animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  7719. 100% {
  7720. left: 117.38889%; } }
  7721. .md-select-menu-container {
  7722. position: fixed;
  7723. left: 0;
  7724. top: 0;
  7725. z-index: 99;
  7726. opacity: 0; }
  7727. .md-select-menu-container:not(.md-clickable) {
  7728. pointer-events: none; }
  7729. .md-select-menu-container md-progress-circular {
  7730. display: table;
  7731. margin: 24px auto !important; }
  7732. .md-select-menu-container.md-active {
  7733. opacity: 1; }
  7734. .md-select-menu-container.md-active md-select-menu {
  7735. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  7736. transition-duration: 150ms; }
  7737. .md-select-menu-container.md-active md-select-menu > * {
  7738. opacity: 1;
  7739. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  7740. transition-duration: 150ms;
  7741. transition-delay: 100ms; }
  7742. .md-select-menu-container.md-leave {
  7743. opacity: 0;
  7744. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  7745. transition-duration: 250ms; }
  7746. md-input-container > md-select {
  7747. margin: 0;
  7748. -webkit-order: 2;
  7749. -ms-flex-order: 2;
  7750. order: 2; }
  7751. md-select {
  7752. display: -webkit-flex;
  7753. display: -ms-flexbox;
  7754. display: flex;
  7755. margin: 20px 0 26px 0; }
  7756. md-select[disabled] .md-select-value {
  7757. background-position: 0 bottom;
  7758. background-size: 4px 1px;
  7759. background-repeat: repeat-x;
  7760. margin-bottom: -1px; }
  7761. md-select:focus {
  7762. outline: none; }
  7763. md-select[disabled]:hover {
  7764. cursor: default; }
  7765. md-select:not([disabled]):hover {
  7766. cursor: pointer; }
  7767. md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
  7768. border-bottom: 2px solid;
  7769. padding-bottom: 0; }
  7770. md-select:not([disabled]):focus .md-select-value {
  7771. border-bottom-width: 2px;
  7772. border-bottom-style: solid;
  7773. padding-bottom: 0; }
  7774. .md-select-value {
  7775. display: -webkit-flex;
  7776. display: -ms-flexbox;
  7777. display: flex;
  7778. -webkit-align-items: center;
  7779. -ms-flex-align: center;
  7780. align-items: center;
  7781. padding: 2px 2px 1px;
  7782. border-bottom-width: 1px;
  7783. border-bottom-style: solid;
  7784. background-color: transparent;
  7785. position: relative;
  7786. box-sizing: content-box;
  7787. min-width: 64px;
  7788. min-height: 26px;
  7789. -webkit-flex-grow: 1;
  7790. -ms-flex-positive: 1;
  7791. flex-grow: 1; }
  7792. .md-select-value *:first-child {
  7793. -webkit-flex: 1;
  7794. -ms-flex: 1;
  7795. flex: 1;
  7796. text-overflow: ellipsis;
  7797. white-space: nowrap;
  7798. overflow: hidden;
  7799. max-width: calc(100% - 2*8px);
  7800. -webkit-transform: translate3d(0, 2px, 0);
  7801. transform: translate3d(0, 2px, 0); }
  7802. .md-select-value .md-select-icon {
  7803. display: block;
  7804. -webkit-align-items: flex-end;
  7805. -ms-flex-align: end;
  7806. align-items: flex-end;
  7807. text-align: end;
  7808. width: 24px;
  7809. margin: 0 4px;
  7810. -webkit-transform: translate3d(0, 1px, 0);
  7811. transform: translate3d(0, 1px, 0); }
  7812. .md-select-value .md-select-icon:after {
  7813. display: block;
  7814. content: '\25BC';
  7815. position: relative;
  7816. top: 2px;
  7817. speak: none;
  7818. -webkit-transform: scaleY(0.6) scaleX(1);
  7819. transform: scaleY(0.6) scaleX(1); }
  7820. .md-select-value.md-select-placeholder {
  7821. display: -webkit-flex;
  7822. display: -ms-flexbox;
  7823. display: flex;
  7824. -webkit-order: 1;
  7825. -ms-flex-order: 1;
  7826. order: 1;
  7827. pointer-events: none;
  7828. -webkit-font-smoothing: antialiased;
  7829. padding-left: 2px;
  7830. z-index: 1; }
  7831. md-select-menu {
  7832. display: -webkit-flex;
  7833. display: -ms-flexbox;
  7834. display: flex;
  7835. -webkit-flex-direction: column;
  7836. -ms-flex-direction: column;
  7837. flex-direction: column;
  7838. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  7839. max-height: 256px;
  7840. min-height: 48px;
  7841. overflow-y: hidden;
  7842. -webkit-transform-origin: left top;
  7843. transform-origin: left top;
  7844. -webkit-transform: scale(1);
  7845. transform: scale(1); }
  7846. md-select-menu.md-reverse {
  7847. -webkit-flex-direction: column-reverse;
  7848. -ms-flex-direction: column-reverse;
  7849. flex-direction: column-reverse; }
  7850. md-select-menu:not(.md-overflow) md-content {
  7851. padding-top: 8px;
  7852. padding-bottom: 8px; }
  7853. html[dir=rtl] md-select-menu {
  7854. -webkit-transform-origin: right top;
  7855. transform-origin: right top;
  7856. unicode-bidi: embed; }
  7857. body[dir=rtl] md-select-menu {
  7858. -webkit-transform-origin: right top;
  7859. transform-origin: right top;
  7860. unicode-bidi: embed; }
  7861. md-select-menu bdo[dir=rtl] {
  7862. direction: rtl;
  7863. unicode-bidi: bidi-override; }
  7864. md-select-menu bdo[dir=ltr] {
  7865. direction: ltr;
  7866. unicode-bidi: bidi-override; }
  7867. md-select-menu md-content {
  7868. min-width: 136px;
  7869. min-height: 48px;
  7870. max-height: 256px;
  7871. overflow-y: auto; }
  7872. md-select-menu > * {
  7873. opacity: 0; }
  7874. md-option {
  7875. cursor: pointer;
  7876. position: relative;
  7877. display: -webkit-flex;
  7878. display: -ms-flexbox;
  7879. display: flex;
  7880. -webkit-align-items: center;
  7881. -ms-flex-align: center;
  7882. align-items: center;
  7883. width: auto;
  7884. padding: 0 16px 0 16px;
  7885. height: 48px; }
  7886. md-option:focus {
  7887. outline: none; }
  7888. md-option .md-text {
  7889. -webkit-touch-callout: none;
  7890. -webkit-user-select: none;
  7891. -khtml-user-select: none;
  7892. -moz-user-select: none;
  7893. -ms-user-select: none;
  7894. user-select: none;
  7895. width: auto;
  7896. white-space: nowrap;
  7897. overflow: hidden;
  7898. text-overflow: ellipsis;
  7899. font-size: 16px; }
  7900. md-optgroup {
  7901. display: block; }
  7902. md-optgroup label {
  7903. display: block;
  7904. font-size: 14px;
  7905. text-transform: uppercase;
  7906. padding: 16px;
  7907. font-weight: 500; }
  7908. md-optgroup md-option {
  7909. padding-left: 32px;
  7910. padding-right: 32px; }
  7911. @media screen and (-ms-high-contrast: active) {
  7912. .md-select-backdrop {
  7913. background-color: transparent; }
  7914. md-select-menu {
  7915. border: 1px solid #fff; } }
  7916. md-sidenav {
  7917. box-sizing: border-box;
  7918. position: absolute;
  7919. -webkit-flex-direction: column;
  7920. -ms-flex-direction: column;
  7921. flex-direction: column;
  7922. z-index: 60;
  7923. width: 304px;
  7924. min-width: 304px;
  7925. max-width: 304px;
  7926. bottom: 0;
  7927. overflow: auto; }
  7928. md-sidenav ul {
  7929. list-style: none; }
  7930. md-sidenav.md-closed {
  7931. display: none; }
  7932. md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  7933. display: -webkit-flex;
  7934. display: -ms-flexbox;
  7935. display: flex;
  7936. transition: 0.2s ease-in all; }
  7937. md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  7938. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  7939. md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  7940. position: static;
  7941. display: -webkit-flex;
  7942. display: -ms-flexbox;
  7943. display: flex;
  7944. -webkit-transform: translate3d(0, 0, 0);
  7945. transform: translate3d(0, 0, 0); }
  7946. md-sidenav.md-locked-open {
  7947. width: 304px;
  7948. min-width: 304px;
  7949. max-width: 304px; }
  7950. md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
  7951. position: static;
  7952. display: -webkit-flex;
  7953. display: -ms-flexbox;
  7954. display: flex;
  7955. -webkit-transform: translate3d(0, 0, 0);
  7956. transform: translate3d(0, 0, 0); }
  7957. md-sidenav.md-locked-open-remove-active {
  7958. transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  7959. width: 0;
  7960. min-width: 0; }
  7961. md-sidenav.md-closed.md-locked-open-add {
  7962. width: 0;
  7963. min-width: 0;
  7964. -webkit-transform: translate3d(0%, 0, 0);
  7965. transform: translate3d(0%, 0, 0); }
  7966. md-sidenav.md-closed.md-locked-open-add-active {
  7967. transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  7968. width: 304px;
  7969. min-width: 304px;
  7970. -webkit-transform: translate3d(0%, 0, 0);
  7971. transform: translate3d(0%, 0, 0); }
  7972. .md-sidenav-backdrop.md-locked-open {
  7973. display: none; }
  7974. .md-sidenav-left, md-sidenav {
  7975. left: 0;
  7976. top: 0;
  7977. -webkit-transform: translate3d(0%, 0, 0);
  7978. transform: translate3d(0%, 0, 0); }
  7979. .md-sidenav-left.md-closed, md-sidenav.md-closed {
  7980. -webkit-transform: translate3d(-100%, 0, 0);
  7981. transform: translate3d(-100%, 0, 0); }
  7982. .md-sidenav-right {
  7983. left: 100%;
  7984. top: 0;
  7985. -webkit-transform: translate3d(-100%, 0, 0);
  7986. transform: translate3d(-100%, 0, 0); }
  7987. .md-sidenav-right.md-closed {
  7988. -webkit-transform: translate3d(0%, 0, 0);
  7989. transform: translate3d(0%, 0, 0); }
  7990. @media (max-width: 360px) {
  7991. md-sidenav {
  7992. width: 85%; } }
  7993. @media screen and (-ms-high-contrast: active) {
  7994. .md-sidenav-left, md-sidenav {
  7995. border-right: 1px solid #fff; }
  7996. .md-sidenav-right {
  7997. border-left: 1px solid #fff; } }
  7998. @-webkit-keyframes sliderFocusThumb {
  7999. 0% {
  8000. opacity: 0;
  8001. -webkit-transform: scale(0);
  8002. transform: scale(0); }
  8003. 50% {
  8004. -webkit-transform: scale(1);
  8005. transform: scale(1);
  8006. opacity: 1; }
  8007. 100% {
  8008. opacity: 0; } }
  8009. @keyframes sliderFocusThumb {
  8010. 0% {
  8011. opacity: 0;
  8012. -webkit-transform: scale(0);
  8013. transform: scale(0); }
  8014. 50% {
  8015. -webkit-transform: scale(1);
  8016. transform: scale(1);
  8017. opacity: 1; }
  8018. 100% {
  8019. opacity: 0; } }
  8020. md-slider {
  8021. height: 48px;
  8022. position: relative;
  8023. display: block;
  8024. margin-left: 4px;
  8025. margin-right: 4px;
  8026. padding: 0;
  8027. /**
  8028. * Track
  8029. */
  8030. /**
  8031. * Slider thumb
  8032. */
  8033. /* The sign that's focused in discrete mode */
  8034. /**
  8035. * The border/background that comes in when focused in non-discrete mode
  8036. */
  8037. /* Don't animate left/right while panning */ }
  8038. md-slider *, md-slider *:after {
  8039. box-sizing: border-box; }
  8040. md-slider .md-slider-wrapper {
  8041. position: relative; }
  8042. md-slider .md-track-container {
  8043. width: 100%;
  8044. position: absolute;
  8045. top: 23px;
  8046. height: 2px; }
  8047. md-slider .md-track {
  8048. position: absolute;
  8049. left: 0;
  8050. right: 0;
  8051. height: 100%; }
  8052. md-slider .md-track-fill {
  8053. transition: width 0.05s linear; }
  8054. md-slider .md-track-ticks {
  8055. position: absolute;
  8056. left: 0;
  8057. right: 0;
  8058. height: 100%; }
  8059. md-slider .md-track-ticks canvas {
  8060. width: 100%; }
  8061. md-slider .md-thumb-container {
  8062. position: absolute;
  8063. left: 0;
  8064. top: 50%;
  8065. -webkit-transform: translate3d(-50%, -50%, 0);
  8066. transform: translate3d(-50%, -50%, 0);
  8067. transition: left 0.1s linear; }
  8068. md-slider .md-thumb {
  8069. z-index: 1;
  8070. position: absolute;
  8071. left: -19px;
  8072. top: 5px;
  8073. width: 38px;
  8074. height: 38px;
  8075. border-radius: 38px;
  8076. -webkit-transform: scale(0.5);
  8077. transform: scale(0.5);
  8078. transition: all 0.1s linear; }
  8079. md-slider .md-thumb:after {
  8080. content: '';
  8081. position: absolute;
  8082. left: 3px;
  8083. top: 3px;
  8084. width: 32px;
  8085. height: 32px;
  8086. border-radius: 32px;
  8087. border-width: 3px;
  8088. border-style: solid; }
  8089. md-slider .md-sign {
  8090. /* Center the children (slider-thumb-text) */
  8091. display: -webkit-flex;
  8092. display: -ms-flexbox;
  8093. display: flex;
  8094. -webkit-align-items: center;
  8095. -ms-flex-align: center;
  8096. align-items: center;
  8097. -webkit-justify-content: center;
  8098. -ms-flex-pack: center;
  8099. justify-content: center;
  8100. position: absolute;
  8101. left: -14px;
  8102. top: -20px;
  8103. width: 28px;
  8104. height: 28px;
  8105. border-radius: 28px;
  8106. -webkit-transform: scale(0.4) translate3d(0, 70px, 0);
  8107. transform: scale(0.4) translate3d(0, 70px, 0);
  8108. transition: all 0.2s ease-in-out;
  8109. /* The arrow pointing down under the sign */ }
  8110. md-slider .md-sign:after {
  8111. position: absolute;
  8112. content: '';
  8113. left: 0px;
  8114. border-radius: 16px;
  8115. top: 19px;
  8116. border-left: 14px solid transparent;
  8117. border-right: 14px solid transparent;
  8118. border-top-width: 16px;
  8119. border-top-style: solid;
  8120. opacity: 0;
  8121. -webkit-transform: translate3d(0, -8px, 0);
  8122. transform: translate3d(0, -8px, 0);
  8123. transition: all 0.2s ease-in-out; }
  8124. md-slider .md-sign .md-thumb-text {
  8125. z-index: 1;
  8126. font-size: 12px;
  8127. font-weight: bold; }
  8128. md-slider .md-focus-thumb {
  8129. position: absolute;
  8130. left: -24px;
  8131. top: 0px;
  8132. width: 48px;
  8133. height: 48px;
  8134. border-radius: 48px;
  8135. display: none;
  8136. opacity: 0;
  8137. background-color: #C0C0C0;
  8138. -webkit-animation: sliderFocusThumb 0.4s linear;
  8139. animation: sliderFocusThumb 0.4s linear; }
  8140. md-slider .md-focus-ring {
  8141. position: absolute;
  8142. left: -24px;
  8143. top: 0px;
  8144. width: 48px;
  8145. height: 48px;
  8146. border-radius: 48px;
  8147. -webkit-transform: scale(0);
  8148. transform: scale(0);
  8149. transition: all 0.2s linear;
  8150. opacity: 0.26; }
  8151. md-slider .md-disabled-thumb {
  8152. position: absolute;
  8153. left: -22px;
  8154. top: 2px;
  8155. width: 44px;
  8156. height: 44px;
  8157. border-radius: 44px;
  8158. -webkit-transform: scale(0.35);
  8159. transform: scale(0.35);
  8160. border-width: 6px;
  8161. border-style: solid;
  8162. display: none; }
  8163. md-slider.md-min .md-thumb:after {
  8164. background-color: white; }
  8165. md-slider.md-min .md-sign {
  8166. opacity: 0; }
  8167. md-slider:focus {
  8168. outline: none; }
  8169. md-slider.md-dragging .md-thumb-container, md-slider.md-dragging .md-track-fill {
  8170. transition: none; }
  8171. md-slider:not([md-discrete]) {
  8172. /* Hide the sign and ticks in non-discrete mode */ }
  8173. md-slider:not([md-discrete]) .md-track-ticks, md-slider:not([md-discrete]) .md-sign {
  8174. display: none; }
  8175. md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
  8176. -webkit-transform: scale(0.6);
  8177. transform: scale(0.6); }
  8178. md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb {
  8179. display: block; }
  8180. md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring {
  8181. -webkit-transform: scale(1);
  8182. transform: scale(1); }
  8183. md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb {
  8184. -webkit-transform: scale(0.85);
  8185. transform: scale(0.85); }
  8186. md-slider[md-discrete] {
  8187. /* Hide the focus thumb in discrete mode */ }
  8188. md-slider[md-discrete] .md-focus-thumb, md-slider[md-discrete] .md-focus-ring {
  8189. display: none; }
  8190. md-slider[md-discrete]:not([disabled]):focus .md-sign, md-slider[md-discrete]:not([disabled]):focus .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign, md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
  8191. opacity: 1;
  8192. -webkit-transform: translate3d(0, 0, 0) scale(1);
  8193. transform: translate3d(0, 0, 0) scale(1); }
  8194. md-slider[disabled] .md-track-fill {
  8195. display: none; }
  8196. md-slider[disabled] .md-sign {
  8197. display: none; }
  8198. md-slider[disabled] .md-thumb {
  8199. -webkit-transform: scale(0.35);
  8200. transform: scale(0.35); }
  8201. md-slider[disabled] .md-disabled-thumb {
  8202. display: block; }
  8203. @media screen and (-ms-high-contrast: active) {
  8204. md-slider.md-default-theme .md-track {
  8205. border-bottom: 1px solid #fff; } }
  8206. .md-sticky-clone {
  8207. z-index: 2;
  8208. top: 0;
  8209. left: 0;
  8210. right: 0;
  8211. position: absolute !important;
  8212. -webkit-transform: translate3d(-9999px, -9999px, 0);
  8213. transform: translate3d(-9999px, -9999px, 0); }
  8214. .md-sticky-clone[sticky-state="active"] {
  8215. -webkit-transform: translate3d(0, 0, 0);
  8216. transform: translate3d(0, 0, 0); }
  8217. .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
  8218. -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
  8219. animation: subheaderStickyHoverIn 0.3s ease-out both; }
  8220. @-webkit-keyframes subheaderStickyHoverIn {
  8221. 0% {
  8222. box-shadow: 0 0 0 0 transparent; }
  8223. 100% {
  8224. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
  8225. @keyframes subheaderStickyHoverIn {
  8226. 0% {
  8227. box-shadow: 0 0 0 0 transparent; }
  8228. 100% {
  8229. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
  8230. @-webkit-keyframes subheaderStickyHoverOut {
  8231. 0% {
  8232. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  8233. 100% {
  8234. box-shadow: 0 0 0 0 transparent; } }
  8235. @keyframes subheaderStickyHoverOut {
  8236. 0% {
  8237. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  8238. 100% {
  8239. box-shadow: 0 0 0 0 transparent; } }
  8240. .md-subheader-wrapper:not(.md-sticky-no-effect) {
  8241. transition: 0.2s ease-out margin; }
  8242. .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  8243. margin: 0; }
  8244. .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  8245. z-index: 2; }
  8246. .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
  8247. margin-top: -2px; }
  8248. .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
  8249. -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
  8250. animation: subheaderStickyHoverOut 0.3s ease-out both; }
  8251. .md-subheader {
  8252. display: block;
  8253. font-size: 14px;
  8254. font-weight: 500;
  8255. line-height: 1em;
  8256. margin: 0 0 0 0;
  8257. margin-right: 16px;
  8258. position: relative; }
  8259. .md-subheader .md-subheader-inner {
  8260. display: block;
  8261. padding: 16px 0px 16px 16px; }
  8262. .md-subheader .md-subheader-content {
  8263. display: block;
  8264. z-index: 1;
  8265. position: relative; }
  8266. md-switch {
  8267. display: -webkit-flex;
  8268. display: -ms-flexbox;
  8269. display: flex;
  8270. -webkit-align-items: center;
  8271. -ms-flex-align: center;
  8272. align-items: center;
  8273. margin: 15px;
  8274. white-space: nowrap;
  8275. cursor: pointer;
  8276. outline: none;
  8277. -webkit-user-select: none;
  8278. -moz-user-select: none;
  8279. -ms-user-select: none;
  8280. user-select: none; }
  8281. md-switch .md-container {
  8282. cursor: -webkit-grab;
  8283. cursor: grab;
  8284. width: 36px;
  8285. height: 24px;
  8286. position: relative;
  8287. -webkit-user-select: none;
  8288. -moz-user-select: none;
  8289. -ms-user-select: none;
  8290. user-select: none;
  8291. margin-right: 8px; }
  8292. md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  8293. cursor: -webkit-grabbing;
  8294. cursor: grabbing; }
  8295. md-switch.md-focused:not([disabled]) .md-thumb:before {
  8296. left: -8px;
  8297. top: -8px;
  8298. right: -8px;
  8299. bottom: -8px; }
  8300. md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
  8301. background-color: rgba(0, 0, 0, 0.12); }
  8302. md-switch .md-label {
  8303. border-color: transparent;
  8304. border-width: 0; }
  8305. md-switch .md-bar {
  8306. left: 1px;
  8307. width: 34px;
  8308. top: 5px;
  8309. height: 14px;
  8310. border-radius: 8px;
  8311. position: absolute; }
  8312. md-switch .md-thumb-container {
  8313. top: 2px;
  8314. left: 0;
  8315. width: 16px;
  8316. position: absolute;
  8317. -webkit-transform: translate3d(0, 0, 0);
  8318. transform: translate3d(0, 0, 0);
  8319. z-index: 1; }
  8320. md-switch.md-checked .md-thumb-container {
  8321. -webkit-transform: translate3d(100%, 0, 0);
  8322. transform: translate3d(100%, 0, 0); }
  8323. md-switch .md-thumb {
  8324. position: absolute;
  8325. margin: 0;
  8326. left: 0;
  8327. top: 0;
  8328. outline: none;
  8329. height: 20px;
  8330. width: 20px;
  8331. border-radius: 50%;
  8332. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  8333. md-switch .md-thumb:before {
  8334. background-color: transparent;
  8335. border-radius: 50%;
  8336. content: '';
  8337. position: absolute;
  8338. display: block;
  8339. height: auto;
  8340. left: 0;
  8341. top: 0;
  8342. right: 0;
  8343. bottom: 0;
  8344. transition: all 0.5s;
  8345. width: auto; }
  8346. md-switch .md-thumb .md-ripple-container {
  8347. position: absolute;
  8348. display: block;
  8349. width: auto;
  8350. height: auto;
  8351. left: -20px;
  8352. top: -20px;
  8353. right: -20px;
  8354. bottom: -20px; }
  8355. md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb-container, md-switch:not(.md-dragging) .md-thumb {
  8356. transition: all 0.08s linear;
  8357. transition-property: -webkit-transform, background-color;
  8358. transition-property: transform, background-color; }
  8359. md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb {
  8360. transition-delay: 0.05s; }
  8361. @media screen and (-ms-high-contrast: active) {
  8362. md-switch.md-default-theme .md-bar {
  8363. background-color: #666; }
  8364. md-switch.md-default-theme.md-checked .md-bar {
  8365. background-color: #9E9E9E; }
  8366. md-switch.md-default-theme .md-thumb {
  8367. background-color: #fff; } }
  8368. md-toast {
  8369. display: -webkit-flex;
  8370. display: -ms-flexbox;
  8371. display: flex;
  8372. position: absolute;
  8373. z-index: 90;
  8374. box-sizing: border-box;
  8375. -webkit-align-items: center;
  8376. -ms-flex-align: center;
  8377. align-items: center;
  8378. min-height: 48px;
  8379. padding-left: 24px;
  8380. padding-right: 24px;
  8381. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  8382. border-radius: 2px;
  8383. font-size: 14px;
  8384. cursor: default;
  8385. height: 0px;
  8386. max-height: 168px;
  8387. max-width: 100%;
  8388. overflow: hidden;
  8389. opacity: 1;
  8390. -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
  8391. transform: translate3d(0, 0, 0) rotateZ(0deg);
  8392. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  8393. /* Transition differently when swiping */ }
  8394. md-toast.md-capsule {
  8395. border-radius: 24px; }
  8396. md-toast.ng-leave-active {
  8397. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  8398. md-toast.md-swipeleft, md-toast.md-swiperight, md-toast.md-swipeup, md-toast.md-swipedown {
  8399. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  8400. md-toast.ng-enter {
  8401. -webkit-transform: translate3d(0, 100%, 0);
  8402. transform: translate3d(0, 100%, 0);
  8403. opacity: 0; }
  8404. md-toast.ng-enter.md-top {
  8405. -webkit-transform: translate3d(0, -100%, 0);
  8406. transform: translate3d(0, -100%, 0); }
  8407. md-toast.ng-enter.ng-enter-active {
  8408. -webkit-transform: translate3d(0, 0, 0);
  8409. transform: translate3d(0, 0, 0);
  8410. opacity: 1; }
  8411. md-toast.ng-leave.ng-leave-active {
  8412. opacity: 0;
  8413. -webkit-transform: translate3d(0, 100%, 0);
  8414. transform: translate3d(0, 100%, 0); }
  8415. md-toast.ng-leave.ng-leave-active.md-top {
  8416. -webkit-transform: translate3d(0, -100%, 0);
  8417. transform: translate3d(0, -100%, 0); }
  8418. md-toast.ng-leave.ng-leave-active.md-swipeleft {
  8419. -webkit-transform: translate3d(-100%, 0%, 0);
  8420. transform: translate3d(-100%, 0%, 0); }
  8421. md-toast.ng-leave.ng-leave-active.md-swiperight {
  8422. -webkit-transform: translate3d(100%, 0%, 0);
  8423. transform: translate3d(100%, 0%, 0); }
  8424. md-toast .md-action {
  8425. line-height: 19px;
  8426. margin-left: 24px;
  8427. cursor: pointer;
  8428. text-transform: uppercase;
  8429. float: right; }
  8430. md-toast .md-action.md-button {
  8431. min-width: 0; }
  8432. @media (max-width: 600px) {
  8433. md-toast {
  8434. left: 0;
  8435. right: 0;
  8436. width: 100%;
  8437. max-width: 100%;
  8438. min-width: 0;
  8439. border-radius: 0;
  8440. bottom: 0; }
  8441. md-toast.md-top {
  8442. bottom: auto;
  8443. top: 0; } }
  8444. @media (min-width: 600px) {
  8445. md-toast {
  8446. min-width: 288px;
  8447. /*
  8448. * When the toast doesn't take up the whole screen,
  8449. * make it rotate when the user swipes it away
  8450. */ }
  8451. md-toast.md-bottom {
  8452. bottom: 8px; }
  8453. md-toast.md-left {
  8454. left: 8px; }
  8455. md-toast.md-right {
  8456. right: 8px; }
  8457. md-toast.md-top {
  8458. top: 8px; }
  8459. md-toast.ng-leave.ng-leave-active.md-swipeleft {
  8460. -webkit-transform: translate3d(-100%, 25%, 0) rotateZ(-15deg);
  8461. transform: translate3d(-100%, 25%, 0) rotateZ(-15deg); }
  8462. md-toast.ng-leave.ng-leave-active.md-swiperight {
  8463. -webkit-transform: translate3d(100%, 25%, 0) rotateZ(15deg);
  8464. transform: translate3d(100%, 25%, 0) rotateZ(15deg); }
  8465. md-toast.ng-leave.ng-leave-active.md-top.md-swipeleft {
  8466. -webkit-transform: translate3d(-100%, 0, 0) rotateZ(-15deg);
  8467. transform: translate3d(-100%, 0, 0) rotateZ(-15deg); }
  8468. md-toast.ng-leave.ng-leave-active.md-top.md-swiperight {
  8469. -webkit-transform: translate3d(100%, 0, 0) rotateZ(15deg);
  8470. transform: translate3d(100%, 0, 0) rotateZ(15deg); } }
  8471. @media (min-width: 1200px) {
  8472. md-toast {
  8473. max-width: 568px; } }
  8474. @media screen and (-ms-high-contrast: active) {
  8475. md-toast {
  8476. border: 1px solid #fff; } }
  8477. @-webkit-keyframes md-tab-content-hide {
  8478. 0% {
  8479. opacity: 1; }
  8480. 50% {
  8481. opacity: 1; }
  8482. 100% {
  8483. opacity: 0; } }
  8484. @keyframes md-tab-content-hide {
  8485. 0% {
  8486. opacity: 1; }
  8487. 50% {
  8488. opacity: 1; }
  8489. 100% {
  8490. opacity: 0; } }
  8491. md-tab-data {
  8492. position: absolute;
  8493. top: 0;
  8494. left: 0;
  8495. right: 0;
  8496. bottom: 0;
  8497. z-index: -1;
  8498. opacity: 0; }
  8499. md-tabs {
  8500. display: block;
  8501. margin: 0;
  8502. border-radius: 2px;
  8503. overflow: hidden;
  8504. position: relative;
  8505. -webkit-flex-shrink: 0;
  8506. -ms-flex-negative: 0;
  8507. flex-shrink: 0; }
  8508. md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  8509. min-height: 248px; }
  8510. md-tabs[md-align-tabs="bottom"] {
  8511. padding-bottom: 48px; }
  8512. md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
  8513. position: absolute;
  8514. bottom: 0;
  8515. left: 0;
  8516. right: 0;
  8517. height: 48px;
  8518. z-index: 2; }
  8519. md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
  8520. top: 0;
  8521. bottom: 48px; }
  8522. md-tabs.md-dynamic-height md-tabs-content-wrapper {
  8523. min-height: 0;
  8524. position: relative;
  8525. top: auto;
  8526. left: auto;
  8527. right: auto;
  8528. bottom: auto;
  8529. overflow: visible; }
  8530. md-tabs.md-dynamic-height md-tab-content.md-active {
  8531. position: relative; }
  8532. md-tabs[md-border-bottom] md-tabs-wrapper {
  8533. border-width: 0 0 1px;
  8534. border-style: solid; }
  8535. md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  8536. top: 49px; }
  8537. md-tabs-wrapper {
  8538. display: block;
  8539. position: relative; }
  8540. md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  8541. height: 100%;
  8542. width: 32px;
  8543. position: absolute;
  8544. top: 50%;
  8545. -webkit-transform: translateY(-50%);
  8546. transform: translateY(-50%);
  8547. line-height: 1em;
  8548. z-index: 2;
  8549. cursor: pointer;
  8550. font-size: 16px;
  8551. background: transparent no-repeat center center;
  8552. transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  8553. md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  8554. outline: none; }
  8555. md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  8556. opacity: 0.25;
  8557. cursor: default; }
  8558. md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  8559. transition: none; }
  8560. md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  8561. position: absolute;
  8562. top: 50%;
  8563. left: 50%;
  8564. -webkit-transform: translate3d(-50%, -50%, 0);
  8565. transform: translate3d(-50%, -50%, 0); }
  8566. md-tabs-wrapper md-prev-button {
  8567. left: 0;
  8568. background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=='); }
  8569. md-tabs-wrapper md-next-button {
  8570. right: 0;
  8571. background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K'); }
  8572. md-tabs-wrapper md-next-button md-icon {
  8573. -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  8574. transform: translate3d(-50%, -50%, 0) rotate(180deg); }
  8575. md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  8576. width: 100%;
  8577. display: -webkit-flex;
  8578. display: -ms-flexbox;
  8579. display: flex;
  8580. -webkit-flex-direction: row;
  8581. -ms-flex-direction: row;
  8582. flex-direction: row; }
  8583. md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  8584. -webkit-flex-grow: 1;
  8585. -ms-flex-positive: 1;
  8586. flex-grow: 1; }
  8587. md-tabs-canvas {
  8588. position: relative;
  8589. overflow: hidden;
  8590. display: block;
  8591. height: 48px; }
  8592. md-tabs-canvas:after {
  8593. content: '';
  8594. display: table;
  8595. clear: both; }
  8596. md-tabs-canvas .md-dummy-wrapper {
  8597. position: absolute;
  8598. top: 0;
  8599. left: 0; }
  8600. md-tabs-canvas.md-paginated {
  8601. margin: 0 32px; }
  8602. md-tabs-canvas.md-center-tabs {
  8603. display: -webkit-flex;
  8604. display: -ms-flexbox;
  8605. display: flex;
  8606. -webkit-flex-direction: column;
  8607. -ms-flex-direction: column;
  8608. flex-direction: column;
  8609. text-align: center; }
  8610. md-tabs-canvas.md-center-tabs .md-tab {
  8611. float: none;
  8612. display: inline-block; }
  8613. md-pagination-wrapper {
  8614. height: 48px;
  8615. display: block;
  8616. transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  8617. transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  8618. position: absolute;
  8619. width: 999999px;
  8620. left: 0;
  8621. -webkit-transform: translate3d(0, 0, 0);
  8622. transform: translate3d(0, 0, 0); }
  8623. md-pagination-wrapper:after {
  8624. content: '';
  8625. display: table;
  8626. clear: both; }
  8627. md-pagination-wrapper.md-center-tabs {
  8628. position: relative;
  8629. width: initial;
  8630. margin: 0 auto; }
  8631. md-tabs-content-wrapper {
  8632. display: block;
  8633. position: absolute;
  8634. top: 48px;
  8635. left: 0;
  8636. right: 0;
  8637. bottom: 0;
  8638. overflow: hidden; }
  8639. md-tab-content {
  8640. display: block;
  8641. position: absolute;
  8642. top: 0;
  8643. left: 0;
  8644. right: 0;
  8645. bottom: 0;
  8646. -webkit-transform: translateX(0);
  8647. transform: translateX(0);
  8648. transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  8649. transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  8650. overflow: auto; }
  8651. md-tab-content.md-no-scroll {
  8652. bottom: auto;
  8653. overflow: hidden; }
  8654. md-tab-content.ng-leave, md-tab-content.md-no-transition {
  8655. transition: none; }
  8656. md-tab-content.md-left {
  8657. -webkit-transform: translateX(-100%);
  8658. transform: translateX(-100%);
  8659. -webkit-animation: 1s md-tab-content-hide;
  8660. animation: 1s md-tab-content-hide;
  8661. opacity: 0; }
  8662. md-tab-content.md-left * {
  8663. transition: visibility 0s linear;
  8664. transition-delay: 0.5s;
  8665. visibility: hidden; }
  8666. md-tab-content.md-right {
  8667. -webkit-transform: translateX(100%);
  8668. transform: translateX(100%);
  8669. -webkit-animation: 1s md-tab-content-hide;
  8670. animation: 1s md-tab-content-hide;
  8671. opacity: 0; }
  8672. md-tab-content.md-right * {
  8673. transition: visibility 0s linear;
  8674. transition-delay: 0.5s;
  8675. visibility: hidden; }
  8676. md-tab-content > div.ng-leave {
  8677. -webkit-animation: 1s md-tab-content-hide;
  8678. animation: 1s md-tab-content-hide; }
  8679. md-ink-bar {
  8680. position: absolute;
  8681. left: auto;
  8682. right: auto;
  8683. bottom: 0;
  8684. height: 2px; }
  8685. md-ink-bar.md-left {
  8686. transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  8687. md-ink-bar.md-right {
  8688. transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
  8689. md-tab {
  8690. position: absolute;
  8691. z-index: -1;
  8692. left: -9999px; }
  8693. .md-tab {
  8694. font-size: 14px;
  8695. text-align: center;
  8696. line-height: 24px;
  8697. padding: 12px 24px;
  8698. transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  8699. cursor: pointer;
  8700. white-space: nowrap;
  8701. position: relative;
  8702. text-transform: uppercase;
  8703. float: left;
  8704. font-weight: 500;
  8705. box-sizing: border-box;
  8706. overflow: hidden;
  8707. text-overflow: ellipsis; }
  8708. .md-tab.md-focused {
  8709. box-shadow: none;
  8710. outline: none; }
  8711. .md-tab.md-active {
  8712. cursor: default; }
  8713. .md-tab.md-disabled {
  8714. pointer-events: none;
  8715. -ms-touch-action: pan-y;
  8716. touch-action: pan-y;
  8717. -webkit-user-select: none;
  8718. -moz-user-select: none;
  8719. -ms-user-select: none;
  8720. user-select: none;
  8721. -webkit-user-drag: none;
  8722. opacity: 0.5;
  8723. cursor: default; }
  8724. .md-tab.ng-leave {
  8725. transition: none; }
  8726. md-toolbar + md-tabs {
  8727. border-top-left-radius: 0;
  8728. border-top-right-radius: 0; }
  8729. md-toolbar {
  8730. box-sizing: border-box;
  8731. display: -webkit-flex;
  8732. display: -ms-flexbox;
  8733. display: flex;
  8734. -webkit-flex-direction: column;
  8735. -ms-flex-direction: column;
  8736. flex-direction: column;
  8737. position: relative;
  8738. z-index: 2;
  8739. font-size: 20px;
  8740. min-height: 64px;
  8741. width: 100%; }
  8742. md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  8743. transition: box-shadow 0.5s linear; }
  8744. md-toolbar md-toolbar-filler {
  8745. width: 72px; }
  8746. md-toolbar *, md-toolbar *:before, md-toolbar *:after {
  8747. box-sizing: border-box; }
  8748. md-toolbar.md-tall {
  8749. height: 128px;
  8750. min-height: 128px;
  8751. max-height: 128px; }
  8752. md-toolbar.md-medium-tall {
  8753. height: 88px;
  8754. min-height: 88px;
  8755. max-height: 88px; }
  8756. md-toolbar.md-medium-tall .md-toolbar-tools {
  8757. height: 48px;
  8758. min-height: 48px;
  8759. max-height: 48px; }
  8760. md-toolbar > .md-indent {
  8761. margin-left: 64px; }
  8762. md-toolbar ~ md-content > md-list {
  8763. padding: 0; }
  8764. md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  8765. display: none; }
  8766. .md-toolbar-tools {
  8767. font-size: 20px;
  8768. letter-spacing: 0.005em;
  8769. box-sizing: border-box;
  8770. font-weight: 400;
  8771. display: -webkit-flex;
  8772. display: -ms-flexbox;
  8773. display: flex;
  8774. -webkit-align-items: center;
  8775. -ms-flex-align: center;
  8776. align-items: center;
  8777. -webkit-flex-direction: row;
  8778. -ms-flex-direction: row;
  8779. flex-direction: row;
  8780. width: 100%;
  8781. height: 64px;
  8782. max-height: 64px;
  8783. padding: 0 16px;
  8784. margin: 0; }
  8785. .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  8786. font-size: inherit;
  8787. font-weight: inherit;
  8788. margin: inherit; }
  8789. .md-toolbar-tools a {
  8790. color: inherit;
  8791. text-decoration: none; }
  8792. .md-toolbar-tools .fill-height {
  8793. display: -webkit-flex;
  8794. display: -ms-flexbox;
  8795. display: flex;
  8796. -webkit-align-items: center;
  8797. -ms-flex-align: center;
  8798. align-items: center; }
  8799. .md-toolbar-tools .md-button {
  8800. margin-top: 0;
  8801. margin-bottom: 0; }
  8802. .md-toolbar-tools > .md-button:first-child {
  8803. margin-left: -8px; }
  8804. .md-toolbar-tools > .md-button:last-child {
  8805. margin-right: -8px; }
  8806. .md-toolbar-tools > md-menu:last-child {
  8807. margin-right: -8px; }
  8808. .md-toolbar-tools > md-menu:last-child > .md-button {
  8809. margin-right: 0; }
  8810. @media screen and (-ms-high-contrast: active) {
  8811. .md-toolbar-tools {
  8812. border-bottom: 1px solid #fff; } }
  8813. @media only screen and (min-width: 0) and (max-width: 600px) and (orientation: portrait) {
  8814. md-toolbar {
  8815. min-height: 56px; }
  8816. .md-toolbar-tools {
  8817. height: 56px;
  8818. max-height: 56px; } }
  8819. @media only screen and (min-width: 0) and (max-width: 600px) and (orientation: landscape) {
  8820. md-toolbar {
  8821. min-height: 48px; }
  8822. .md-toolbar-tools {
  8823. height: 48px;
  8824. max-height: 48px; } }
  8825. md-tooltip {
  8826. position: absolute;
  8827. z-index: 100;
  8828. overflow: hidden;
  8829. pointer-events: none;
  8830. border-radius: 4px;
  8831. font-weight: 500;
  8832. font-size: 14px; }
  8833. @media screen and (min-width: 600px) {
  8834. md-tooltip {
  8835. font-size: 10px; } }
  8836. md-tooltip .md-background {
  8837. position: absolute;
  8838. border-radius: 50%;
  8839. -webkit-transform: translate(-50%, -50%) scale(0);
  8840. transform: translate(-50%, -50%) scale(0);
  8841. opacity: 1; }
  8842. md-tooltip .md-background.md-show-add {
  8843. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  8844. -webkit-transform: translate(-50%, -50%) scale(0);
  8845. transform: translate(-50%, -50%) scale(0);
  8846. opacity: 0; }
  8847. md-tooltip .md-background.md-show, md-tooltip .md-background.md-show-add-active {
  8848. -webkit-transform: translate(-50%, -50%) scale(1);
  8849. transform: translate(-50%, -50%) scale(1);
  8850. opacity: 1; }
  8851. md-tooltip .md-background.md-show-remove {
  8852. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  8853. md-tooltip .md-background.md-show-remove.md-show-remove-active {
  8854. -webkit-transform: translate(-50%, -50%) scale(0);
  8855. transform: translate(-50%, -50%) scale(0);
  8856. opacity: 0; }
  8857. md-tooltip .md-content {
  8858. position: relative;
  8859. white-space: nowrap;
  8860. overflow: hidden;
  8861. text-overflow: ellipsis;
  8862. background: transparent;
  8863. opacity: 0;
  8864. height: 32px;
  8865. line-height: 32px;
  8866. padding-left: 16px;
  8867. padding-right: 16px; }
  8868. @media screen and (min-width: 600px) {
  8869. md-tooltip .md-content {
  8870. height: 22px;
  8871. line-height: 22px;
  8872. padding-left: 8px;
  8873. padding-right: 8px; } }
  8874. md-tooltip .md-content.md-show-add {
  8875. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  8876. opacity: 0; }
  8877. md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
  8878. opacity: 1; }
  8879. md-tooltip .md-content.md-show-remove {
  8880. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  8881. md-tooltip .md-content.md-show-remove.md-show-remove-active {
  8882. opacity: 0; }
  8883. md-tooltip.md-hide {
  8884. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  8885. md-tooltip.md-show {
  8886. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  8887. pointer-events: auto;
  8888. -webkit-transform: translate3d(0, 0, 0);
  8889. transform: translate3d(0, 0, 0); }
  8890. .md-virtual-repeat-container {
  8891. box-sizing: border-box;
  8892. display: block;
  8893. margin: 0;
  8894. overflow: hidden;
  8895. padding: 0;
  8896. position: relative; }
  8897. .md-virtual-repeat-container .md-virtual-repeat-scroller {
  8898. bottom: 0;
  8899. box-sizing: border-box;
  8900. left: 0;
  8901. margin: 0;
  8902. overflow-x: hidden;
  8903. padding: 0;
  8904. position: absolute;
  8905. right: 0;
  8906. top: 0; }
  8907. .md-virtual-repeat-container .md-virtual-repeat-sizer {
  8908. box-sizing: border-box;
  8909. height: 1px;
  8910. display: block;
  8911. margin: 0;
  8912. padding: 0;
  8913. width: 1px; }
  8914. .md-virtual-repeat-container .md-virtual-repeat-offsetter {
  8915. box-sizing: border-box;
  8916. left: 0;
  8917. margin: 0;
  8918. padding: 0;
  8919. position: absolute;
  8920. right: 0;
  8921. top: 0; }
  8922. .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  8923. overflow-x: auto;
  8924. overflow-y: hidden; }
  8925. .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  8926. bottom: 16px;
  8927. right: auto;
  8928. white-space: nowrap; }
  8929. .md-whiteframe-1dp, .md-whiteframe-z1 {
  8930. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  8931. .md-whiteframe-2dp {
  8932. box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
  8933. .md-whiteframe-3dp {
  8934. box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }
  8935. .md-whiteframe-4dp, .md-whiteframe-z2 {
  8936. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  8937. .md-whiteframe-5dp {
  8938. box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
  8939. .md-whiteframe-6dp {
  8940. box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  8941. .md-whiteframe-7dp, .md-whiteframe-z3 {
  8942. box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
  8943. .md-whiteframe-8dp {
  8944. box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
  8945. .md-whiteframe-9dp {
  8946. box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
  8947. .md-whiteframe-10dp, .md-whiteframe-z4 {
  8948. box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
  8949. .md-whiteframe-11dp {
  8950. box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
  8951. .md-whiteframe-12dp {
  8952. box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
  8953. .md-whiteframe-13dp, .md-whiteframe-z5 {
  8954. box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
  8955. .md-whiteframe-14dp {
  8956. box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
  8957. .md-whiteframe-15dp {
  8958. box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
  8959. .md-whiteframe-16dp {
  8960. box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
  8961. .md-whiteframe-17dp {
  8962. box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
  8963. .md-whiteframe-18dp {
  8964. box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
  8965. .md-whiteframe-19dp {
  8966. box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
  8967. .md-whiteframe-20dp {
  8968. box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
  8969. .md-whiteframe-21dp {
  8970. box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
  8971. .md-whiteframe-22dp {
  8972. box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
  8973. .md-whiteframe-23dp {
  8974. box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
  8975. .md-whiteframe-24dp {
  8976. box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
  8977. @media screen and (-ms-high-contrast: active) {
  8978. md-whiteframe {
  8979. border: 1px solid #fff; } }